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 141 comments ( View all | Add Comment )

Vi☆	1731864953 using!! Report Comment
weirdw	1731857777 using Report Comment
kaygurl010	1731294446 using :) Report Comment
★Frnkestein★	1731119415 Using! Report Comment
bless3dbunn13	1730106312 using Report Comment
dan >_<	1729990302 so awesome sauce very much using Report Comment
asli !!	1729866689 using :]!! Report Comment
☆ Elliott	1729728629 using ^_^ Report Comment
X1TL4L1 (G.I.N.A.S.F.S #1 fan)	1728920878 using ! Report Comment
Mynnie	1728224112 Using! Report Comment
isaiah / finnley	1728039851 Using! Report Comment
Sal>3<!	1727939989 Using!! Report Comment
Kelly ✿⁠♡	1727879846 Usinggg! Report Comment
Nina✩	1727432764 Usinngggg Report Comment
maria ₍^ >ヮ<^₎ .ᐟ.ᐟ	1727000557 abt to use this <3 Report Comment
Arwan	1726764091 abt to use this Report Comment
fluffypiff	1726568674 SO USING THIS Report Comment
cam	1725265951 using! Report Comment
ᛝ 𝔖𝔫𝔞𝔨𝔢 ﹒	1725052137 Using! Report Comment
atlasworld96	1723494322 using Report Comment