Three Cheers For Sweet Revenge Layout!

Tags: mcr, my chemical romance, red, black, music, emo, animation, dark

Description:

Has animations and autoplaying music!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ✭ Fren-z ✭ (https://layouts.spacehey.com/layout?id=25766) -->

<style>
 
@font-face { 

font-family: 'blackside'; 

src: url(https://dl.dropbox.com/s/dbo8631uydhb45w/Blackside%5B1%5D.ttf); 
}

@font-face { 

font-family: starlight; 

src: url(https://dl.dropbox.com/s/cfcp07kvx3qut4s/starlight.ttf); 

}



/* main configs */
body{background:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/9dc5d8ea-72a2-4e8a-b343-10b18df9498e/daqjd16-58f037d7-0a6e-433e-a002-82eb4dbe3f2d.jpg/v1/fill/w_1024,h_576,q_75,strp/three_cheers_for_sweet_revenge_wallpaper_by_xxmybrokenangelxx_daqjd16-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9NTc2IiwicGF0aCI6IlwvZlwvOWRjNWQ4ZWEtNzJhMi00ZThhLWIzNDMtMTBiMThkZjk0OThlXC9kYXFqZDE2LTU4ZjAzN2Q3LTBhNmUtNDMzZS1hMDAyLTgyZWI0ZGJlM2YyZC5qcGciLCJ3aWR0aCI6Ijw9MTAyNCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS5vcGVyYXRpb25zIl19.NaxuemP1X90MdKLBoQhRgdsj-7vuQHvCd1kj1GOA9GU") no-repeat fixed; background-size:cover;
font-weight: light;


}
 
main {
background: black;
position: 700px;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
}

.profile-pic {
  border-style: solid black;
border-width: 3px;
box-shadow: 0px 0px 19px 0px black;
 }   



/* name */
h1{
font-size: 30px !important;
font-family: courier !important;
padding-left: 2px !important;
color: white;
text-shadow: 0px 0px 2px black;
}

  .table-section .heading{ font-size:10; }
.table-section .heading:before{ content: url(https://i.ibb.co/nzS6RR2/7764201eaba0c776add2e902d5111f7e.jpg); 
}




/* section h4 */
.profile .friends .inner, .profile .blurbs .section h4{
    text-align: center;
background-image: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/i/ddfa5e6e-659f-43d5-bbcf-e8889c71b22a/d8os5uh-3356809d-c113-4d05-b07c-bd29eaa5a6c2.png/v1/fill/w_1333,h_600,q_70,strp/blood_splatter_background_by_pandora_the_wolf_d8os5uh-pre.jpg");
text-shadow: 0 0 9px black;
}

.profile .blurbs .section h4 {
font-family: courier; 
text-transform:lowercase;
color: white;
text-shadow: 0 0 9px black;
border: 3px white;

}

/* right headings */
.profile .blurbs .heading, .profile .friends .heading {
color: white;
background-color:transparent;
text-transform:lowercase !important;
color: white;
}

/* left headings */
.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
background-color: transparent;
color: white;
}

.contact .heading h4{
display:none !important;}


.contact .heading{ font-size:20px; }
.contact .heading:before{ content: url(https://i.ibb.co/nzS6RR2/7764201eaba0c776add2e902d5111f7e.jpg); 
overflow:hidden;
}

  .table-section .heading{ font-size:0; }
.table-section .heading:before{ content: url(https://i8.glitter-graphics.org/pub/1528/1528738raorxwaqlt.gif); 
}



/* text configs */
h4 {
font-size: 12px !important;
color: white;
text-shadow: 0 0 9px black;
 }

p {
font-family: starlight; 
color: white;
text-transform:lowercase !important;
text-shadow: 0 0 9px black;
   } 

   a {
font-family: courier !important; 
font-size: 12px;
     color: white; 
   }


a:hover {
     color: red; 

}
    .count {
        color: white;
text-shadow: 0 0 9px black;
    }

.profile .friends .person p {
color: #white;  
font-family: courier !important;
}
.profile .friends .person p:hover {
color: red;  
}

/* blog */

DIV.blog-preview{
text-align: center;
background-image: url(https://i.ibb.co/dk0pJ7D/mcrbnnr.png);
text-transform:lowercase !important;
color: white;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);


}


.contact .heading h4{
font-size:10px;
}

 /* images */

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border-style: solid;
border-width: 10px;
border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;
}


.online {
    margin:auto;
    padding-bottom: 5px;
    content: url(https://i.ibb.co/mFPFXQB/ezgif-5-f1b7056d17.png);
}
  
.icon {
        content: url(data:image/x-icon;base64,AAACAAEAICAAAA8ADgCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAgIBB/////4CAgGMAAAAAAAAAAP//////////AAAAAAAAAACAgIAx/////4CAgAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAACoAAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAKv////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////////////////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgICARAAAAC8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAA//////////8AAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAKoCAgAUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAgGUAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAACAgIAxAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////////////////////////////////////////////////////////////////////wAAAAAAAAAA/////////////////////////////////////////////////////////////////////wAAAAAAAAAAAAAAAAAAAAD//////////////////////////////////////////////////////////////////////////wAAAAD/////////////////////////////////////////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgICAMgAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAICAgGMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////AAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAgAQAAAAvAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAP//////////AAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAACqAgIBBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////8AAAAvAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAC//////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAICAgAT/////gICAMgAAAAAAAAAA//////////8AAAAAAAAAAICAgGX/////gICARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//////////////////5////+f////n////gf///ud///vn3//35+//78P3//8k///e53v//ee//73nvf+75938ABgAPAAIAD+7593/vee9//3nv//e53v//yT//+/D9//35+//++ff//7nf///gf///+f////n////5///////8=);
        display: inline-block;
        height: 2.0em;
        width: 2.0em;
        margin: 0 .05em 0 .1em;
        vertical-align: -0.3em;
        color: rgba(0,0,0,0);
}





/* contact configs */
.profile .contact {
background-color: rgba(171, 118, 207, 0.4);
}
.profile .contact {
border: white;
font-family: 'blackside';
background: transparent;
text-transform: lowercase;

}

.f-col{
border: 2px white;
}

.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 friend */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add 2 group */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: url(https://i.ibb.co/0X48zVR/1141822g93pu6r8h1.gif)
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}




/* about, interests n comments details */
.profile .table-section .details-table td {
background: #2B2B2B;
border: 7px DarkRed;
-webkit-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

-moz-box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

box-shadow: inset 0px 0px 51px 0px rgba(0,0,0,0.75);

}


.profile .friends .comments-table td {
background-color: black;
border: 7px DarkRed;
}
.comments-table td*{


  }
.profile .comments-table .inner {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3); 

}

.comments-table td:first-child img{
border-style: solid;
border-width: 10px;
border-image: url("https://cdn.discordapp.com/attachments/657655298613575691/853068735812206612/lace-border-png-37013.png") 60 fill round;
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);

}

.profile .comments-table .comment-replies{
background-color: Black;
border: none;
color: white;

}

.general-about .details{
padding: 2px;
background: darkred;
background-image: url("https://wallpapercave.com/wp/wp3981627.jpg");
background-size:cover;
}




/* nav bar */
nav{ 
font-size: 13px !important;
text-shadow: 1px 1px black;
text-transform:none;
padding-left:3px;
text-align: center;
    }


nav .links {
background: rgb(28,27,27);
background: darkred;
box-shadow: 0px 0px 35px 0px rgba(0,0,0,0.75);
filter: grayscale(1);
}

nav .links a:hover {
color: DarkRed;
}

nav .top{
/* has search bar logo n button */
background: rgb(28,27,27);
background: darkred;
}
/* the spacehey logo */
nav img.logo{
filter: brightness(0) saturate(100%);

}

  .search-wrapper input[type=text] {
    background: white;
    font-family: starlight;
    border: 3px black;
    

  }
  button{
  font-family: courier !important;
    background: rgb(121,121,121);
background: linear-gradient(360deg, rgba(121,121,121,1) 83%, rgba(190,190,190,1) 94%);
color: black;

}


.profile .url-info {
border: none;
color: transparent;
font-size: 0.1px;

}
.profile .table-section {
border: none;
}







/* general comments configs */ 

table.comments-table {
border: 2px inset DarkRed;
}




footer {
color: white !important;
box-shadow: 0px 0px 25px 8px rgba(0,0,0,0.75);
text-decoration: underline !important;
text-decoration-style: dotted !important;
background: rgb(28,27,27);
background: darkred;
  }    

    </style>

<style>
/*hides white box around comments table*/
    .table.comments-table:{
    border-color:transparent;}
</style>

<style>

h1{
  animation: type 3s steps(27);
  color: white;
  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;}
}

body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(82 15 15 / 48%) 50%, rgb(0 0 0 / 0%) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

.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>
/* for this box, you can add an image of your choice. it's right under the contact box. */
.url-info{
    background: url('https://64.media.tumblr.com/2a6be440747842100f68e6267e917f8a/6f32cdec6f484bd9-6c/s640x960/fbf29842ce5e2751e4dbf2f7e4a67cc8c44f8cf8.gifv');
    background-position: center;
    border: var(--borders)!important;
    height: 300px;
    background-size:cover;
}

.url-info p{
    opacity: 0.0;
}

.pfp-fallback{
filter: grayscale(1);
}
</style>

<style>
/*Put Your Comments In A Scroll Box*/
table.comments-table{
background-color:black;
display: block;
height: 300px!important;
overflow-y: scroll;
border-radius:15px;
border-color:black;
border-width: 3px;
}
</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); }
}
</style>

<style>
.online {
  animation: rotation 8s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
</style>

<style>
/*Customize Scrollbar*/
    ::-webkit-scrollbar {
    width: 8px;
    height: 10px;}

    ::-webkit-scrollbar-thumb {
    background: darkred;}

    ::-webkit-scrollbar-track {
    background:black;}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Ng04SS03HWU//?&;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>

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

Katlikescupcakes🧁	1763745486 Using! Report Comment
rinaphernalia	1762693792 using! man, this is awesome Report Comment
𝔨𝔞𝔯𝔩𝔦 🪦	1762565543 using ahh this is so kewl ^_^ Report Comment
scene	1761758745 using Report Comment
wendyway	1760625771 using <3 Report Comment
击𝔞𝔠𝔱𝔦𝔬𝔫 𝔠𝔞𝔱击	1759157772 using! ^^ Report Comment
𖥔 . ノ molly !?	1758211096 usingggg Report Comment
patch xP	1754153825 using!! Report Comment
MonstersLuvMoss	1753563402 Using! Such a cool layout! Report Comment
bug ⦻ !!	1752897996 hii! could u post this without the music? or at least tell me which part of the code plays the music because right now i cant find it and i wanted pretty little psycho in the background,, Report Comment the last couple of lines where it says iframe, replace the link by afroaza; 1753000739; Report
seven	1752524313 usando GG Report Comment
𝓯𝓻𝓮𝓪𝓴𝔂 geethinks 击	1751995040 usingg Report Comment
dakota xp	1750781104 using^_^ Report Comment
demolvr	1749680408 using ^_^ Report Comment
˚₊‧꒰ა Nana ໒꒱ ‧₊˚	1748021952 using!!! Report Comment
Helena	1745281906 using Report Comment
clairevive	1744472623 uuuuussssiiing Report Comment
gee击/🐦‍⬛🪱!!!	1744238255 ussing Report Comment
𖥔 𝄄 𓊆ꪖꪶꫀ᥊𓊇 💋 𔒧	1743325313 Using!! Report Comment
Naximo03	1743235007 Using :] Report Comment