Six Degrees Layout

Tags: simple, nostalgia, 6degrees, six degrees, 90s, nineties, retro

Description:

Inspired yet again by Winter nights - This is a website called Six Degrees which I suppose was an early attempt at social networking in the 90's!

Here is my reference image

And here is the final design. I tried to keep it as true to the original as possible. No fancy CSS tricks. Just how it would have been in the 90's!

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {
  
  
--bgblue: #6666ff;
--nav: #333399;
--orangecolour: #ffcc66;
--textcolor: #000;


}

.logo{
 content: url("http://web.archive.org/web/20000508171926im_/http://www.sixdegrees.com/gif/gifsponsorstartpage/sixdegreesLogo.gif"); 
}

body {
  background: var(--bgblue) !important;
  
}

main {
  
  background: var(--bgblue) ;
  color: var(--textcolor) !important;

}
h4{
 color: var(--textcolor) !important; 
}

.contact{
 border: none !important; 
}

.heading, .blurbs, .friends, .contact .inner,.table-section .inner,.url-info{
 background: var(--orangecolour) !important; 
  text-align: left;
  border: 1px solid var(--orangecolour);
}

.profile .details-table td{
        

   background: var(--orangecolour) !important; 
   color: var(--textcolor);
        
    }




nav .links{
  background: var(--nav) !important;
  
}

.top{
 background: var(--bgblue) !important; 
}

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