BLACK AND PINK EMO LAYOUT !!

Tags: emo, pink, black, ayesha, erotica, 2000s, scene, scemo

Description:

un layout simple, pero quizá a alguien le gusta 🖤, editenlo como más les guste !! pero si lo usan, me gustaría que comentaran :3 No está de más aclarar que NO soy programadora, si hay algún error, pueden avisarme si quieren, o cambiarlo. Los quiero y espero q les guste🖤

Preview:

click on the image for a larger preview

Code:

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

BLACK AND PINK EMO LAYOUT BY WORMPIGGY

<style>
/*LAYOUT CREATED BY WORMPIGGY*/
/*all text*/
  @import url('https://fonts.googleapis.com/css2?family=Underdog&display=swap');
a{
  font-family: "Underdog", system-ui;
  font-weight: 400;
  font-style: normal;
  color: white;
  font-size: 13px;
  text-shadow: none!important;
}
nav{
  font-family: "Underdog", system-ui;
  text-align: center;
  font-weight: 400;
  color: #000!important;
  font-size: 13px;
  text-shadow: none!important;
}
nav .links li:not(:last-child)::after, links li:not(:last-child)::after {
  text-align: center;
  content: " ☆ ";
  background: -webkit-radial-gradient(#fff, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.links a{
  font-family: "Underdog", system-ui;
  text-align: center;
  font-weight: 400;
  color: #000!important;
  font-size: 13px;
  text-shadow: none!important;
}
a:hover{
  background: -webkit-radial-gradient(#fff, #000);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
p{
  font-family: "Underdog", system-ui;
  text-align: center;
  font-weight: 500;
  color: white;
  font-size: 13px;
  text-shadow: none!important;
}
.profile h1{
  text-align: center!important;
  font-family: "Underdog", system-ui;
  font-size: 27px;
}
h1{
  text-align: center!important;
  font-family: "Underdog", system-ui;
  font-weight: 1200;
  color: white;
}
h2, h3, h5{
  text-align: center!important;
  font-family: "Underdog", system-ui;
  font-weight: 400;
  font-size: 18px;
  color: #d43996;
}
h4{
  text-align: center!important;
  font-family: "Underdog", system-ui;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase!important;
  color: #d43996;
}
.profile, .blurbs, .section h4{
  text-align: center!important;
  font-family: "Underdog", system-ui;
  color: #d43996!important;
}
.count{
  color: #d43996;
}
button {
  background-color: transparent!important;
  border: #d43996;
  text-align: center!important;
  font-family: "Changa", sans-serif;
  color: #d43996!important;
}
</style>

<style>
/*body style*/
body {
  background-image: url('https://media.istockphoto.com/id/164310246/es/vector/emo-fondo.jpg?s=612x612&w=0&k=20&c=hTaMzppPDmaPTkLzCgpgaTX3xcC1q_sRW3sD8RVr8eo=');
  background-size: 50%;
  background-position: left top;
  background-color: #d43996;
  border: 10px solid #000;
}
.logo {
content:url("https://img1.picmix.com/output/stamp/normal/3/1/7/3/1983713_1b08b.gif");
}
.online img{
  filter:brightness(0) saturate(100%) invert(36%) sepia(74%) saturate(2385%) hue-rotate(301deg) brightness(86%) contrast(92%);
}
.online{
  color: #d43996;
}
</style>

<style>
/*blurbs, tables etc. style*/
  main {
  background-image: url('https://i.pinimg.com/564x/77/90/1c/77901cfef5db21e9c85fc7ed004ff504.jpg');
  background-size: 100%;
  border-radius: 7px;
  border: 5px solid #000!important;
}
nav .top{
  background-image: url('https://i.ibb.co/dBRxDHQ/descarga-12.jpg');
  background-size: 100%;
  border-radius: 7px;
  border: 5px solid #000!important;
  margin-top: 10px;
  margin-bottom: 10px!important;
}
nav .links{
  background-color: #d43996;
  border-radius: 7px;
  border: 5px solid #000!important;
  margin-top: 10px;
  margin-bottom: 10px!important;
}
h1{
  min-width: 304px;
  max-height: 47px;
  background-color: black;
  border-radius: 7px;
  border: 5px solid #000!important;
  margin-bottom: 10px!important;
}
.general-about .details {
  min-width: 304px;
  min-height: 171px;
  background-image: url('https://phoneky.co.uk/thumbs/screensavers/down/misc/leopardpri_uf86hqha.gif');
  background-size: 100%;
  background-position: right bottom;
  border-radius: 15px;
  border: 5px solid #000!important;
  margin-bottom: 10px!important;
}
.general-about .profile-pic img {
  max-width: 150px;
  max-height: 150px;
  margin: 11px 10px 10px 15px;
}
.mood{
  min-width: 304px;
  max-height: 80px;
  border-radius: 15px;
  border: 5px solid #000!important;
  background: #000;
  margin-bottom: 10px!important;
}
.contact{
  border-radius: 15px 15px 15px 15px!important;
  border: 5px solid #000!important;
  background-image: url('https://phoneky.co.uk/thumbs/screensavers/down/misc/leopardpri_uf86hqha.gif');
  background-size: 100%;
  margin-bottom: 10px!important;
}
.url-info{
  border-radius: 15px!important;
  border: 5px solid #000!important;
  background: #000!important;
  margin-bottom: 10px!important;
}
.table-section{
  border-radius: 15px 15px 15px 15px!important;
  border: 5px solid #000!important;
  background-image: url('https://phoneky.co.uk/thumbs/screensavers/down/misc/leopardpri_uf86hqha.gif');
  background-size: 100%;
  margin-bottom: 10px!important;
}
.table-section td {
  border: 1px solid #d43996;
}
td{
  background-color: #00000090!important;
}
.comments-table td {
  border: 1px solid #d43996;
}
.profile-info {
  border-radius: 15px!important;
  border: 5px solid #000!important;
  background-image: url('https://i.pinimg.com/originals/72/b9/8a/72b98a2c3d1ec46e2cab6cb3847de563.gif');
  background-size: 100%;
  background-position: right bottom;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 5px;
  margin-bottom: 10px 
}
.heading{
  margin-bottom: 10px!important;
  background: black!important;
} 
.blurbs, .friends{
  border-radius: 15px 15px 15px 15px!important;
  border: 5px solid #000!important;
  background-image: url('https://i.pinimg.com/originals/72/b9/8a/72b98a2c3d1ec46e2cab6cb3847de563.gif');
  background-size: 100%;
  margin-bottom: 10px!important;
}
.blog-preview{
  border-radius: 15px!important;
  border: 5px solid #000!important;
  background: #000!important;
  margin-bottom: 10px!important;
}
footer{
  background-image: url('https://i.ibb.co/dBRxDHQ/descarga-12.jpg');
  border: 5px solid #000!important;
  border-radius: 15px!important;
}
</style>

<style>
/*filters, idk, cosas extras*/
.friends-grid .person {
  filter:  saturate(0%) invert(0%) sepia(4%) saturate(3387%) hue-rotate(287deg) brightness(102%) contrast(101%);
}
.friends-grid .person img{
    mix-blend-mode: multiply;
}
.comments-table td:first-child img:not(.icon) {
filter:  saturate(0%) invert(0%) sepia(4%) saturate(3387%) hue-rotate(287deg) brightness(102%) contrast(101%);
}
.comments-table td:person img:not(.icon) {
    mix-blend-mode: multiply;
}
.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 favorite */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "☆"
}   
body::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}
body::-webkit-scrollbar-track {
  background: #000;        /* color of the tracking area */
}
body::-webkit-scrollbar-thumb {
  background-color: #d43996;    /* color of the scroll thumb */
  border-radius: 10px;       /* roundness of the scroll thumb */
  border: 3px solid #000;  /* creates padding around scroll thumb */
}
* {cursor: url(https://pixels.crd.co/assets/images/gallery20/95ac81a2.gif?v=93aac41c), auto !important;}
</style>
<div style="float:  ; max-height: 400px; position: fixed; right: 25px; bottom: 15px; z-index: 200;">
<img src="https://media.tenor.com/fDo2F_p8qN0AAAAj/emo-heart.gif" width="200"/></div>

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 421 comments ( View all | Add Comment )

emmy	1773201642 usandolo :3 Report Comment
Sanan	1773171561 usingg !! (SO CUTE!) Report Comment
Julieth	1773161908 Usandoo Report Comment
ray =)	1773028546 usingg Report Comment
𝕬𝖓𝖌𝖊𝖑.𝖝𝖝	1772967255 using !! Report Comment
Micah	1772798159 usando Report Comment
𝕳𝖔𝖕𝖊𝖞𝖞 𝕳𝖆𝖞𝖜𝖎𝖗𝖊	1772321293 Using 💜 Report Comment
𝓐𝓷𝓪𝓻𝓲𝄞⨾𓍢ִ໋	1772075898 Usando! Report Comment
🇧🇷V0m1t_Blh33h✼༶｡.:✽・ﾟ	1771885895 Usando!! ^⁠_⁠^ Report Comment
𑣲𝓛𝓵𝓾𝓷𝓪	1771649377 Using!! :> Report Comment
Dany fucking way !	1771271515 usiing :b Report Comment
Raven	1771175592 Usingg <3 Report Comment
E-mailMyHeart	1770959219 using Report Comment
𝔰𝔞𝔦 !!-⁠ᄒ⁠ᴥ⁠ᄒ⁠-	1770833468 usiing Report Comment
Hannie<3	1770066236 USING Report Comment
XxSt0ner_Z0mbiexx	1769713653 Usingg Report Comment
M310	1769485602 using <3 Report Comment
soso	1769293711 using <3 Report Comment
Emodoll	1769251023 Using Report Comment
Yuri	1769010582 using Report Comment