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

꩜｡ RAVE ໒꒱	1760301068 USING Report Comment
Sophie ^^	1758231466 USINNGGGG Report Comment
Sophie ^^	1758231466 USINNGGGG Report Comment
✮˚.⋆ pancake	1758175645 using :)) Report Comment
y4ku	1757524109 using, thank you! Report Comment
Ayd	1757435014 Using^⁠_⁠^ Report Comment
se1kqq	1757349779 using! Report Comment
𝔬𝔩𝔦 ✞	1756139321 usinggg Report Comment
Lana	1753672605 using Report Comment
reem	1753407179 using Report Comment
𐙚⋆🏳️‍⚧️˖˚Elliot*ੈ✩₊	1753396220 This is so good I’m using it :3 Report Comment
JoT-T	1752895384 Fire Report Comment
syreixxD (rei)	1752750744 using :) Report Comment
valee__.	1752198802 using!! Report Comment
arpeggi	1750927405 the images are brokemn . really banger layout though Report Comment
hoardingsnackz	1750889550 using Report Comment
bedek. ☆	1750346461 the background is not appearing Report Comment
isla	1750285681 using Report Comment
ᨓ 。DAMIEN ︵ !!?	1749814466 using!!!! thank you :) this is awesome have a great day dude Report Comment
7TRIALS.	1749218364 Using thank u!! Report Comment