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 224 comments ( View all | Add 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
asya	1757185875 using!!!! really cool looking one Report Comment
vivian༄	1756872416 using! Report Comment
lynx	1756865704 using Report Comment
Swagmaster16	1756848292 using!!!!!!!!!! Report Comment
hespiec2007	1756344235 using! Report Comment
englisch ist mein lieblingsfach	1755994065 using Report Comment
v4ker	1755770403 using!!! :D Report Comment
Johnny John-John	1755538385 using!!! Report Comment
clarice	1755446266 using Report Comment
†𝔸𝕎𝕊𝕆𝕄 𝟝𝟘†	1754502509 Using!!! Report Comment