Ao with Shichieichou (Summer Pockets)

Tags: simple, dark, anime.

Description:

Summer Pockets is hands down one of the best visual novels out there. I wanted to make this in tribute to this wonderful story. Clannad is coming next!

This is my first Layout, so don't judge too hard!

Preview:

click on the image for a larger preview

Code:

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

<style>
    body{
    background-image: url(https://i.ibb.co/q5Bzstv/ee3e39c5068702e2201ceb82cb3a33f12ffb4cbf.jpg);
    background-color: #000000;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position:left ;
    margin-top:6px;
    color: #4557AD; 
    font-size: 13px;
    line-height: 15px; 

    }
    .container{
    border-color: #9686AA;
    border-style: dotted;
    border-radius: 25px 25px 0 0 !important;


    }
    main{
        
        background-color: #031F33;
        border-style:;
        border-color: #F0E5DF;
        
    }
    main:before {
    width: 100%;
    height: 500px;
    display: block;
    content: "images";
    background-image: url('https://i.ibb.co/KzfHcdR/CG-AO03-0201.png');
    background-position: center center;
    background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}

    }
    .profile{
    color: #5F78B5;
    
    }
    a{
    color:#C0ACC4;
        
        
    }
    a:hover{
    color: #04224F;
        
        
    }
    a:visited{
        
        
    }
    button{


    }
    h4{


    }
    .top{
    background-color: #031F33 !important;
    border-radius: 25px 25px 0 0 !important;
    color: #BDC0EE;
        
        
    }
    .logo{
    
    }
     
        
    }
    .top label{
    color: #4557AD;
        
        
    }
    .top input{
    background-color: #072D5B;
    color: #739CA2;
    border-color: #5F78B5;
        
        
    }
    .top button{
    background-color: #5F78B5;
    border-color: #5F78B5;
    color: white;
        
    }
    .top a{
        
        
    }
    .top a:hover{

        
    }
    .top a:visited{
        
        
    }
    .links{
    background-color: #031F33 !important;
    text-align: center;
    
        
    }
    .links a{
    color: #A8CED9 !important;
        
    }
    .links a:hover{
    color: transparent !important;
        
        
    }
    .links a:visited{
        
        
    }
    h1
        
        
    }
    .profile-pic{
    }
    
    .online{
    color: #9FAF90;
    }
    
    .online.img{
    color: #C0ACC4;


    }
    .profile-pic img{
    position: center;
    
    }
    .general-about{
        
    
    .mood{
    
    
    }
    
  
        
        
    }
    .mood a{
    color: #F6F6FC;
        
        
    }
    .mood a:hover{
    color: transparent;
        
        
    }
    .mood a:visited{
        
        
    }
    .mood b{
    color: #C0ACC4;
        
        
    }
    .mood p{

    }
    .contact .heading{
    color: #C0ACC4 !important;
    background-color: #182F43 !important;
    
        
        
    
   
    
    }
    .contact{
    background-color: transparent !important;
        
    }
    .contact a{
    color: #FBE8E6;
        
        
    }
    .contact a:hover{
    color: transparent;
        
        
    }
    .contact a:visited{
    #37243E
        
        
    }
    .url-info{
    color: #C0ACC4;
    
        
        
    }
    .url-info b{
        
        
    }
    .url-info p{
    
        
        
    }
    .table-section{
    border-width: 1px;
    border-color: #EAD9E2;
    

    }
    
    .table-section .heading{
    color: #C0ACC4 !important;
    background-color: #182F43 !important;
        
    }
    table.details-table{
    border-style: transparent;
    background-color: transparent ;
        
    }
    .profile .details-table td{
    background-color: #152F4F;
    color: #C0ACC4;
    


    }
    .profile-info{
    
        
        
    }
    .blog-preview {
    
        
    }
    .blog-preview h4


    }
    .blog-preview a{
    
        
        
    }
    .blog-preview a:hover{
    color: #transparent;
        
        
    }
    .blog-preview a:visited{
        
        
    }
    .blog-preview p{


    }
    .blurbs{
    border-width: 2px;
    border-color: #5F78B5;
    color: #BDC0EE;
    

    }
    .blurbs .heading{
    color: #C0ACC4 !important;
    background-color: #182F43 !important;
 
    }
    .blurbs .section h4{
    color: #5F78B5 !important;
        
    }
    .friends .heading{
    background-color: #182F43 !important;
    color: #C0ACC4 !important;
        
        
    }
    .friends{
    background-color: transparent !important;

    }
    .friends-grid{
    line-height: 1px;
        
    }
    .friends a{
    color: ;
        
        
    }
    .friends a:hover{
    color: transparent;
        
        
    }
    .friends a:visited{
        
        
    }
    .friends b{
        
        
    }
    .friends p{
    
    
    }
    .friends .person p{
    color: #96AFED !important;
    
     }  
    }
    .count{


    }
    .more{

}
    .comments-table{
    background-color: transparent !important;
    border-color: #182F43;
    
    
    }
        
    
    .pagination{
    background-color: #;
    
        
    }
    
    .comments-table td{
    background-color: transparent !important;
    color: #BDC0EE;
    
        }
        
    .comments-table a{
    color: #96AFED;
    
    }
    
    
    
    footer{
    background-color: #031F33;
    color: #C0ACC4;
        
    }
    footer a{
    
        
        
    }
    footer a:hover{
        

    }
    footer a:visited{
        

    }
    footer .links{
        


    }
    footer .links a{


    }
    footer .links a:hover{


    }
    footer .links a:visited{


    }
</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 )

Faustypoo

1666605198

haiii i used your layout but i changed a few thing, its very cute !!! :3

Report Comment