xbox 360 layout

Tags: xbox, xbox 360, 2000s, 2011, green

Description:

big brother core

Preview:

click on the image for a larger preview

Code:

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

<style>

body{
background-image: url(https://wallpapercave.com/dwp2x/Unzx3Fd.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}


main {
       background-color: rgba(0, 0, 0, 0.7);
}

/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
     background-image: linear-gradient(darkgreen, greenyellow);
     color: black;
}

/* edit profile / user is your friend */
.profile-info {
    background-color: #ff0099;
    background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
    border: 3.5px solid rgba(0, 0, 0, );
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
}

/* colors for table cell background (by default spacehey has a separate color for :first-child) */
.profile .table-section .details-table td {
     background-color: #ff0099;
     background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
     border: 2px solid darkgrey;
     border-radius: 3px;
     color: black;
}

/* friends comments - friend's name */
.comments-table td:first-child{
    background-image: linear-gradient(greenyellow, darkgreen)
}

/*friends comments- comment */
.comments-table td {
    background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
}

table.comments-table {
   border: 3px solid black;
   border-radius: 6px;
}

/* interests and links */
.profile .table-section {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
}

/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
     background-image: linear-gradient(darkgreen, greenyellow);
     color: black;
}

/* mood and view my */
.profile .mood{
    padding-top: 5px;
    padding-left: 5px;
    box-shadow: 0px 0px 14px black;
    background-color: #ff0099;
    background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
     border-radius: 6px;
     border-style: outset;
     border-width: 1px;
     border: 3.5px solid rgba(0, 0, 0);
     margin-bottom: 20px;
    box-shadow: 0px 0px 14px black;
}

/* blog entries */
.blog-preview{
     background-color: #ff0099;
     background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
    padding: 8px;
}

nav .links {
     background-image: linear-gradient(darkgreen, greenyellow);
     color: black;
     border: 3px solid rgba(0, 0, 0);
     border-radius: 8px;
     box-shadow: 0px 0px 14px black;      
}

nav .top {
     background-image: linear-gradient(darkgreen, greenyellow);
     color: black;
     border: 3px solid rgba(0, 0, 0);
     border-radius: 8px;
     box-shadow: 0px 0px 14px black;      
}

footer {
     background-image: linear-gradient(darkgreen, greenyellow);
     color: black;
    border: 3px solid rgba(0, 0, 0);
    border-radius: 8px;
    box-shadow: 0px 0px 14px black;
}

.blurbs {
     background-color: #ff0099;
     background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
}

.profile .contact {
     background-color: #ff0099;
     background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
}

.profile .friends {
     background-color: #ff0099;
     background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
    margin-bottom: 10px
}

/* profile pic, details, etc box*/
.general-about {
    padding: 10px 10px 14px 10px;
    display: flex;
    height: 400px;
    padding: 10px 10px 14px 10px;
    display: flex;
    height: 180px;
    color: black;
     background-color: #ff0099;
     background-image: linear-gradient(ghostwhite, gainsboro, gainsboro, gainsboro);
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
    margin-bottom: 10px;
    margin-top: 0px;
}

span[itemprop="name"] h1 {
    background-image: linear-gradient(darkgreen, greenyellow);
    color: black;
    border: 3.5px solid rgba(0, 0, 0);
    border-radius: 6px;
    box-shadow: 0px 0px 14px black;
    margin: 0px 0px 0px 0px;
    padding: 2px;
}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #545454;
    --logo-blue: #1D4ED8;
    --darker-blue: forestgreen;
    --lighter-blue: #60A5FA;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --red: #FF0000;
    --dark-orange: darkgreen;
    --light-orange: darkgreen;
    --even-lighter-orange:  darkseagreen;
    --strange-yellow: #dbae2e;
    --green: #34D399;
    --light-green: #E6F8DD;
    --medium-green: #A0C99C;
    --dark-green: #059669;
    accent-color: #1D4ED8;
    accent-color: var(--logo-blue);
}

profile .blurbs .section h4 {
    color: black !important;
}

/* friend names */
.profile .friends .person p {
    color: darkgreen;
    text-decoration: underline;
}

/* friend count colour*/
.count {
   color: darkgreen;
   text-decoration: underline;
}

/* hide spacehey url */
.profile .url-info {
    display: 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 20 of 234 comments ( View all | Add Comment )

・𝗱𝘢𝘳cel𝘪𝘴 .＊ ׁ	1765037338 Using! i love this somuch, tbh, it's nostalgic to remember it & have Report Comment
Andiez0ne	1764540925 using!! Report Comment
☆Spacehey artist☆	1764426038 using :3 Report Comment
Axel 0_o	1764357527 Using! Report Comment
Sebzzz	1764096960 using Report Comment
WirelessWire1593	1763149860 Using :D Report Comment
lackls08	1762487041 USING!! Report Comment
quexEptional	1762086487 using Report Comment
nate.	1761977313 using :p Report Comment
noble6feetunder	1761894141 using Report Comment
ani ♱	1760778502 using <3 Report Comment
seeka๑┈•✦	1760713001 Using Report Comment
elias	1759904043 using! thank you! :-) Report Comment
julian	1758305654 using Report Comment
fartbubbledestroyer37	1758255147 used Report Comment
b1urr3d	1758205270 using Report Comment
mannywelly	1758158691 useee! Report Comment
Diving-Iris	1758046350 I'm definitely gonna use this one :D (I may change the background image though) Report Comment
RydRyd	1757927789 using!! this is super peak Report Comment
mayz !! (silly)	1757523039 using!!! Report Comment