black and blu emo

Tags: emo
Description:

this is mostly for me so i dont lose this lol but if ya wanna use go ahead!
Preview:

click on the image for a larger preview
Code:

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

<style>
main {
    background: #000000;
    color: #0000FF;
    padding: 6px 0px;
    font-size: 80%;
    border: #0000FF 5px solid;
    border-radius: 30px;
}

body {
   background: #D0E4F5 url("https://i9.glitter-graphics.org/pub/1361/1361239k17z6q6fai.gif") repeat fixed 42px -41px;
}
a:any-link {
   color: #0000FF
   text-decoration: underline;
   cursor: auto;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: var(--light-orange);
    color: #ED0707;
    color: #000000;
    padding: 2px 7px;
    border-radius: 30px;
}

.count {
    color: #0000FF;

}

:root {
    --light-gray: #f2f0f0;
    --gray: #e3e3e3;
    --dark-gray: #919191;
    --darker-gray: #ff000000;
    --logo-blue: #0042ff;
    --darker-blue: #ffffff;
    --lighter-blue: #0072ff00;
    --even-lighter-blue: #64758900;
    --lightest-blue: #35415200;
    --red: #ff000000;
    --logo-blue: #ffffff;
    --light-orange: #40419500;
    --lighter-blue: #00000000;
    --strange-yellow: #00000000;
    --green: #00000000;
    --light-green: #ff000000;
    --medium-green: #00000000;
    --dark-green: #00ffb000;
    accent-color: #ff000000;
    accent-color: #ffffff00;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: #f9c56c;
    background: var(--light-orange);
    color: #ED0707;
    color: #000000;
    padding: 2px 7px;
}

nav .top {
    display: flex!important;
    opacity: 1!important;
    background: none;
}

.comments-table td:first-child, .music-table td:first-child {
    background: #564a36;
    background: #000000;
    text-align: center;
    font-weight: bold;
    width: 38%;
}
.comments-table td, .music-table td {
    background: #fcdbb8;
    background: #000000;
    vertical-align: top;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: none;
}

<style>
/* contact icons */
.contact .inner a .contact img.icons {
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 {font-size:20px;
/* add to friends */
content: "★"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {font-size:20px;
/* add to favorite */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {font-size:20px;
/* send a message */
content: "★"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {font-size:20px;
/* foward to friend*/
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {font-size:20px;
/* instant message */
content: "★"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {font-size:20px;
/* block user */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {font-size:20px;
/* add 2 group  */
content: "★"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {font-size:20px;
/* report */
content: "★"
}   

.contact img.icon { 
 display: none; 
}

.contact .f-col>a::before{ 
 content: " "; 
 display: inline-block; 
 width: 15px; 
 height: 15px; 
background: none

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/ShQdOf2zAzc//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>

.profile .blurbs .section h4 {
    margin: 0;
    color: #0000FF;
    color: #0000FF;


    </style>




<style>*
 {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol335.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/thick-skeleton-skull.html" target="_blank" title="Thick Skeleton Skull"><img src="https://cur.cursors-4u.net/cursor.png" alt="Thick Skeleton Skull" style="position:absolute; top: 0px; right: 0px;"/></a>


<style>


</style>
<a href="https://www.glitter-graphics.com">
<img src="http://dl2.glitter-graphics.net/pub/641/641932lppav9i3gd.gif" width="100px" height="100px"/></a>

<img src="https://media4.giphy.com/media/ORhkK0Pbsfc0E/giphy.gif"/> 
<img src="https://media.tenor.com/cSCDxeMsmyIAAAAC/pierce-the-veil-vic-fuentes.gif"/>



<style>



h1{

  animation: type 3s steps(27);

  color: #FFFFFF;

  font-size: 10px;

  font-family: courier;

  white-space: nowrap;

  overflow: hidden;

  }



@keyframes type{

  0%{

    width:0ch;

  }

  

  100%{

    width:27ch;

  }

}



@keyframes blink{

  0%{opacity:1;}

  50%{opacity:0;}

  100%{opacity:1;}

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}



.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 4s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}



</style>

<style>

img:hover , .url-info:hover , .online:hover {

  animation: shake 1s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

}

.profile .blurbs .section h4 {
    margin: 0;
    color: #0000FF;
    color: #0000ff00;
}
 
<style>

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: 2px solid #60A5FA;
    border: 2px solid var(--lighter-blue);
    margin: 10px 0;
}
.url-info {
    background: url(https://i.pinimg.com/originals/be/fc/be/befcbe9a3a32fe909d7fd77d78c744d0.gif);
    background-position: center;
    border: var(--borders)!important;
    border-radius: 20px;
    height: 300px;</style>
<style>
.profile .url-info {
    /* padding: 4px 7px; */
    color: transparent;
</style>

<style>
img:hover, .person, img.pfp-fallback {
    filter: grayscale(10000%);
    !important: ;
}
</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 )