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

emma⛧	1747867686 I love this template Report Comment
kiri’s obituary	1747576638 using :3 Report Comment
amie Oᴗ<	1747554572 using! :D Report Comment
gyro643	1747297079 using!! Report Comment
M.4.3	1747100172 using! :p Report Comment
HOLLOW HEARTS SYS	1747069092 Using!! Report Comment
HOLLOW HEARTS SYS	1747069090 Using!! Report Comment
S00z1e - >_<	1746952296 using ;3 Report Comment
wilmizz	1746904708 using!! Report Comment
prettypillowgirl:3	1746858006 using :3 Report Comment
Cryokxss	1746338171 Using :D Report Comment
Cryokxss	1746338162 Using :D Report Comment
Nina x3	1745906182 using! Report Comment
rottxnmic	1745859196 using Report Comment
SpaceyVee	1745833070 using!!! <3 Report Comment
P3YT0N	1745343006 USING Report Comment
~Cyb3rSlvt~	1745281547 Using! <33 Report Comment
batt!	1745251775 using :D Report Comment
lin 🇷🇺 \|🇺🇸	1745243115 Using! <3 Report Comment
dakudaku	1745186047 using ^^ Report Comment