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

McFlorry	1713370976 Using!! Report Comment
𓆣꩜𖢥𖦹 vi 𖦹𖢥꩜𓆣	1711534954 using! :3 Report Comment
joel ᶻ 𝗓 𐰁	1710151144 using! Report Comment
Graham	1709582056 Using! Report Comment
david	1709262362 using:p Report Comment
xx_calliope_xx	1709054971 usign this omgh Report Comment
nez nezzy	1708445610 usinggggngngngngg Report Comment
—◠Ꮺ paranoid android	1708363766 usin!! :3 Report Comment
zack¿!	1708036370 usando!! :) Report Comment
kasturzkorpze	1706709039 using !! :3 Report Comment
ammy 🦝	1706586640 using !!<3 Report Comment
Luciel	1706491503 using :] Report Comment
emyy ☆	1706468007 usando! amo este álbum de radiohead <333 Report Comment
sadstereos	1706209343 using!! Report Comment
Porotek	1705961724 beautiful!1!! Report Comment
suicidios	1705763734 using!! Report Comment
xspinetta	1705699985 usingg Report Comment
cigastraw :3	1705630360 usando Report Comment
maiuh	1705375048 using<3 Report Comment
sylv	1704949362 USINNG!!!! ^_^ Report Comment