Emo Exs and Ohs Version 1

Tags: emo, black, red, 2000s, simple

Description:

Nautical stars and hugs and kisses. Your wounded heart tells everyone you're still there. This is my first layout. Still working on the minor issues at the moment ( I learned how to do this and created this layout in one night) but it's ready for the public now. All the graphics are hand drawn by me. Please leave me a comment if you enjoy it. First set of edits are here: -changed count color from transparency to charcoal -changed online icon -changed code for pronouns space from "They/Them" to "Pronouns Here" -changed color of nautical stars from true white to eggshell (might make it darker still) V 1.0.2; Version 2 is HERE check my other layouts for more info

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by R3ptu554nctu5 (https://layouts.spacehey.com/layout?id=26518) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
p{
  font-family: 'Indie Flower', cursive;
  font-size: 100%;
}
h1,h2,h3,h4,h5{
  font-family: 'Indie Flower', cursive;
  font-size: 100%;  
}
body {
  background-image: url('https://i.postimg.cc/cHjJ5xMd/Myspace-Emo-XO-Wallpaper-v102.png') !important;
  background-attachment: SCROLL !important;
  background-repeat: REPEAT-Y !important;
  background-size: CONTAIN !important;

}
main {
  background-color: transparent;
  color: white;
}
.count {
  color: #212121;
}
.blurbs .inner{
  text-align: center !important;
}
:root {
  --logo-blue: #000000;
  --darker-blue: #000000;
  --lighter-blue: #000000;
  --even-lighter-blue: #660000;
  --lightest-blue: #660000;
  --dark-orange: #000000;
  --light-orange: #660000;
  --even-lighter-orange: #660000;
  --green: #212121;
}
    a:hover{
        color: #FF0000 !important;
}
</style>




<style>
.profile-info {
border: 2px solid #b2d6b9;
}
.profile-info .inner {
border: none;
</style>

<style>
.online {
  color: #FF0000;
  text-transform: lowercase;
  font-size: 120%;
}
.online img {
    content: url('https://i.postimg.cc/76PPLCXH/Emo-XO-Online-Icon.png');
}
</style>

<style>
.details:after {
content: "Pronouns Here";
}
</style>

<style>
footer{background:none !important; line-height:0px !important;}
footer ul li a {color: #00FFFFFF !important;}
}
</style>

<style>
.comments-table{display:contents !important;}
}
</style>

<style>.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: "💀"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "💀"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "💀"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "💀"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "💀"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "💀”
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "💀"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "💀"
   }
</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.