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

igot_opps_inchina	1715536582 Using Report Comment
★ Tripidationz ★	1714936578 usingusing Report Comment
'' ROB + BRIAN'S ACCOUNT ''	1714703267 using! Report Comment
wiispy!! the weapon	1714695812 using!! Report Comment
Scотт⛧	1714218756 using :) Report Comment
cr0wluvr	1713583186 Using!! This is so cool :D Report Comment
rozinaa/damian (chav era)	1713010104 using Report Comment
Yolav (misskonasya era)	1712975510 using! Report Comment
squareman	1711823052 using Report Comment
A$AF€ ^_^	1711597260 Usando! Report Comment
DJ Cat Punk	1711216876 Using this! Very good layout; takes me back to the 2000s - 2010s. Report Comment
bable	1711107082 using Report Comment
NOEMI.ᐟ	1711064623 usingggg!! Report Comment
duke of darkness	1711022862 Using! Report Comment
Blazingjaguar	1710674853 Using Report Comment
rapfirst	1708504292 how do i remove the song ? also using ^u^ Report Comment shit nvm i was hearing music from another tab thinking it was the layout sorry by rapfirst; 1708805292; Report
VENUS	1708489660 usiing :333 ty!!! Report Comment nepeta by rapfirst; 1708504266; Report
aiven	1708232539 Using Report Comment
k	1707261128 using Report Comment
Mafu (°ロ°) !!	1706992360 using !! Report Comment