red emo layout

Tags: emo, red, checkered, black

Description:

posted this on my layout acc but ive decided ill just post them here red emo layout with a custom interest box thingy

Preview:

click on the image for a larger preview

Code:

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



<style>

h1   {color: transparent;}
p    {color: red;}


body {
    background: url(https://i.pinimg.com/564x/fd/72/fe/fd72fedc849f6ab3e753fdd41f147761.jpg);
background-size: 800px; 
}

.profile {
background:url(https://t3.ftcdn.net/jpg/01/29/05/60/360_F_129056060_uIOMK62942CHO29wSVkOVfjf9BBrTOeD.jpg);
background-size: 810px; 
}

:root {
--logo-blue: #5B0000;
--darker-blue: #880000;
--lighter-blue: #880000;
--even-lighter-blue: #880000;
--lightest-blue: #5B0000;
--light-orange: #880000;
--even-lighter-orange: #5B0000;
}

<style>
table, th, td {

  border: 0px solid;

     }

:root {

  --topic1: "DNI//BYF";
  --topic2: "Interests";
  --topic3: "Music";
  --topic4: "TV//movies";
  --topic5: "hyperfix's";
  --topic6: "heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

/*Interests Scrollbox*/
    .profile .table-section {
        display: block;
        height: 558px;
        width: AUTO;
        overflow-y: scroll;
        font-size: 12px;
        border: dotted 0px!important;
        border-right: none!important
}



::-webkit-scrollbar
{
  width: 10px;
}

::-webkit-scrollbar-button:start {
    background-color: #d10011;
}

::-webkit-scrollbar-button:end {
    background-color: #d10011;
}

::-webkit-scrollbar-thumb
{
  background-color: #730009;
  border-radius: 0px;
}

/*Customizes color of Handle hover*/
::-webkit-scrollbar-thumb:hover {
  background: #730009;
}  
  
/*Customizes color of Track */
::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px #d10011;
  background-color: #d10011;
  border-radius: 0px;
}


.general-about .profile-pic {
float: none;
}

.general-about .profile-pic img {
    border-radius: 20px;
    border: 1px solid#AD0000;
}


</style>


YOUR INFO HERE



<div>
<h4>My Fav song Atm:</h4>

YOUR FAV SONG CODE HERE</div>

<style>

body::before {
    content: " ";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
    z-index: 2;
    background-size: 100% 2px, 3px 100%;
    pointer-events: 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 26 comments ( View all | Add Comment )

rein / craig	1709745044 using :3 Report Comment
Icie_>_<	1706244293 Using!!!! Report Comment
Grays0nn	1706159369 us!ng!!! :3 Report Comment
ri	1703950139 using! Report Comment
♡	1700746645 Using!!! >0< Report Comment
~{THE TOBSTER}~	1694315215 using Report Comment
x_z0mbrainz_x	1688843443 using!! :P Report Comment
xXSkylar_BlackheartXx	1688520281 Using Report Comment
gurogaisha	1686372251 using x3 Report Comment
FoxyRules1324	1686090258 using ty Report Comment
ZACHHATTACKZ	1685658848 using :3 Report Comment
rori	1684181578 using :D Report Comment
robin!!	1683848208 using c: Report Comment
Mil :D	1683035263 Using :D Report Comment
Tomatooosemi2	1678469622 using! Report Comment
Mikey	1678300058 really cool Report Comment
⚠️ChainsawCannon!⚠️ [inactive]	1676709090 Really nice layout! Report Comment
juno	1675119277 thus is a slay layout Report Comment
iluvcrack	1675051036 This one is fire !!!! Report Comment