black and red emo layout yo!!

Tags: #emo, #black and red, #2000s

Description:

uhm yeah what the title says . this def isnt my best but its kinda cute so i mean aehifhrwfi

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ( ノ  o𓏼 ) oli / apollo (https://layouts.spacehey.com/layout?id=22719) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300&family=UnifrakturMaguntia&display=swap');
  @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
h1, h2, h3, h4, h5 {
    font-family: 'UnifrakturMaguntia', cursive;
    color: white;
    text-shadow: 2px 2px 0px red;
} 
p {
    font-family: 'roboto mono', cursive;
}
   body {
       background: black;
   }
   main {
       background: none;
   }
   .profile .left {
       background-image: url(https://cutewallpaper.org/21/red-gothic-wallpaper/Wallpaper-2000x1500-px-dark-emo-goth-Gothic-2000x1500-.jpg);
       border-style: dotted;
       border-color: white;
       box-shadow: 0px 0px 10px red;
       border-radius: 15px;
       padding: 5px;
       color: red;
   }
   .profile-pic {
       border-style: dashed;
       border-color: #9F0002;
       overflow: hidden;
       border-radius: 100px;
       box-shadow: 0px 0px 8px gold;
   }
   :root {
       --logo-blue: ;
       --darker-blue: red;
       --lighter-blue: black;
       --even-lighter-blue: ;
       --lightest-blue: ;
       --dark-orange: white;
       --light-orange: ;
       --even-lighter-orange: ;
       --green: ;
   }
   .profile .right .blurbs {
       border-style: dotted;
       border-color: white;
       background-image: url(https://i.pinimg.com/200x/0d/72/e9/0d72e93a10f4f284670aac348477febe.jpg);
       background-position: center;
       border-radius: 15px;
       box-shadow: 0px 0px 10px red;
       padding: 5px;
       font-size: 17px;
   }
   .profile .right .friends {
       background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSULvNtbtSuiV-OZO6585G0Kvn9e9NyNNhNVw&usqp=CAU);
       background-position: center;
       border-style: dotted;
       border-color: white;
       border-radius: 15px;
       box-shadow: 0px 0px 10px red;
       color: white;
   }
   .profile .friends .person img {
       border-style: dashed;
       border-radius: 100px;
       box-shadow: 0px 0px 8px gold;
   }
   .blog-preview {
       background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQSx2hy0TlL4U6kCXnD91MMGOoekSrPeLi3wQ&usqp=CAU);
       border-style: dotted;
       border-color: white;
       border-radius: 15px;
       box-shadow: 0px 0px 10px red;
       color: white;
       text-shadow: 2px 2px 0px black;
   }
   nav .top {
       background-image: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQyIowKfe7ncys2y6SerPrdlTq7NXywSBWdWA&usqp=CAU);
       border-style: dotted;
       border-radius: 15px;
       box-shadow: 0px 0px 10px red;
       padding: 20px;
       font-family: 'Pacifico';
   }
   nav .links {
       font-family: 'Pacifico';
       font-size: 15px;
       border-style: dashed;
       border-radius: 15px;
       box-shadow: 0px 0px 10px red;
       text-shadow: 2px 2px 0px red;
       padding: 5px;
   }
    nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: " x";
    color: red;
}
footer {
    background: url(https://i.pinimg.com/736x/27/eb/74/27eb74584dc951db0361e561ec9f7265.jpg);
    border-style: dashed;
    border-color: white;
    border-radius: 15px;
    box-shadow: 0px 0px 10px red;
    font-family: 'Pacifico';
    color: white;
}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "x";
color: white;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "x";
color: white;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "o"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "o"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "x";
color: white;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "x";
color: white;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "o"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "o"
}
table.comments-table td:first-child img {
    border-style: dashed;
    border-color: white;
    border-radius: 100px;
    box-shadow: 0px 0px 9px gold;
}
</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 68 comments ( View all | Add Comment )

Zy	1771456621 Using? Report Comment
Zy	1771456621 Using? Report Comment
Zy	1771456621 Using? Report Comment
Xx_D4nny_X_Chr1s_xX	1768987703 Using ^w^ Report Comment
K4I_	1768493169 Using Report Comment
Hann	1767235134 Using!!! ^⁠_⁠^ Report Comment
¡M3tal/sc3ne.b@tti3!	1766877311 i'm using!!!!!!!!!!!!!!! XDDD Report Comment
⛧selyween⏾	1765527564 using <3 Report Comment
bassil	1764309273 USINGGG THANK UUUUU!!! Report Comment
˚₊‧꒰ა♡𝒞𝓇𝑒𝓂𝑒♡໒꒱ ‧₊˚	1764113564 Using Report Comment
aflairforthemia	1762560802 using!! Report Comment
𝙳𝟺𝚆𝙽_𝙼𝟺𝚂𝚂𝟺𝙲𝚁𝙴_𝚇𝙳𝚁𝟺𝚆𝚁	1761215677 Usinggg!! <33 Report Comment
V!ri⚠︎︎𖦹	1760052813 using probs! Report Comment
kylo.net	1755431776 us1ng!! Report Comment
XxW4rren_Wond3rzxX	1755154739 using >_< Report Comment
falsified__	1754711082 Using !! Report Comment
☆нιяσ☆	1752199561 Using Report Comment
Foxxiee	1751739514 Using! <3 <3 Report Comment
Foxxiee	1751739514 Using! <3 <3 Report Comment
matt!!	1750754240 Using! Report Comment