Roblox 2011? Spacehey Page Layout!!!

Tags: roblox, 2000s, 2000

Description:

i am bored so i did this...

please credit me if you want to use this

ALSO....

if you want to change the avatar or logo, go to the nav .top .left .logo line and change the content: url thing or remove the content

Preview:

click on the image for a larger preview

Code:

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

<style>
 
body {
    margin: 0;
    padding: 0;
    background: url(https://web.archive.org/web/20110430234941im_/http://www.roblox.com/images/cssspecific/rbx2/bkg.jpg) top center repeat-x #000444;
    font-family: Verdana,sans-serif;
    color: black;
}
 
.container {
margin-top: 25px;
width: 900px;
margin: 65px auto;
}
 
nav {
border: 1px solid black;
}
 
nav .top {
height: 195px;
background: url(https://i.imgur.com/T0ICPcY.png);
}
nav .top .left .logo {
    box-sizing: content-box;
    border: 1px solid #FFF;
    border-radius: 5%;
    height: 80px!important;
    width: 80px!important;
    bottom: -45px;
    right: 5px;
    position: relative!important;
    content: url(https://i.imgur.com/3bxZ8vC.png)!important;
}
 
.logout-btn, button {
font-family: Arial,Helvetica,sans-serif!important;
}
 
 
nav .links {
    font-weight: bold;
    font-size: 14px;
    width: 900px;
    background: url(https://web.archive.org/web/20110430234942im_/http://www.roblox.com/images/cssspecific/rbx2/topNav_blue.png);
    background-position: 0 0;
    text-align: center;
    line-height: 20px;
    text-decoration: none;
}
 
nav .links {
    word-spacing: 10px;
}
 
nav .links li:after {
    content: "--";
    display:none;
}
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after  {
color: white!important;
}
 
main {
    background: url(https://web.archive.org/web/20110430234944im_/http://www.roblox.com/images/cssspecific/rbx2/containerBkg_01.png)!important;
}
.left h1, .general-about, .mood, .contact, .profile .left p:nth-last-child(7) {
border: 0 solid transparent!important;
    text-align: center;
background-color: #fff;
    margin-bottom: -11px!important;
}
 
.profile-pic, .profile-pic img {
position:relative;
left: 15px;
z-index: 1;
width: 500px;
background-color: #fff;
}
.profile-pic img {
content: url(https://tr.rbxcdn.com/6d818c6e48cbe117a0dc20cadfc948c4/352/352/Avatar/Png);
}
 
.profile-pic {
width: 270px!important;
}
 
.online {
position: relative;
bottom: 15px;
}
 
.contact .heading {
display: none;
}
 
.profile .mood, .profile .contact {
    position:relative;
    bottom: 8px;
    overflow: hidden;
}
 
.general-about, .mood, .blog-preview, .contact {
    border-left: 1px solid #ccc!important;
    border-right: 1px solid #ccc!important;
}
 
 
.profile .blurbs .inner, .profile .friends .inner {
    border-top: 0 solid transparent!important;
    border: 2px solid #ccc;
}
.contact {
    border-bottom: 1px solid #ccc!important;
}
 
.profile .url-info {
    border: none;
}
.details {
    position: relative;
    padding-right: 200px;
    left: 100px;
}
 
.profile .table-section .inner {
    border: 1px solid #ccc;
    border-top: 0 solid;
}
 
.profile .table-section {
    border: 0 solid;
}
 
.profile-info, .blog-preview, .blurbs{
    background-color: #fff;
}
 
h1, h4, .links {
    font-family: Arial,Helvetica,Sans-Serif;
}
 
h1, h2, h3, marquee {
    color: white!important;
    border: 0 solid transparent!important;
}
 
h1 marquee {
background-color: #ccc;
    border: solid 1px #000!important;
    font-family: Verdana,sans-serif; 
    font-weight: bold;
    font-size:0.75em;
    letter-spacing: .1em;
    margin: 1px 1px 0;
    padding: 1px 1em;
    text-align: left;
}
.section h1, marquee {
color: black!important;
}
 
.profile .left h1 {
text-align: left!important;
}
.profile .left h1:after {
content: "'s profile";
text-align: left!important;
}
.profile .left h1, DIV.blog-preview > H4, .profile #comments.friends .heading {
    border-top-left-radius: 5px;
    color: white!important;
    display: block;
    width: 100%;
    height: 29px;
    padding: 5px 20px 0 2px!important;
    background: url(https://web.archive.org/web/20110430234944im_/http://www.roblox.com/images/cssspecific/rbx2/tab_black_33h_t2.png) no-repeat right top!important;
    overflow: hidden;
}
 
.profile .blurbs .heading, .profile .table-section .heading, .profile .friends .heading {
    width: fit-content;
    color: black!important;
    display: block;
    height: 26px;
    padding: 5px 5px 0 9px;
    background: url(https://web.archive.org/web/20110430234945im_/http://www.roblox.com/images/cssspecific/rbx2/tab_white_26h_t2.png) no-repeat right top;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: normal;
}
 
table.details-table, .profile .blurbs .inner, .profile .friends .inner {
    z-index: -2px;
    position: relative;
    top: -2px!important;
    background: #fff;
    border: 1px solid #ccc!important;
    padding: 8px;
    color: Black;
}
 
.profile .table-section .heading h4 {
    position: relative;
    top: 2.5px;
}
 
.details-table {
background: none;
color: blue;
}
 
tr td {
    background: none!important;
}
 
div#comments {
margin-top: 15px;
}
 
.profile .friends .inner {
    background-color: white;
}
 
.comments-table td, 
.comments-table td:nth-last-child(2) {
background: none;
}
 
 
</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 )