Emo Exs & Ohs Version 2

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

Description:

Version 2 of the Emo Exs And Ohs layout. Has all the nifty stuff the other layout has but in different spaces to make profile viewing easier. Simple. Thanks for checking it out and if you use it a comment would be appreciated <3

Preview:

click on the image for a larger preview

Code:

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

<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/2yZtNDMQ/Myspace-Emo-XO-Wallpaper-v201.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.

Comments

Displaying 0 of 0 comments ( View all | Add Comment )