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

MR. SKUNK 🦨	1751681844 Might be using as a base!! (I might find another one but I'm leaving this here just in case!!!) Report Comment
ly 🩸	1751571024 using as a baseeee ;33 Report Comment
M1LO	1751516216 using!! Report Comment
rodrick xP	1750113394 using :))) Report Comment
⭑ ↪Tord ;; @ɴʏ4ɴᴛᴏʀᴅ ! ▄︻芫══━一	1746918523 using !! Report Comment
𝕿𝖍𝖊𝖔🪽	1741196206 usingg!! Report Comment
saya 🦠	1740676500 using!! Report Comment
.・✫dumb dumb voidborn✫・. (#1 sleepy lil bean💤)	1739698484 using :DD Report Comment
mellXD	1738925308 using Report Comment
Darien୨୧	1738387811 using Report Comment
izzie 🦇	1737883036 using!! Report Comment
cari	1736713010 might use!! Report Comment
xXxminttsxXx	1736116297 using Report Comment
:3	1733173495 using!!!!1!! Report Comment
cali!!	1731531144 using Report Comment
★⭑emoxstar⭑★	1731200465 this us awesome >3< can you make the same one without the checker background? :33 Report Comment HELLO IM SO SORRY IM SEEING THIS LIKE A MONTH LATER (T-T) i can custom make you one with whatever background you would like! feel free to pm me !! by KaiKannibal; 1734812264; Report
spencer	1730024247 using :p Report Comment
Ray XP	1728036935 using!! Report Comment
Kellin	1727018262 using :3 Report Comment
melodicfink	1726643354 using! thx Report Comment