Simple Black Layout

Tags: black, white, gray, simple, layout, animation

Description:

Credit is appreciated but not needed!
If you like my layout please support by friending me or commenting! :)

Thank you!

- Euoni

Preview:

click on the image for a larger preview

Code:

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

<style>
:root{
  --logo-blue: black;
  --darker-blue: #000000; 
  --lighter-blue: black;
  --even-lighter-blue: #1A1A1C;
  --lightest-blue: #1A1A1C;
  --dark-orange: black;
  --light-orange: black;
  --even-lighter-orange: red;
  --green: white;
}
body{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #636363;
}
html:before {
  background: url(https://i.stack.imgur.com/sIIwU.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:0.1;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events: none;
  z-index: -1;
  filter: brightness(100%) contrast(110%);
}
main{
    border-radius: 0 0 15px;
    border: 2px solid rgba(0,0,0,0.7);
    color: black;
    background-color: #232225;
    
}
footer{
    background-color: black;
        border-radius: 100px;
}
button{
        
    background-color: gray !important;
    color: black;
}
    .top{
        
    color: #4C4C4C;
}
.contact{
        
    background-color: #1A1A1C !important;
}
.heading{
    padding: 1px 0 !important;
    color: #4C4C4C !important;
    background-color: #4C4C4C;
    border-bottom: 2px dashed;
    
}
.count{
    color: #4C4C4C;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
    border: 2px solid rgba(0,0,0,0.7);
}
.profile .url-info {
    display: none;
}
.profile h1 {
    font-size: 30px;
    text-shadow: 5px 3px black;
    color: #404040;
    
}
.comments-table td{
        
    background-color: #1A1A1C;
    color: ;
}
.top input{
        
    background-color: #4C4C4C !important;
        
}
.friends{
        
    background-color: #1A1A1C !important;
    border: 1px solid black !important;
    color: #616161;
}
.mood{
        
    background-color: #1A1A1C !important;
    color: #616161; !important
    border: 1px solid black !important;
    }
        table.details-table{
        
border: 1px solid black !important;   
        
}
.profile .details-table td{

border: 1px solid black !important;   

}
.comments-table td{
        
border: 1px solid black !important;   
}
.profile-info{
        
border: 1px solid black !important;   
        
}
.links{
        
border: 1px solid black !important;   
     
}
    color: white !important;
        
    }
    a:hover{
        
    color: #f5f5f5 !important;
        
    }
    a:visited{
        
    color: #f5f5f5 !important;
        
    }
    .top a{

    color: #f5f5f5 !important;

    }
    .top a:hover{

    color: white !important;

    }
    .top a:visited{

    color: #616161 !important;

    }
    .links a{
    
    color: #616161 !important;
    
    }
    .links a:hover{

    color: #616161 !important;

    }
    .links a:visited{

    color: #616161 !important;

   }
    .friends-grid p{
        
    color: #848484 !important;
        
    }
    footer .links a{

    color: #616161 !important;

   }
    footer .links a:hover{

    color: #616161 !important;

   }
    footer .links a:visited{

    color: #616161 !important;

   }
</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.

Comments

Displaying 11 of 11 comments ( View all | Add Comment )

Madds	1739700827 usinggg! Report Comment
</3	1730378200 usingg Report Comment
yanx	1729111317 usingg Report Comment
mina (￣ω￣)	1727372331 using :D Report Comment
agni ! ! . . .	1722925243 using! Report Comment
⑅♡♪★Cherry flavored rat★♪⑅♡	1713974022 Usingg >-< Report Comment
CH3RRYB0NGW4T3R	1694922982 using xx Report Comment
FaithyBunny	1679511517 gonna use this!!! Report Comment
kass	1655506819 thank you! im gonna use this, its so nice! ♡ Report Comment
robin	1652002979 Using, I love this layout. It's nice and simple, but not too much going on. That's exactly what I wanted Report Comment
lidiel rojas <3	1649928858 where do i add my bio? Report Comment i'm sure you figured it out by now but just incase you haven't, you basically copy and paste the code into your "about me" section which will change the theme. you can write your actual about me under the code a few lines! by euoni; 1649953466; Report