red and black emo layout

Tags: red, emo, black, simple, scroll box

Description:

emm this is incredibly scuffed but i'm not fixing it 😍 use it if u want, no creds needed! make wtvr changes u want. includes a scroll box for the comments and the blurbs (about me & interests) and a custom online icon

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=81031) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Fondamento:ital@1&display=swap');
body,p,h1,h2,h3,h4,h5{
  font-family: 'Fondamento', cursive;
  font-size: 15px;
}

.online{
  color: red;
  font-family: 'UnifrakturMaguntia', cursive;
}


body{
  background: url(https://tse2.mm.bing.net/th/id/OIP.AOarr4kV3WCvJ6zxbpvYBgHaHa?pid=ImgDet&rs=1);
  background-position: center;
  background-size: 30em;
}

main{
  background: transparent;
  color: white;
}

.profile .url-info{
  background-image: url(https://i.pinimg.com/originals/30/08/69/3008694715696d73c9ea8fdd663337e8.gif);
  background-position: center;
  background-size: 25em;
  text-align: center;
  border: white 5px double;
  font-family: 'Fondamento', cursive;
  font-weight: bold;
}  

.profile .contact{
  background-image: url(https://i.pinimg.com/originals/7e/e6/87/7ee68785e912300b89900a6243419f3b.gif);
  background-position: bottom;
  border: white 5px double;
 font-family: 'Fondamento', cursive;
  font-weight: bold;
  box-shadow: 0px 0px 10px red;
}

.profile .blurbs{
  background-image: url(https://i.pinimg.com/originals/7e/e6/87/7ee68785e912300b89900a6243419f3b.gif);
  border: white 5px double;
  box-shadow: 0px 0px 10px red;
  display: block;
  height: 250px !important;
  overflow-y: scroll;
}

.friends{
  background-image: url(https://i.pinimg.com/originals/7e/e6/87/7ee68785e912300b89900a6243419f3b.gif);
  border: white 5px double;
  font-family: 'Fondamento', cursive;
  box-shadow: 0px 0px 10px red;
}

table.comments-table{
  display: block;
  height: 250px!important;
  overflow-y: scroll;
  box-shadow: 0px 0px 10px red;
}

nav .top{
  background: transparent;
}

nav .links{
  background: transparent;
}

a:hover{
  color: red;
}
a{
  color: white;
}

footer{
  background: transparent;
  color: white;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue:transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}

.blog-preview:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 350px;
  background-image: url(https://tse3.mm.bing.net/th/id/OIP.2R3f6fuCsfOq1Yt_Zs9acAHaF7?pid=ImgDet&rs=1);
  background-repeat: no-repeat;
  background-size: 100%;
  align-content: center;
  border: white 5px double;
  margin-bottom: 10px;
  box-shadow: 0px 0px 10px red;

}

.general-about .profile-pic img{
   border-radius: 4px;
   box-shadow: 0px 0px 10px red;
   margin-top: 15px;
}
        
.profile .mood{
   text-align: center;
   color: white;
   margin-top: 50px;
   margin-bottom: 50px;
   border: white 5px double;
  box-shadow: 0px 0px 10px red;
}

.online {
        content: url("https://64.media.tumblr.com/bb467962e96adaecab52c3c776e3df80/tumblr_inline_mrdzernozC1qz4rgp.gif");
}
</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 )

★ 𝓑𝓪𝓲𝓵𝓮𝔂 ★	1707419474 Using! Report Comment
✮Maddi✮	1705377866 Usingg!! Report Comment
Finn :]	1704355861 Using!!!! Report Comment
XxipodxkittyxX	1697440177 Using !! XD Report Comment
D3AD PERS0N	1697372634 Using! Report Comment
zexx/bassy (acc wip)	1696598540 using Report Comment
Beinbawry	1696242495 Using! Report Comment