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

ibu	1725265951 using! Report Comment
જ⁀ xiao <3	1725052137 Using! Report Comment
atlasworld96	1723494322 using Report Comment
Fizhlmurmur	1723299753 using Report Comment
Yogurt_•O°	1722822362 Using! Thx!! Report Comment
nick	1722547040 using! Report Comment
⁺‧₊˚ ཐི⋆♱⋆ཋྀ ˚₊‧⁺	1722207932 Prob using!! Report Comment
lia	1719669004 usingggg Report Comment
love4eva	1718711734 using!! Report Comment
fabian!!!!!!	1717735403 using :3 Report Comment
mazdateel	1717651936 USING!! XP Report Comment
paai	1716694380 Using Report Comment
K4nd1_m0nst3r	1716193379 using Report Comment
Voonshroom	1715976630 using! Report Comment
julia	1715075811 using! Report Comment
﹟🛸﹐max﹒★	1714863316 Using!! Report Comment
˚₊‧꒰ა ☆ ໒꒱ ‧₊˚ simon	1714797383 using!! Report Comment
McFlorry	1713370976 Using!! Report Comment
𓆣꩜𖢥𖦹 vivien 𖦹𖢥꩜𓆣	1711534954 using! :3 Report Comment
seth ᶻ 𝗓 𐰁	1710151144 using! Report Comment