OK Computer Layout

Tags: simple, blue, radiohead, music, white

Description:

A layout based off of the album OK Computer by Radiohead. And a birthday present to a friend. Happy birthday! Please comment if you use! :D

Preview:

click on the image for a larger preview

Code:

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

<style>
/**Below is the css for the No Data banner. Feel free to change it, but you may have to edit the code accordingly.**/
main:before {
 width: 100%;
 height: 100px;
 display: block;
 content: "";
 background-image: url('https://i.imgur.com/km6T25R.gif');
 background-position: center center;
 background-size: cover;
</style>



<style>
    
    
    


body{
background-image:
url(https://i.imgur.com/SNTdJC1.jpg);
background-attachment: fixed;
background-size: 1000px;
}

    
      .top{
        
    background-color: rgb(198, 222, 239) !important;
 
    }
    
     .links{
        
    background-color: rgb(198, 222, 239) !important;
    
     }
     
     .top input{
        
    background-color: white !important;
    
        
    }
    
    
    .button{
        
    background-color: white!important;
    
    }
    
    .h1{
        
    background-color: white !important;
    
    }
    
    .general-about{
        
    background-color: white !important;
 
    
    }
    
    
    .table.details-table{
        
    background-color: rgb(82, 156, 206) !important;

        
    }
   
    
    .blog-preview{
        
    background-color: white !important;
   
        
    }
    
    
   
      table.details-table{
        
    background-color: white !important;
    background-image: url('URL') !important;
 
        
    }
    .profile .details-table td{
        
    background-color: rgb(198, 222, 239) !important;
 color: rgb(82, 156, 206) !important;
        
    }
    
    .blurbs{
    
    background-color: white !important;
    border: 1px solid rgb(198, 222, 239) !important; 
    color: rgb(82, 156, 206) !important;
    }
    
     .comments-table td{
        
    background-color: rgb(198, 222, 239) !important;
color: rgb(82, 156, 206) !important;
        
    }
    
    .logo{
        
    background-color: rgb(198, 222, 239) !important;
    
    }
     .contact .heading{
        
    background-color: rgb(198, 222, 239) !important;
  
     }
    

  

 
 
 .blog-preview h4{
        
    background-color: rgb(198, 222, 239);
  
 }
 
   .blurbs .heading{
        
    background-color: rgb(198, 222, 239) !important;
}
   
   
   .friends .heading{
        
    background-color: rgb(198, 222, 239) !important;
   
   }
   
       .contact{
        
border: 1px solid rgb(198, 222, 239) !important;   
        
    } 
  
 .url-info{
        
border: 1px solid rgb(198, 222, 239) !important;   
        
    }
 
    .details-table{
        
border: 1px solid rgb(198, 222, 239) !important;   
        
    }
  
   .table-section .heading{
        
    background-color: rgb(198, 222, 239) !important;
  
    
    }

body  
    {
--lighter-blue: none;
--lightest-blue: none;


}


.friends{
        
border: 1px solid rgb(198, 222, 239) !important;   
   color: rgb(82, 156, 206);     
    }

 .top{
        
    color: rgb(82, 156, 206) !important;
        
    }    
    main{

    color: rgb(82, 156, 206)!important;
        
    }
    
   .profile .blurbs .section h4 {
color: rgb(82, 156, 206);
}


 a{
        
    color: #4282ad !important;
        
    }
    a:hover{
        
    color: #4282ad !important;
        
    }
    a:visited{
        
    color: #4282ad !important;
        
    }
    .top a{

    color: #4282ad !important;

    }
    .top a:hover{

    color: #4282ad !important;

    }
    .top a:visited{

    color: #4282ad !important;

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

    color: #4282ad !important;

    }
    .links a:visited{

    color: #4282ad !important;

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

   }
    footer .links a:hover{

    color: #4282ad !important;

   }
    footer .links a:visited{

    color: #4282ad !important;

   }

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Contact Me!"; font-size:.8rem; font-weight:bold;  color: rgb(82, 156, 206);}

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "Latest Entries"; font-size:.8rem; color:rgb(82, 156, 206); }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Blurbs..."; font-size:.8rem; font-weight:bold;  color:rgb(82, 156, 206);}

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "Friends Space"; font-size:.8rem; font-weight:bold;  color:rgb(82, 156, 206);}


.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "Comments Box"; font-size:.8rem; font-weight:bold; color:rgb(82, 156, 206); }

.table-section h4{
    color:rgb(82, 156, 206) !important;
}

.blog-preview h4 a{
  color: #4282ad !important;
}
 
 footer{
     color:rgb(82, 156, 206) !important;
     background-color: rgb(198, 222, 239) !important;
 }

.count{
    color: #4282ad;
    




    
    

</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 20 of 187 comments ( View all | Add Comment )

Vinny	1742723341 using! Report Comment
mimi	1742516065 usingg Report Comment
Angela!	1742089494 Using!! Report Comment
5kovoroda	1741844258 using :p Report Comment
yanpeorr	1741818871 using! Report Comment
Ayden	1741741266 using! Report Comment
Lala	1741543080 usingusingusing!! Report Comment
j.mino	1741433174 usingg Report Comment
Euhm Ah	1741433047 usingg Report Comment
!! yuib ୨୧ ‧₊˚	1741194227 Using ^^ ty Report Comment
squirrel	1740959074 using Report Comment
squirrel	1740959074 using Report Comment
𝓔𝓾𝓰𝓮𝓷𝓲𝓪 ༻꧂	1740568627 using!!! Report Comment
kara must die	1740446105 using X-D Report Comment
kara must die	1740446101 using X-D Report Comment
Tori	1740276998 using :3 Report Comment
zabby	1740244464 Using Report Comment
KARSYN! ! x3	1740002223 using >:3 Report Comment
~< 𝓗𝓲𝓴𝓮𝓷𝔃𝓸 >~	1739702699 Using!! ^^ Report Comment
snowstorm_	1739513439 USING!!!! Report Comment