BURNER layout!! Yippee cool

Tags: object show, layout, gif, autoplay, music, silly

Description:

self-indulgent layout for the object show BURNER!!! I had less to work with than the regretevator one lol. please comment if using! (autoplay "Cute Cute CUUUUTE" from the OST on loop included)

Preview:

click on the image for a larger preview

Code:

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

<style>
    body {
       background:url(https://media.tenor.com/o66TITICd9cAAAAe/burner-object-show.png) no-repeat center
fixed;
-webkit-background-size: cover
</style>
<style>
    .profile {
        background:coral;
    }
</style>
<style>
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:coral;
    }
</style>
<style>
 .profile .contact .heading,
 .profile .table-section .heading {
     background-color:coral;
 }
</style>
<style>
 .profile .contact,
 .profile .table-section {
     border-color:coral;
 }
</style>
<style>
main .left {
    background-color:#ffb59e ;
}
</style>
<style>
.profile .url-info{
    border-color: coral;
}
</style>
<style>
.profile .contact {
    border-color: coral;
}
</style>
<style>
nav .top {
    background-color:coral;
}
</style>
<style>
    ..profile .table-section .heading {
        border-color:coral;
    }
</style>
<style>
.details-table td * {
        background:white;
    }
</style>
<style>
    .profile .friends .heading h4 {
        color:black;
    }
</style>
<style>
    nav .links {
        background-color:#ffb59e;
    }
</style>
<style>
    .profile .blurbs .heading h4 {
        color:black;
    }
</style>
<style>
    .details-table td {
        background:white;
    }
</style>
<style>
    .details-table td * {
        border-color: black;
    }
</style>
<style>
    .details-table td * {
        color: white;
    }
</style>
<style>
    .profile .friends .inner {
        color:black;
    }
</style>
<style>
    .profile .blurbs .inner {
        color:black;
    }
</style>
<style>
  
</style>
<style>
    .profile .blurbs .inner {
        color:#ffb59e;
    }
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background:#ffb59e;
    }
</style>
<style>
    a {
        color:black;
    }
</style>
<style>
    .profile .contact .heading {
        color:black;
    }
</style>
<style>
    .profile .table-section .heading {
        color:black;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
    .comments-table td {
        border-color:black;
    }
</style>
<style>
    table.comments-table {
        border-color:black;
    }
</style>
<style>
    footer {
        background:url(https://i.ytimg.com/vi/yH3F7AsFHyA/sddefault.jpg);
    }
</style>
<style>
    footer {
        color:coral;
</style>
<style> 
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "organisms i would like to meet"; font-size:.8rem; } 
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "friends!!"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "comments"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "me"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "the contact"; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "organisms i would like to meet"; font-size:.8rem; color:black; } 
</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "interests"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
  .profile .blurbs .section h4{ font-size:0; }
.profile .blurbs .section h4:before{ font-size:.8rem; font-weight:bold; color:black; }
</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: "♡"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward 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 to Group */
	content: "✚"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "♬"
}

</style>
<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 80px;
        transition: 0.5s width;
        
    }

    #music:hover {
        width: 360px;
    }
</style>



<style>

.profile-info {
border: 0px solid rgb(255, 0, 0);
display: flex;
align-items: center;
justify-content: center;
padding: 15px 15px;
margin-bottom: 30px;
background-image:url(https://i.makeagif.com/media/10-04-2023/yVin2m.gif);
}	
</style>

<div style="float:  ; max-height: 430px; position: fixed; right: 1px; top: 9px; z-index: 200;"><img src="https://static.wikia.nocookie.net/obsoletebattleshow/images/8/81/Limey.png/revision/latest?cb=20221110231816" width="200" height="200"/></div>
<div style="float:  ; max-height: 300px; position: fixed; left: 1px; bottom: 5px; z-index: 200;"><img src="https://static.wikia.nocookie.net/obsoletebattleshow/images/e/e8/Record.png/revision/latest?cb=20221110232811" width="200" height="200"/></div>


<style>

.general-about img {-webkit-mask-image: url(https://64.media.tumblr.com/158c3cf7b8aa253a3c73e2b148beb8bd/b307714e5ffc5d75-52/s1280x1920/0046ed3e1d33624fbaa4fa380da44ccf4ae6d6bd.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>
<style>

.profile .friends .person img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/158c3cf7b8aa253a3c73e2b148beb8bd/b307714e5ffc5d75-52/s1280x1920/0046ed3e1d33624fbaa4fa380da44ccf4ae6d6bd.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>
<style>

.comments-table td:first-child img:not(.icon) { -webkit-mask-image: url(https://64.media.tumblr.com/158c3cf7b8aa253a3c73e2b148beb8bd/b307714e5ffc5d75-52/s1280x1920/0046ed3e1d33624fbaa4fa380da44ccf4ae6d6bd.png);-webkit-mask-size: 100%;-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}

</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://media.tenor.com/jOopp9QfCdwAAAAM/burner-object-show.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 1s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>
 
<img src="https://media.tenor.com/8Oole7mbqjIAAAAM/burner-tissuebox.gif"/>

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

</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 14 of 14 comments ( View all | Add Comment )

Alin / kyze	1729520639 using Report Comment
🐭pipir :3	1727597999 USING :DDD Report Comment
COMETY!	1727140795 USING THIS :3 Report Comment
vee:3	1726680097 using!!!!! Report Comment
Airy/TG (PROFILE WIP.)	1726634051 Using!!- Report Comment
Scavvvy	1723231482 Using Report Comment
y0yle_berr!ez..	1722771885 I LOVE OBJECT SHOWS!!! im gonna use this THANK YOU!!! Report Comment also how do i get rid of the flower border on my pfp? i think it blocks part of it :( by y0yle_berr!ez..; 1722772754; Report also how do i get rid of the flower border on my pfp? i think it blocks part of it :( by y0yle_berr!ez..; 1722772755; Report you have to find another pfp mask of your liking, and edit the code to change the pfp - (๑>◡<๑)˚✧ ﾟ.🌺 by June !! (๑>◡<๑); 1729876090; Report
─★ Alex ̟ !!	1722355019 Using!1!1! Report Comment
ceeceespizza	1722306463 Using! Report Comment but without the music by ceeceespizza; 1722306499; Report
xirvs	1721896846 using but edited Report Comment
subaru ! subaru !	1720124149 using! slightly edited though lol Report Comment
catlysha	1718375831 using!!!!!!!!!!!! Report Comment
Shaurma	1717579997 Using. Report Comment
Kir0	1716830771 omg cool!!! using chunks of the code :P Report Comment woah cool thanks by Sam☆; 1716934355; Report yay :D its probably a lil bit broken for not using the entire code lmao anyways this is really cool by Kir0; 1716991803; Report