Layout I used in late october

Tags: scene, emo, my chemical romance, mcr, fall out boy, fob
Description:

scene and emo collide! This is mostly for backup sake unless I wanna change it
Preview:

click on the image for a larger preview
Code:

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

<style>
body {
    background: #000;
    font-family: Arial, Verdana, sans-serif;
}
p {
    color: #fff;
}
a {
    color: #f00;
}
.left.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;    
    padding: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    position: relative;
    right: 4px;
}
.left .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 5px 1px #535353;
    border-radius: 5px 5px 0px 0px;
    border-bottom: 1px solid #808080;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 3px !important;
}
.contact .heading {
    background: none !important;
    border: none !important;
    box-shadow: none;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
.profile .table-section {
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #808080;
}
.details-table td {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 10px 0px;
    border: 0px;
    padding-left: 5px !important;
    color: #ffffff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px; 
}
.profile .contact {
    border-radius: 5px 5px 0px 0px;
    border: none;  
    background: linear-gradient(#535353 0%, #000 20%);
}
.right.col {
    background: linear-gradient(#535353 0%, #000 2%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    position: relative;
    left: 4px;
    margin-left: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
}
main {
    border: none;
    border-radius: 5px;
    padding: 10px 15px 10px 15px;
    background: black;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
}
nav .top {
    margin-top: 10px;
    border-radius: 5px;
    background: linear-gradient(#535353 0%, #000 69%);
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 10px 2px #535353;
    border: 0px;
    padding: 4px;
}
nav .links {
    background: linear-gradient(#535353 0%, #222 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 0px;
    padding-left: 10px !important;
    color: #ffffff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    padding: 5px;
    position: relative;
    gap: 5px;
    justify-content: center;
}
nav .links a {
    text-shadow: 1px 1px 0px #000;
}
nav .links a:hover {
    color: #f00;
    text-decoration: none;
    text-shadow: 1px 1px 0px #000;
}
.top .right a {
    text-shadow: 1px 1px 0px #000;    
}
.logout-btn {
    text-shadow: 1px 1px 0px #000 !important;     
}
body &gt; div.container &gt; nav &gt; ul &gt; li.special {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(12) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(3) {
    display: none;
}
body &gt; div.container &gt; nav &gt; ul &gt; li:nth-child(13) {
    border: none;
}
nav li {
    font-size: 0pt;
    padding-right: 5px;
    border-right: 2px ridge #555555;
}
.right .heading {
    background: linear-gradient(#535353 0%, #000 60%) !important;
    box-shadow: inset 0px 0px 0px 1px #808080, inset 0px 0px 5px 1px #535353, #000 1px 1px 10px 2px;;
    border-radius: 50px 0px;
    border: 0px;
    padding-left: 10px !important;
    color: #ffffff !important;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;    
}
.comments-table {
    border: 0px;
}
.comments-table td {
    border: 0px;
    background: linear-gradient(#535353 0%, #000 20%) !important;
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.url-info {
    border: none !important;
    background: linear-gradient(#535353 0%, #000 40%);
    border-radius: 5px 5px 0px 0px;
    border: 0px;
    padding: 5px;
    color: #ffffff;
    text-shadow: 2px 1px 0px #000;
    font-size: 13px;
    top: -32px;
}
.comments-table .pfp-fallback {
    border: 2px ridge #555555;
}
.person .pfp-fallback {
    border: 2px ridge #555555;    
}
.profile-pic .pfp-fallback {
    border: 2px ridge #555555;     
}
#comments &gt; div.inner &gt; table &gt; tbody &gt; tr &gt; td:nth-child(1) {
    background: none;
}
.comment-replies {
    border: none;
    border-top: 2px ridge #555555;
}
footer {
    background: none;
}
</style>

<style>

.logo {
   content: url("https://media.discordapp.net/attachments/1085641344329990175/1165083948079136858/logo_optimized.png?ex=65458ffb&is=65331afb&hm=b1c31f03a2d5c8109ce850830b8c71eabd7e2a67aed3045e76c3d7b079aca5a3&=");
}

</style>

<style>
body{background:url("https://media.discordapp.net/attachments/1085641344329990175/1165086881407582218/pincase202310152674.png?ex=654592b6&is=65331db6&hm=94d7295c325af1b47d34eb0000905b062785415312c0d0a2c30ffa33cb58cc43&=") no-repeat fixed; background-size:cover;}
</style>

<style>

.profile .contact:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 150px;
  width: px;
  background-image: url(https://media.discordapp.net/attachments/1085641344329990175/1165087950242054234/s-l1600_1.jpg?ex=654593b5&is=65331eb5&hm=6816be0a4282f1377f81df522d2699e154751562ebe7295fcaf3bbfdca1a2c87&=&width=1037&height=671);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  margin-bottom: 10px;
  margin-left: 10px;
}

</style>

<style>
    
    .blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 200px;
  background-image: url(https://media.discordapp.net/attachments/1085641344329990175/1165088296670597151/pincase202309279810.jpg?ex=65459408&is=65331f08&hm=0f21b24597351d7d9b8469908638fd7e3a586038b379affa3d8d3829cba69d0b&=);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: 0px solid black;
  margin-bottom: 10px;

}

    .profile .blurbs .inner:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 180px;
  background-image: url(https://media.discordapp.net/attachments/1085641344329990175/1165088753480634500/image.png?ex=65459475&is=65331f75&hm=10ea06a09b0a41da3b81b500bc8805705efb3eb07e88707101df83fc17913f94&=);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center ;
  border: 0px solid black;
  margin-bottom: 10px;


}
    
</style>

<style>
main:before {
width: ;
height: 150px;
display: block;
content: "";
background-image: url('https://media.discordapp.net/attachments/1085641344329990175/1165089810432667648/sparkle-rainbow.gif?ex=65459571&is=65332071&hm=57183f661565f3b55cea2512f40091db9dcaa18f1a27117c85bb632a211a0c12&=');
background-position: center top;
background-size: cover;
margin-bottom: 20px;
margin-top: 10px;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>

.profile .profile-info {
	background-image: url(https://media.discordapp.net/attachments/1085641344329990175/1165140540652789851/14bf9d0206677d9be34b89e6fff0acf3.jpg?ex=6545c4b0&is=65334fb0&hm=1c5a0522dca43e1239c084008d7e3577e32e8320ba92391814a691a1cf8345b7&=&width=1193&height=671);
	height: 150px;
	text-align: center;
}

</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 1 of 1 comments ( View all | Add Comment )
NoraXD
1699617035
using !!
Report Comment