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

Oliver	1791158645 Using!! Report Comment
Thobias Desenho	1790614801 usingg Report Comment
99RAYON	1789951544 using. Report Comment
LoTz	1787534163 Using ^^ Report Comment
fern !! 𐂯 .ᐟ⸝⸝	1787348407 Usingggg Report Comment
maxxime !	1786910434 using! Report Comment
. 𖦹 - 🧃 ౿ოꪱᜒ 🦭♩☆彡	1786522165 Using!! Report Comment
Noxxie!	1786370486 using!! Report Comment
Wyatt Keilholtz	1785973746 using Report Comment
giA	1785632582 USING Report Comment
Dirty3ThirtyGaming	1784826580 Using. This is Appreciate you! Report Comment
3epcidicvermin_69	1779908180 usingg Report Comment
Finn_XD	1779850625 using!! Report Comment
Aik⦻	1779062036 Using, tyy Report Comment
soulagent	1778857132 using :3 Report Comment
Mrt(;´Д⊂)	1778549500 usingg :p Report Comment
Dgio.tapia	1777689161 USING Report Comment
Trasher	1777401180 usin Report Comment
ComicAce101	1775868933 Using Report Comment
jp	1775769900 using Report Comment