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 aws / ryan ☆ (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 8 of 8 comments ( View all | Add Comment )

kwreta	1699549059 Using :,v Report Comment
rizzyjester	1695528980 using!! TY ITS SO COOL Report Comment
juni	1693789373 Using :3 Report Comment
C90RPS	1693783519 using<3 Report Comment
goryfacee	1692562287 might use!!! Report Comment
ੈ✩‧₊˚ 𝓡𝓲𝓷 ੈ✩‧₊˚	1690520847 USING Report Comment
SpookEbi	1689490743 Will use Report Comment
UrLocalFemboy	1688223976 using Report Comment