Colorful Domo layout

Tags: domo, domokun, scene, 2000s scene, colorful

Description:

please comment if using!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by leefs tester (https://layouts.spacehey.com/layout?id=99874) -->

<style>

p{
font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #FFF;

}

a{
 font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #FFF
}

div{
  font-family: 'Roboto', sans-serif;
  font-size: 15px;
  color: #FFF;
  

}
h1,h2,h3,h4,h5{
font-family: 'Roboto', sans-serif;
  font-size: 20px;
  color: #FFF;
  

}
body {
    background: url(https://i.ibb.co/BCDqpqD/Untitled-design.png);
background-size: 300px;
}

.profile {
    background-image: url(https://i.ibb.co/7j7HqQV/Untitled-design-1.png);
    background-repeat: repeat;
    background-size: 150px;
color: #ffe6ed;
border-radius: 0px;
    border: 5px solid;
    border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
}



.blog-preview {

  background: none;
  border: 7px solid;
   border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
    text-align: center;

}

.blog-preview .heading{
    background: #000000;
    border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
      border-radius: 0px;
      text-align: center;

}

.blurbs {

  background: none;
  border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
    text-align: center;

}

.profile .blurbs .heading{
    background: #000000;
    
      border-radius: 0px;
      text-align: center;

}

.general-about{

     border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
    text-align: center;
color: #ffe6ed;
    background: none;
    padding: 20px;

}

.profile .contact {
    border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
}

.contact {
  border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;

    color: #ffe6ed;

}

.profile .contact .heading {
   background: #000000;
    border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
    text-align: center;
color:#ffe6ed;

}

nav, footer, .profile .contact {
display: inherit !important;
opacity: 1 !important;
border-radius: 0px;
}

nav .top {
  background: transparent;
}

nav .links {
  background: grey;
border-radius: 0px;
}

nav { background: black;
}

nav{ 
font-size: 13px !important;
text-shadow: 1px 1px black;
text-transform:none;
text-align: center;
    border: 2px solid #000000;
    border-radius: 0px;
margin-bottom: 0px;
}

.profile .table-section .heading {

  background-color: #000000;

  color:#000000;
   border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
}

.profile .friends{
 background-image: url(insert image link);
 border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
text-align: center

}

.profile .contact, .profile .table-section, .profile .url-info {

  border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;

}

.comments-table td:first-child{
text-align: center!important;
background: #000000;
}

.comments-table td{
text-align: left!important;
}


.comment-replies {
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
}

.comment-reply:not(:first-child) {
    border-top: 1px solid #373434;
}



table.comments-table td {
    background-color: #000000;
    overflow: hidden;
border: 1px solid #373434;
    padding: 5px;
}

.comments-table{
display: block;
overflow-y: auto;
Border-radius: 0px; 
color: #ffe6ed;
 }

table.comments-table{
border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
 border-radius: 0px;
width: auto;
}

.profile .friends .heading {
 background: #000000;
    border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
    text-align: center;
color: #ffe6ed;

}
.profile .table-section {
background-image: url(insert image link);
 border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
text-align: center
}

.profile .table-section .details-table td {
    background-color: transparent!important;
color:#ffe6ed;

}

footer {
color:#ffe6ed;
background-image: url(insert image link);
border: 2px solid #000000;
 border-radius: 0px;

}

.mood {
margin-bottom: 10px;
 color: #ffe6ed;
    border: 7px solid;
 border-image: linear-gradient(#FF00BE, #FFF200, #22B14C, #A349A4) 1;
    border-radius: 0px;
padding: 5px!important;
    background-image: url(insert image link);
background-size: cover;
    height: 65px;
background-size: 360px

}




.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}



</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.