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 erynn 0_~ ★ (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 57 comments ( View all | Add Comment )

𝘬𝘺𝘭𝘰.𝘯𝘦𝘵	1755431776 us1ng!! Report Comment
C0R3Y_L0V3S_R4V3ES	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
Ch4otic_Ord3r	1750254297 Using C: Report Comment
VampiricGoth666	1750203973 Using!! <3 Report Comment
Evan	1749693574 usingg Report Comment
X_R0TT3N_X	1749261213 usingg! Report Comment
kyr4z	1748523009 using :P Report Comment
Andreaz Abhorrence	1746238260 Using Report Comment
Niki FM	1743197358 U-sing!!! Report Comment
Niki FM	1743197355 U-sing!!! Report Comment
downheartedbat	1741426738 Using!! Report Comment
clustercarrie	1741197619 using :3 Report Comment
Sam	1740359547 using Report Comment
J3n$kullz	1740326823 Using!! (thankzz) Report Comment
ϯαʆʆεςϯ ɾεδ	1740236715 Using Report Comment