Xbox 360 Blades Dashboard: Carbon/Silver

Tags: xbox 360, xbox, blades dashboard, xbox layout, gaming

Description:

(Original Xbox 360 Layout By: aoife☆) (Blades Layout By: ▄︻╦̵̵̿═SniperLife═) (Recolored/Tweaked By nebrine)

Preview:

click on the image for a larger preview

Code:

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

<style>
 
body{
background-image: url(https://cdn.discordapp.com/attachments/1174111270203572304/1197829289018662932/greydashboardxbox.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
 
 
main {
       background-color: rgba(210, 210, 210, 0.1);
     border-radius: 6px;
}
 
@keyframes grain {
  0%, 100% { transform:translate(0, 0) }
  10% { transform:translate(-5%, -10%) }
  20% { transform:translate(-15%, 5%) }
  30% { transform:translate(7%, -25%) }
  40% { transform:translate(-5%, 25%) }
  50% { transform:translate(-15%, 10%) }
  60% { transform:translate(15%, 0%) }
  70% { transform:translate(0%, 15%) }
  80% { transform:translate(3%, 35%) }
  90% { transform:translate(-10%, 10%) }
}
 
/* colors for the table headings on the left */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background: rgb(148, 148, 148);
background: linear-gradient(0deg, rgba(148, 148, 148,1) 50%, rgba(210, 210, 210,1) 100%);
     color: black;
}
 
/* edit profile / user is your friend */
.profile-info {
    background-color: #ff0099;
    background-image: linear-gradient(silver, white, white, silver);
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
}
 
/* 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(silver, white, white, silver);
     border: 2px solid rgba(63, 63, 63);
     border-radius: 3px;
     color: black;
}
 
/* friends comments - friend's name */
.comments-table td:first-child{
background: rgb(148, 148, 148);
background: linear-gradient(0deg, rgba(148, 148, 148,1) 50%, rgba(210, 210, 210,1) 100%); 
}
 
/*friends comments- comment */
.comments-table td {
     background-image: linear-gradient(silver, white, white, silver);
}
 
table.comments-table {
   border: 3px solid rgba(63, 63, 63);
   border-radius: 6px;
}
 
/* interests and links */
.profile .table-section {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
}
 
/* headings on the right */
.profile .blurbs .heading, .profile .friends .heading {
background: rgb(148, 148, 148);
background: linear-gradient(0deg, rgba(148, 148, 148,1) 50%, rgba(210, 210, 210,1) 100%);
     color: white;
}
 
/* mood and view my */
.profile .mood{
    padding-top: 5px;
    padding-left: 5px;
    box-shadow: 0px 0px 14px silver;
    background-color: #ff0099;
    background-image: linear-gradient(silver, white, white, silver);
     border-radius: 6px;
     border-style: outset;
     border-width: 1px;
     border: 3.5px solid rgba(63, 63, 63);
     margin-bottom: 20px;
    box-shadow: 0px 0px 14px silver;
}
 
/* blog entries */
.blog-preview{
     background-color: #ff0099;
     background-image: linear-gradient(silver, white, white, silver);
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
    padding: 8px;
}
 
nav .links {
background: rgb(148, 148, 148);
background: linear-gradient(0deg, rgba(148, 148, 148,1) 50%, rgba(210, 210, 210,1) 100%);
     color: black;
     border: 3px solid rgba(63, 63, 63);
     border-radius: 8px;
     box-shadow: 0px 0px 14px silver;      
}
 
nav .links a, nav .links li .special a{
    text-shadow: none;
 
}
 
nav .top {
     background: rgb(148, 148, 148);
background: rgb(63, 63, 63);
background: linear-gradient(0deg, rgba(148, 148, 148,1) 50%, rgba(210, 210, 210,1) 100%);
     color: white;
     border: 3px solid rgba(63, 63, 63);
     border-radius: 8px;
     box-shadow: 0px 0px 14px silver;      
}
 
h3 , h4, h5, .url-info b {
    color: #000000;  
}
 
a { 
     color: #000000;
}
 
p, h2 {
     color: #000000;
}
 
h1, .count, .friends a p {
     color: #000000;
}
 
footer {
     background-image: linear-gradient(silver, silver);
     color: black;
    border: 3px solid rgba(63, 63, 63);
    border-radius: 8px;
    box-shadow: 0px 0px 14px silver;
}
 
.blurbs {
     background-color: #ff0099;
     background-image: linear-gradient(silver, white, white, silver);
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
 
}
 
.profile .contact {
     background-color: #ff0099;
     background-image: linear-gradient(silver, white, white, silver);
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
}
 
.profile .friends {
     background-color: #ff0099;
     background-image: linear-gradient(white, white, white, silver);
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
    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(white, white, white, silver);
    border: 3.5px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
    margin-bottom: 10px;
    margin-top: 15px;
}
 
span[itemprop="name"] h1 {
    background: rgb(63,63,63);
background: rgb(148, 148, 148);
background: linear-gradient(0deg, rgba(148, 148, 148,1) 50%, rgba(210, 210, 210,1) 100%);
    color: black;
    border: 3px solid rgba(63, 63, 63);
    border-radius: 6px;
    box-shadow: 0px 0px 14px silver;
    margin: 0px 0px 0px 0px;
    padding: 2px;
}
 
:root {
    --light-white: #f2f0f0;
    --white: #e3e3e3;
    --dark-white: #919191;
    --darker-white: #545454;
    --logo-blue: #1D4ED8;
    --darker-blue: white;
    --lighter-blue: #60A5FA;
    --even-lighter-blue: #BFDBFE;
    --lightest-blue: #DBEAFE;
    --silver: #FF0000;
    --dark-silver: silver;
    --light-silver: silver;
    --even-lighter-silver:  darkseagreen;
    --strange-yellow: #dbae2e;
    --green: #ff3300;
    --light-green: #ff6600;
    --medium-green: #ff5c33;
    --dark-green: #ff5c33;
    --carrot: #ED9121
    accent-color: #ff3300;
    accent-color: var(--logo-blue);
}
 
.blurbs .section h4 {
    color: black !important;
}
 
/* friend names */
.profile .friends .person p {
    color: black;
    text-decoration: underline;
}
 
/* friend count colour*/
.count {
   color: black;
   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 7 of 7 comments ( View all | Add Comment )

𝖝𝖊𝖓𝖔𝖓𝖔𝖝09	1745500554 do a red version Report Comment
M3drow	1744406865 could you do a colored version Report Comment
μάρκος⁴⁴⁴	1735960231 oh em gee using Report Comment
zmork	1733713514 usinnn Report Comment
marsceelo.s	1709852026 using yy Report Comment