Black and pink/hellokitty/nyan cat/y2k/emo

Tags: pink black emo hellokitty nyancat
Description:

I don't know what i used for my name code so i'm sorry if its there but other then that have fun with it! XOXO Mellyjelly<3
Preview:

click on the image for a larger preview
Code:

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

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.pinimg.com/originals/e8/4b/45/e84b45dec900f97f13daa6595c40ad71.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 2s ease 2s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>




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

<style>
body {
        background:url(https://i.pinimg.com/originals/5a/d6/fa/5ad6fa6c5ac75f26e912a425185d04a9.gif);
}
.profile {
background:url(https://i.pinimg.com/564x/55/c2/2d/55c22de45e6de894d124729fe12abba5.jpg);
color:#ff0095;
text-shadow: 0 0 9px black;
}
.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 
  border-style:Double; 
 border-width:6px; 
 border-color:#ff0095; 
text-shadow: 0 0 9px black;
background:#520030;
}

/* contact icons */
.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 {
/*𝖆𝖉𝖉 𝖋𝖗𝖎𝖊𝖓𝖉 */
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: "☆"
}
footer {
border-radius: 15px;
background-image: 
url(https://i.pinimg.com/originals/69/e5/27/69e527204a72e13a87357ce653a4c5e3.gif);
color:Black; 
}
.online{
content: url(https://i4.glitter-graphics.org/pub/1254/1254724gj2nr14495.gif);
}
nav .top {
        background: url(https://i.pinimg.com/originals/69/e5/27/69e527204a72e13a87357ce653a4c5e3.gif);
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#8e0d3e;
--even-lighter-blue:#8e0d3e;
--lightest-blue:##3c0130;
--dark-orange:White;
--light-orange:#8e0d3e;
--even-lighter-orange:black;
--green:black;#ff0090
}


}
div.ah.df.dg.dh {
    border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
    border-radius: 10px 0 0 0;
}
</style>

<div class="background"></div>
ㅤ
<div class="about"> 
ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ
</div>

<div>


</div>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friends! ☆"; font-size:.8rem; font-weight:bold; 
color:White; } 
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments! ☆"; font-size:.8rem; font-weight:bold;
color:White; } 
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "my interests & my socials! ☆"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi! ☆"; font-size:.8rem; font-weight:bold; 
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "about me! ☆"; font-size:.8rem; font-weight:bold; color:White; }
}
* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani195.ani), url(https://cur.cursors-4u.net/anime/ani-1/ani195.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/blinking-hello-kitty-4.html" target="_blank" title="Fast Blinking Hello Kitty"><img src="https://cur.cursors-4u.net/cursor.png" alt="Fast Blinking Hello Kitty" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
</style><a href="https://www.glitter-graphics.com/myspace/text_generator.php" target="_blank"><img src="https://text.glitter-graphics.net/s/m.gif"/><img src="https://text.glitter-graphics.net/s/e.gif"/><img src="https://text.glitter-graphics.net/s/l.gif"/><img src="https://text.glitter-graphics.net/s/l.gif"/><img src="https://text.glitter-graphics.net/s/y.gif"/><img src="https://dl3.glitter-graphics.net/empty.gif" width="20"/><img src="https://text.glitter-graphics.net/s/j.gif"/><img src="https://text.glitter-graphics.net/s/e.gif"/><img src="https://text.glitter-graphics.net/s/l.gif"/><img src="https://text.glitter-graphics.net/s/l.gif"/><img src="https://text.glitter-graphics.net/s/y.gif"/><img src="https://dl3.glitter-graphics.net/empty.gif" width="20"/></a><!-- (c) Layout created by Tzeno Cruz✮ (https://layouts.spacehey.com/layout?id=31185) -->

<marquee behavior="scroll" direction="down" style="position:absolute; left:11%; top:26px; width:15; height:587px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:85%; top:198px; width:15; height:565px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:15%; top:42px; width:15; height:590px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:53%; top:176px; width:15; height:577px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:27%; top:117px; width:15; height:527px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:27%; top:60px; width:15; height:626px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:81%; top:83px; width:15; height:699px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:120px; width:15; height:615px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:94%; top:157px; width:15; height:654px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:57%; top:117px; width:15; height:554px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:46%; top:23px; width:15; height:575px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:44%; top:133px; width:15; height:542px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:95%; top:20px; width:15; height:573px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:9%; top:175px; width:15; height:509px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:83%; top:129px; width:15; height:599px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:26%; top:30px; width:15; height:502px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:36%; top:169px; width:15; height:509px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:58%; top:103px; width:15; height:694px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:71%; top:85px; width:15; height:612px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:63%; top:165px; width:15; height:564px;"><img src="http://dl2.glitter-graphics.net/pub/56/56322i8ciddu9ky.gif"/></marquee>

<marquee behavior="scroll" direction="down" style="position:absolute; left:95%; top:88px; width:20; height:577px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:19%; top:14px; width:20; height:673px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:92%; top:124px; width:20; height:666px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:96px; width:20; height:529px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:56%; top:151px; width:20; height:598px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:75%; top:77px; width:20; height:654px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:33%; top:68px; width:20; height:618px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:36%; top:170px; width:20; height:526px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:9%; top:136px; width:20; height:609px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:12%; top:78px; width:20; height:518px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:11%; top:67px; width:20; height:624px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:16%; top:102px; width:20; height:698px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:24%; top:11px; width:20; height:624px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:29%; top:10px; width:20; height:684px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:100px; width:20; height:692px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:45%; top:185px; width:20; height:669px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:51%; top:51px; width:20; height:525px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:7%; top:157px; width:20; height:575px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:63%; top:173px; width:20; height:697px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:48%; top:42px; width:20; height:641px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:80%; top:133px; width:20; height:573px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:53%; top:5px; width:20; height:660px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:35%; top:90px; width:20; height:608px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:92%; top:97px; width:20; height:506px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:43%; top:87px; width:20; height:544px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:76%; top:74px; width:20; height:524px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:92%; top:195px; width:20; height:580px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:6%; top:37px; width:20; height:669px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:56%; top:178px; width:20; height:686px;"><font color="#000000" size="+3">†</font></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:37%; top:98px; width:20; height:568px;"><font color="#000000" size="+3">†</font></marquee>




<style>
nav img.logo {
content:url("https://cdn.discordapp.com/attachments/1144308637318262955/1190395480769835089/vbnvmgnv.png?ex=65a1a52f&is=658f302f&hm=a895a560e56a6b02bd6c379db1b7727002088cd16898b5df571feb7eca7eec47&");
filter: drop-shadow(0px 0px 3px #ff70ae);
transform: scale(1.5);
}
</style>
<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 9px; z-index: 200;">
<img src="https://img1.picmix.com/output/stamp/normal/6/7/6/3/2363676_b8259.gif" width="300" height="300"/></div>


<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat928.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/10/28/nyan-cat-with-rainbow.html" target="_blank" title="Nyan Cat with Rainbow"><img src="https://cur.cursors-4u.net/cursor.png" alt="Nyan Cat with Rainbow" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
@keyframes flying-santa{
from{ left:-400px; }
to{ left:calc(100% + 20px); }
}
#santa{
position: fixed;
left: -400px;
top: 200px;
width: 130px;
animation: flying-santa 5s infinite linear;
pointer-events: none;
}
</style>
<img id="santa" src="https://i.pinimg.com/originals/4c/d9/ce/4cd9ce636c6d5f23688f0fda99cd81cf.gif"/>⠀
<div style="float:  ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="https://i.pinimg.com/originals/69/31/e9/6931e90a4396e187aed53b0890d5c2e6.gif" height="220"/></div>
<style>
.profile .url-info p:last-child:after {content: ""; display: block; background-image: url(http://dl6.glitter-graphics.net/pub/591/591066mxcu8uetj6.gif);  width: auto; height: 70px; background-position: top center; background-size: 100%; background-repeat: no-repeat;}
.profile .url-info p {text-align: center;}
</style>




<style>html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/17/6f/b5/176fb547189cbdb4f745d425e84167f3.gif);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain 
  70% { transform:translate(0%, 15%) }
}</style>

General:
<a href="https://www.glitter-graphics.com"><img src="http://dl2.glitter-graphics.net/pub/79/79082h0evyh0of3.gif" width="149" height="123"/></a><br/><a href="https://www.glitter-graphics.com" target="_blank"></a>


Hero:
<a href="https://www.glitter-graphics.com"><img src="http://dl.glitter-graphics.net/pub/570/570551mibdeobjtn.gif" width="124" height="163"/></a>
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.