Hot Pink Scemo Layout

Tags: pink, black, 2000s, scene, emo, layout, xxjellyfishxx, glitter

Description:

MY BEST LAYOUT AT THE MOMENT, comment if using :3

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Tobben van Elric (https://layouts.spacehey.com/layout?id=96605) -->


<style>

.profile h1{

font-size: 50px;

font-family: bold;

font-weight: 550;

background: url(http://dl9.glitter-graphics.net/pub/2856/2856419xyz57xp3fo.gif) ;

-webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

animation: floating 3s ease-in-out infinite;

z-index: 100; 

}

@keyframes floating {

    0% { transform: translate(0, -8px); }

    50% { transform: translate(0, 8px); }

    100% { transform: translate(0, -8px); }   

}

</style>

<style>
main:before {
	width: 100%;
	height: 150px;
	display: block;
	content: "";
	background-image: url('https://media.discordapp.net/attachments/1100566960267329586/1198390430358847638/tumblr_69a99b0d17b28de3f9cc0454b2394979_587bc126_400.png?ex=65bebb0f&is=65ac460f&hm=10c3c4bfdff35a6ac04f749d3dbd37a3e7e87ddbb987de26fbf3e522708690c5&');
	background-position: center center;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main:before{
		height: 200px;
	}
}
</style>

<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('http://dl10.glitter-graphics.net/pub/665/665480fc03iyhp1d.gif') no-repeat;
  background-size: 70px;
  display: block;
  width: 200px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -22px;
  left: 108px;
}
</style>

<style>

.profile {

background:#000000;

</style>

<style>

:root { 

--darker-blue: #ff0586;
--lighter-blue: #b3025d;
  --lightest-blue: #470125;
        --dark-orange: #ff0586;
        --light-orange: #850145;
        --even-lighter-orange: #470125;
       --even-lighter-blue: #850145;

</style>


<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(http://dl7.glitter-graphics.net/pub/507/507217mhlg9bxs9p.png);  width: auto; height: 70px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>

<style>
.online {content:url('http://dl6.glitter-graphics.net/pub/2396/2396436lv0njn888g.gif'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}
</style>

<style>
.logo {
content:url("http://dl6.glitter-graphics.net/pub/2320/2320736idcpttq0ka.gif");
}</style>

<style>
body {
        background:url(http://dl3.glitter-graphics.net/pub/2793/2793633wte4r9ihz3.gif);

</style>

<style>

/*Text color*/
.profile {
color:#ffffff;}
</style>

<style>
    footer {
        border-radius: 0px;
        border: dotted 1px;
        background: url("http://dl6.glitter-graphics.net/pub/1929/1929786z1vgufeqam.gif")!important;
        display: block !important;</style>

<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(http://dl10.glitter-graphics.net/pub/3432/3432140t7ldvd2sdq.gif);


<style>

.count {
    color: #ff0384;
}
</style>

<style>
:root {
    --topic1: "General";  
    --topic2: "Music";
    --topic3: "Movies";
    --topic4: "Television";
    --topic5: "Books";
    --topic6: "Heroes";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
   color:var(--links) !important;
   letter-spacing:normal !important;
   text-shadow: 2px 2px #ff0384 !important;
   filter: brightness(95%) !important;
}

.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
    content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
    content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
    content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
    content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
    content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
    content: var(--topic6);
}
</style>

<style>

nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 70px;
    background-color: #332f26;
}   </style>

<style>
/*change only notification bell*/
nav .links li .icon{
content: url('http://dl10.glitter-graphics.net/pub/640/640390qtuafu2s5r.gif');</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: url("http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif")
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	    /* add to favorites */
	    content: url("http://dl9.glitter-graphics.net/pub/1409/1409879zx5wd9bls6.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	    /* send Message */
	    content: url("http://dl.glitter-graphics.net/pub/718/718461lmg4np5u4k.gif")
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	    /* forward to friend */
	    content: url("http://dl2.glitter-graphics.net/pub/1328/1328322k2zvbtje71.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	    /* instant message */
	    content: url("http://dl6.glitter-graphics.net/pub/946/946806m3d95wdvup.gif")
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	    /* block user */
	    content: url("http://dl6.glitter-graphics.net/pub/202/202356wshgn5jwuw.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	    /* add to group */
	    content: url("http://dl6.glitter-graphics.net/pub/439/439326ij8ssml9oi.gif")
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	    /* report user */
	    content: url("http://dl9.glitter-graphics.net/pub/1031/1031899vvpliq321j.gif")
    } 

<style></style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url("https://clipart-library.com/images/gie5rxdBT.gif");
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 3.1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
</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 20 of 51 comments ( View all | Add Comment )

Angel<33	1712895736 ussingggg Report Comment
๋࣭ ⭑ elliot	1711731462 using !! adorbs Report Comment
Sammy.	1710709134 s Report Comment
Bhristy	1709604295 Using <3 Report Comment
Tzubeatz	1709578165 luv itt (∩˃o˂∩)♡ im using Report Comment
stella	1709095955 aaahhh using!!! so cute!! Report Comment
SATURNZ!?	1709080344 Using!! :} Report Comment
ERIS ♡	1708426156 USINGGG Report Comment
Nikol	1707812044 using!! Report Comment
alex_aweonaoo	1707662001 using Report Comment
Nay⋆🎧	1707080878 Usando graciass Report Comment
Cel ★	1706973505 Usinggg! Report Comment
☆ Yukii33 ☆	1706905078 using!!! Report Comment
valu	1706821428 using Report Comment
Gin gin	1706817491 Using! Report Comment
Brooklyn	1706757458 using Report Comment
curlyfriestoesXD	1706658743 Using this!!! Report Comment
zany	1706480765 using!!! Report Comment
♱✮Derrick✮♱	1706478642 Using!!!!! Report Comment