Simple White Layout

Tags: white, black, 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=20312) -->

<style>
:root{
  --logo-blue: #D6D2D2;
  --darker-blue: #D6D2D2; 
  --lighter-blue: #E5E4E4;
  --even-lighter-blue: #1A1A1C;
  --lightest-blue: #1A1A1C;
  --dark-orange: #;
  --light-orange: #E5E4E4;
  --even-lighter-orange: red;
  --green: white;
}
body{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #AEAEAE;
}
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: #F2E4CA;
    background-color: #232225;
    
}
footer{
    background-color: #E5E4E4;
        border-radius: 100px;
}
button{
        
    background-color: #E5E4E4 !important;
    color: black;
}
    .top{
        
    color: white;
}
.contact{
        
    background-color: #1A1A1C !important;
}
.heading{
    padding: 1px 0 !important;
    color: #1A1A1C !important;
    background-color: #1A1A1C;
    border-bottom: 2px dashed;
    
}
.count{
    color: white;
}
.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 #878787;
    color: #F9F9F9;
    
}
.comments-table td{
        
    background-color: #1A1A1C;
    color: white;
}
.top input{
        
    background-color: #F9F9F9 !important;
        
}
.friends{
        
    background-color: #1A1A1C !important;
    border: 1px solid black !important;
    color: #F9F9F9;
}
.mood{
        
    background-color: #1A1A1C !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: black !important;

    }
    .top a:visited{

    color: black !important;

    }
    .links a{
    
    color: black !important;
    
    }
    .links a:hover{

    color: black !important;

    }
    .links a:visited{

    color: black !important;

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

    color: #f5f5f5 !important;

   }
    footer .links a:hover{

    color: black !important;

   }
    footer .links a:visited{

    color: black !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 8 of 8 comments ( View all | Add Comment )

sata	1689810684 using Report Comment
Narwhal!	1689257656 Using! Report Comment
maddie	1652905997 love your layouts, theyre always exactly what im looking for! haha Report Comment
bruno	1650998254 using this! Report Comment
runo	1650781903 omg using this thank u!! :D Report Comment
marthie	1649627724 gonna use this!! thx!! Report Comment
mariah	1649054850 gonna use this, thx :) Report Comment
angela 🏹	1648657683 using this tysm!!!! Report Comment