Quick rei ayanami layout

Tags:
Description:

....requested!
Preview:

click on the image for a larger preview
Code:

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

<style>
    body{
        
    background-color:#b7bcf7!important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .top{
        
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/originals/a8/cb/42/a8cb42e0fedda3de4ca2f9ebf5210951.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    .links{
        
    background-color:#c3c8fa !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>


<style>
    button{
        
    background-color:#f0f1fa !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    .contact{
        
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/originals/15/db/07/15db07e114567b2e78b0354736288e70.gif') !important;
    background-attachment:  SCROLL !important;
    background-repeat: REPEAT  !important;
    background-position: CENTER !important;
        
    }
</style>

<style>
    table.details-table{
        
    background-color: COLOR !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/736x/97/2f/0c/972f0c3cc6fdb9ea6da42c8868168e80.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>



<style>
    .table-section .heading{
        
    background-color:#c9c4f5 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    
    }
</style>

<style>
    .blurbs .heading{
        
    background-color:#c9c4f5 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    .friends .heading{
        
    background-color:#c9c4f5 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>


<style>
    .contact .heading{
        
    background-color:#c9c4f5 !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
    .top{
        
    color:#7ea4fc ;
        
    }    
    main{

    color:#7ea4fc !important;
        
    }
    footer{
        
    color:#7ea4fc ;
        
    }
</style>


<style>
    a{
        
    color: COLOR !important;
        
    }
    a:hover{
        
    color: COLOR !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{

    color: COLOR !important;

    }
    .top a:hover{

    color: COLOR !important;

    }
    .top a:visited{

    color: COLOR !important;

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

    color: COLOR !important;

    }
    .links a:visited{

    color: COLOR !important;

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

    color:#4c79e0 !important;

   }
    footer .links a:hover{

    color:#4c79e0 !important;

   }
    footer .links a:visited{

    color:#4c79e0 !important;

   }
</style>


<style>
    .top{

        border-radius: 25px 25px 0 0 !important;

    }
    main{

        border-radius: 0 0 25px 25px !important;

    }
</style>




<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://64.media.tumblr.com/5a266bca86ad32081021414d2ede940a/fff43b04407fb3ce-52/s500x750/e5ec80111a89c4be025de72fd1f0d4d28217957a.gif');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>


<style>
body:before {

content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://64.media.tumblr.com/53af4f92f14a49b54df02d0e1c73ce87/c3e7ef07e94c1197-7f/s500x750/47eda1a13b45ca170467400d9ca59d90a0e1de97.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3s ease 0s 1 normal forwards;
pointer-events: none;

}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
    .comments-table td{
        
    background-color:#587bcc !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
    footer{
        
    background-color: COLOR !important;
    background-image: url('https://64.media.tumblr.com/32526d85f7a2baee45565cd26faca944/7700d5a550bc6b43-90/s1280x1920/ff3009739287c791805f229d65625a492273990d.gif') !important;
    background-attachment: SCROLL !important;
    background-repeat: NO-REPEAT !important;
    background-position: CENTER !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 1 of 1 comments ( View all | Add Comment )
Kacey
1731114373
using
Report Comment