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 6 of 6 comments ( View all | Add Comment )

ChRiS	1713974022 Usingg >-< Report Comment
CH3RRYB0NGW4T3R	1694922982 using xx Report Comment
Bag O' Bones	1679511517 gonna use this!!! Report Comment
kass	1655506819 thank you! im gonna use this, its so nice! ♡ Report Comment
Yu~ki fan	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