Simple Blue Layout

Tags: blue, 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=20309) -->

<style>
:root{
  --logo-blue: #5782EF;
  --darker-blue: #6791FA; 
  --lighter-blue: #6791FA;
  --even-lighter-blue: #1A1A1C;
  --lightest-blue: #1A1A1C;
  --dark-orange: #F2E4CA;
  --light-orange: #6791FA;
  --even-lighter-orange: red;
  --green: white;
}
body{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #4D6CB9;
}
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: #425DA1;
        border-radius: 100px;
}
button{
        
    background-color: #86A8FF !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 #314472;
    color: #4879F4;
    
}
.comments-table td{
        
    background-color: #1A1A1C;
    color: white;
}
.top input{
        
    background-color: #86A8FF !important;
        
}
.friends{
        
    background-color: #1A1A1C !important;
    border: 1px solid black !important;
    color: #4879F4;
}
.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.

Comments

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

.	1785247009 using thanks Report Comment
rein!	1777668812 using :P Report Comment
BNaut5	1772578992 using, thank you!! Report Comment
Zoroark	1769574826 using this as my layout Report Comment
4mnq	1755785438 using ty <33 Report Comment
i <3 garlic bread	1731080595 using Report Comment
i <3 garlic bread	1731080595 using Report Comment
kem	1724990604 this is super cool!! Report Comment
Sk8trCat!	1710979966 usin!! ;P Report Comment
Nadia	1682839794 it doesn't hurt my eyes! Using! Report Comment
︴LYDIAN / LYDS ꩜	1682116460 using!!! Report Comment
Bright ✨	1656310367 Using it i love it Report Comment
shhh	1654990347 using! Report Comment
brodie052	1648410389 I like this but it didn't work for me when I tried to use it (im prob dumb), looks cool though, is there a way I can have like a list of favourites cause this would be on it Report Comment
Google	1648276948 Oooh, this is really cool!! Might use this :D Report Comment