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 lora REALLY hates you (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 33 comments ( View all | Add Comment )

creamsicle!! >_<	1729541168 using :O Report Comment
Numbabies	1728461267 using : 3 Report Comment
𝕶𝖊𝖓𝖓𝖊𝖉𝖞	1727880847 Using Report Comment
melodicfink	1726641305 using, thx! Report Comment
Nay :3	1724165139 Using :3 Report Comment
kaison	1723318799 using!! :3 Report Comment
Gabby!! :3	1722810093 using !! its so cute btw :D Report Comment
０ｘｅｎ	1721139066 using! Report Comment
Ƹ̵̡Ӝ̵̨̄Ʒ●๋•yumeiko5491●๋•Ƹ̵̡Ӝ̵̨̄Ʒ	1720909888 using Report Comment
M1DWEZTERNFREAK	1719448820 Using!! Xx Report Comment
𝄞❀	1716567195 using with a few changes! Report Comment
Kell	1714141916 Using :33 Report Comment
aoba xx	1712348656 using!! Report Comment
rahaga	1711773366 using!! Report Comment
✦ Ozzie/Rox !!	1711667491 usingg Report Comment
rottenflesh666	1710326662 using Report Comment
D3AD PERS0N	1709126689 Using ♡ Report Comment
nicole	1708304292 using!! Report Comment
AFFINE XX	1708186967 using ^_^ Report Comment
nana	1707673877 using ! Report Comment