Red and black emo layout!!

Tags: emo, red and black, red, black, fall out boy, fob

Description:

a red and black emo layout thats slightly fob inspired and very glittery! big shout out to the person who made the spacehey logo i used (https://layouts.spacehey.com/layout?id=32962) sorry if it kinda sucks its the first "big" layout ive made. hope you enjoy!!

Preview:

click on the image for a larger preview

Code:

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

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://files.catbox.moe/5thnc3.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>


<style>
    body {
        background:url(https://i.pinimg.com/originals/4b/db/ce/4bdbce482e6adaf5e06d08baaf9cd617.jpg);
    }
</style>
<style>
    .profile {
       
 
background:url(https://64.media.tumblr.com/55f7be2ab82145831308858a5a5dd008/tumblr_ojbjitN9Z11vsjcxvo1_r1_640.gifv);
    }
</style> 
 

<style>
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:#a20103;
    }
</style>
<style>
 .profile .contact .heading,
 .profile .table-section .heading {
     background-color:black;
 }
</style>
<style>
 .profile .contact,
 .profile .table-section {
     border-color:black;
 }
</style>
<style>
main .left {
    background-color:#a20103 ;
}
</style>
<style>
.profile .url-info{
    border-color: black;
}
</style>
<style>
.profile .contact {
    border-color: black;
}
</style>
<style>
nav .top {
    background-color:black;
}
</style>
<style>
    ..profile .table-section .heading {
        border-color:white;
    }
</style>
<style>
.details-table td * {
        background:white;
    }
</style>
<style>
    .profile .friends .heading h4 {
        color:white;
    }
</style>
<style>
    nav .links {
        background-color:#a20103;
    }
</style>
<style>
    .profile .blurbs .heading h4 {
        color:black;
    }
</style>
<style>
    .details-table td {
        background:white;
    }
</style>
<style>
    .details-table td * {
        border-color:white;
    }
</style>
<style>
    .details-table td * {
        color: black;
    }
</style>
<style>
    .profile .friends .inner {
        color:#a20103;
    }
</style>
<style>
    .profile .blurbs .inner {
        color:#a20103;
    }
</style>
<style>
  
</style>
<style>
    .profile .blurbs .inner {
        color:#a20103;
    }
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background:#a20103;
    }
</style>
<style>
    a {
        color:white;
    }
</style>
<style>
    .profile .contact .heading {
        color:#a20103;
    }
</style>
<style>
    .profile .table-section .heading {
        color:#a20103;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
h2 {
        background: url("");
        font-size: 50px!important;
        font-family: butcherman;
        font-weight: 200;
        transform: rotate(-10deg);
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: black;
        text-shadow: 2px px grey;
        text-align: center;
        line-height: 43px!important;
        display: block;
        color: #c40404;
        padding: 10px;
        margin-top: 0px!important;
        margin-bottom: 40px!important;
        
    }
    </style>
<style>
    .comments-table td {
        border-color:#a20103;
    }
</style>
<style>
    table.comments-table {
        border-color:#a20103;
    }
</style>
<style>
    footer {
        background:black;
    }
</style>
<style>
    footer {
        color:white;
</style>
<style> 
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my playlist!!"; font-size:.8rem; } 
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "epic and cool individuals"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "profile comments"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "hai"; font-size:.8rem; font-weight:bold; } </style>
<style>
nav .top {
        background: url("https://i.pinimg.com/originals/30/bb/d0/30bbd0455939f9c6037e5aa406739075.jpg");
    }

    nav .links {
        background: transparent!important;

    
    
</style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "funky buttons you can press"; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "blinkies and gifs"; font-size:.8rem; } 
</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "HEY!! HEY!! READ ME!!"; font-size:.8rem; font-weight:bold; color:black; }
</style>




<style>

.url-info {
    background-image: url("https://i.pinimg.com/originals/af/6a/d4/af6ad4a5d60263e5b1a4f2709d6f7eb1.jpg");

}</style>

<style>

.blurbs {


}

</style>

<style>



<style>

.profile-info {

   background: url(https://i.pinimg.com/originals/f7/9f/be/f79fbeb840c88aa01ec0ad5199835e89.gif);}
</style>



<style>
  
  .logo {
  
  content:url("https://files.catbox.moe/5mng7f.png")
  
  }
  
  </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 42 comments ( View all | Add Comment )

nel	1715734316 Use Report Comment
deer hit by a car	1715180384 usinggggg Report Comment
Our Vampire of Sorrows	1714368178 Using! Report Comment
MǾCHƗDŖǞGǑNǃ	1713436523 Using !! ♡ Report Comment
and then there's this guy	1712537761 using !!! Report Comment
AARON !!	1712508716 USIng! JOYUS! Report Comment
xXashXx	1712210701 using!! Report Comment
Darien୨୧	1712186462 usinnng Report Comment
norman!	1711857347 using ^_^ Report Comment
🦇BATMAN	1711742006 using! <3 Report Comment
cyrus	1711614392 using thank u Report Comment
MICA!!! XD	1711448497 using!! X3 Report Comment
🍓strawberryshortcake🍓	1711249914 using Report Comment
EatTh3Gun	1711244188 USING!! Report Comment
will/morgan^_^	1711056067 using Report Comment
ೃ⚠; ꒰ 𝙇𝑎𝒏𝘤𝒆 𝑬𝐵𝑭┊꒦꒷*˖⊹	1710894691 using Report Comment
Asdf_0	1710467737 Using !! Report Comment
MIK0_SAMA !!!	1710310590 using :3 Report Comment
PEST. . .☆	1710309672 USING !!! :3 Report Comment
RubyDogDemon	1710101243 usin'! Report Comment