Simple Orange Layout

Tags: orange, black, dark, simple, layout

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=20294) -->

<style>
:root{
  --logo-blue: #D77C3D;
  --darker-blue: #E78643; 
  --lighter-blue: #F79048;
  --even-lighter-blue: #1A1A1C;
  --lightest-blue: #1A1A1C;
  --dark-orange: #F2E4CA;
  --light-orange: #F79048;
  --even-lighter-orange: red;
  --green: white;
}
body{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #BC6D36;
}
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: #F79048;
        border-radius: 100px;
}
button{
        
    background-color: #E78643 !important;
    color: white;
}
    .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 #874E26;
    color: #E78643;
    
}
.comments-table td{
        
    background-color: #1A1A1C;
    color: #F2E4CA;
}
.top input{
        
    background-color: #E78643 !important;
        
}
.friends{
        
    background-color: #1A1A1C !important;
    border: 1px solid black !important;
    color: #CC7333;
}
.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: #f5f5f5 !important;

    }
    .top a:visited{

    color: #f5f5f5 !important;

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

    color: #f5f5f5 !important;

    }
    .links a:visited{

    color: #f5f5f5 !important;

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

    color: #f5f5f5 !important;

   }
    footer .links a:hover{

    color: #f5f5f5 !important;

   }
    footer .links a:visited{

    color: #f5f5f5 !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.