Three Cheers for Sweet Revenge - Layout!

sooo...since this godforsaken website (just kidding i love u spacehey) wont let ppl post layouts atm...

Im gonna post them on my blog- aka here- yippee!

This is obvi a three cheers themed layout (mcr album in case umm...well actually if u dont kno that, respectfully how did you find this website in the first place)

and it looks a little diff on ur acc profile (obvi)

Just copy and paste the code into your 'about me' section!

pls comment if ur using- id love to kno if anyone would use this!

-mjrtom

<style>
.profile-info {
border: 4px solid black;
display: flex;
align-items: center;
justify-content: center;
padding: 15px 5px;
margin-bottom: 10px;
background-image: url(https://adriansblinkiecollection.neocities.org/h54.gif);
}
</style>




<div style="float:  ; max-height: 400px; position: fixed; right: 0px; bottom: 0px; z-index: 400;">
<img src="https://i.postimg.cc/L8PFHqgz/pngeggggggggggggggggggggggggggggggggggggg.png" height="400"/></div>



<div style="float:  ; max-height: 300px; position: fixed; left: 0px; bottom: 0px; z-index: 400;">
<img src="https://i.postimg.cc/bNsjBVzV/pngeggggggggggggggg.png" height="300"/></div>





<style>main:before {
    width: 100%;
    height: 125px ;
    display: block;
    content: "";
    background-image: url('https://external-media.spacehey.net/media/sZTPdI6j_Z5Wwy1kTbBNzeCTQ5lKy8Ohs-rIKPzNdjvI=/http://dl.glitter-graphics.net/pub/112/112481awkyj22iig.jpg');
    background-position: center center;
    background-size: cover;
        border: 5px solid #1a1a1a;
}
@media only screen and (max-width: 600px) {
    main:before{
        height: 200px;
    }
}</style>



<img src="https://pixelsafari.neocities.org/dividers/animal/bat3.png"/>





<style>
html:before{

   animation: grain 8s steps(10) infinite;
   background-image: url("https://png.pngtree.com/png-clipart/20220917/ourmid/pngtree-film-grain-transparent-clipart-free-psd-png-image_6187752.png");
   background-size: cover;
   content: "";
   height: 250%;
   left: -50%;
   opacity:.7;
   position: fixed;
   top: -100%;
   width: 200%;
   no-repeat fixed;
   background-size: 500px;
   mix-blend-mode: normal;
   pointer-events:none;
}
</style>

<style>

html {
filter: grayscale(55%);
}

</style>



<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/4e/27/e84e27b4734e3d82d19abafd977835ec.gif');

    background-size: cover;

    background-repeat: no-repeat;

        background-position:center;

    animation: yourAnimation 5s ease 0s 1 normal forwards;

    pointer-events: none;

}

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



</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/02W8DAnKvlA?si=McOOtagGLuDLNiwN//?&;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>
body, .bodyContent {
background: url(https://i.pinimg.com/originals/50/a2/fd/50a2fd0775cee3e868081a2ea4a24f67.gif);
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
}
</style>


<style>

.general-about{
  position: relative;
  margin-top: 30px;
}
.online {
    content: url(https://pixelsafari.neocities.org/text/onlinecoffin.gif);
</style>

<style>
 
 .logo {
 
content:url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/e227f64d-c251-4155-a6ef-8751cbb1109e/dhbs0af-bfa1622d-cbab-4448-8bcd-9516da2f3469.png?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2UyMjdmNjRkLWMyNTEtNDE1NS1hNmVmLTg3NTFjYmIxMTA5ZVwvZGhiczBhZi1iZmExNjIyZC1jYmFiLTQ0NDgtOGJjZC05NTE2ZGEyZjM0NjkucG5nIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.RGsRRHgNofkm8fsZEp1SKAmZ6TBkbb6TlPXN4HhluU8")
 
  }
 
   </style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');

.special-elite-regular {
  font-family: "Special Elite", serif;
  font-weight: 400;
  font-style: normal;
}

</style>

<style>

a:hover, a:active, a, p, nav label, .section {

    font-family: var(--mainfont) !important;

}

h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {

    font-family: "Special Elite"

}

:root { --mainfont: "Special Elite" }

</style>



<style>

body {
    font-family: "Special Elite", sans-serif;
    font-optical-sizing: auto;
    font-weight: ;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}
nav .top {
    background-color: black;
    color: #9f0000;
}

a {
    text-decoration: underline;
    text-decoration-style: solid;
}

.music .heading a.more,
.specials .heading a.more,
.friends .heading a.more,
.new-people .top a.more,
.bulletin-preview .heading a.more,
.blog-sub-preview .heading a.more,
.spa .heading .spa-info {
    color: black;
}
>
.profile .blurbs .heading,
.profile .friends .heading {
    background-color: #490000;
    color: black;
    padding: 5px;
}

.profile .blurbs .section h4 {
    color: whitE;
}
nav .links {
    background-color: black;
    color: gray;

}
nav .links a {
    background-color: black;
    color: grey;
}

nav .links a:hover {
    background-color: black;
    color: white;
}

.comment-replies {
    border: solid 1px #490000;
    margin: 5px;
}

nav .links button {
    background-color: black;
    color: white;
    padding: 5px;
}

.profile .friends .person p {
    color: white;
}

main {
    padding: 0;
}

footer {
    background-color: black;
    color: white;
}

.details-table td:first-child p a {
    color: black;
}

.comments-table td,
.music-table td {
    background-color: black;
    color: white;
        border-color: #490000;
}

.profile .contact .heading,
.profile .table-section .heading,
.setting-section .heading,
.home-actions .heading {
    background-color: black;
    color: white;
}

.contact .heading {
    background: black !important;
}

.details-table td {
    background-color: black;
    color: white;
    padding: 5px;
}

.details-table td:first-child {
    background-color: #000000;
    color: #780000;
    padding: 5px;
}

.pfp-fallback {
    border: solid 2px white;
    color: black;
    border-radius: 50%;
}

.container {
    background-color: black;
    color: #490000;
}

.profile .contact,
.profile .url-info,
.profile .table-section,
.setting-section,
.home-actions {
    border: solid 9px #490000;
}

.profile .contact,
.profile .url-info,
.profile .table-section,
.setting-section,
.home-actions a {
    color: #490000;
}

a:hover,
a:active,
.blog-entry .kudos-btn:hover,
.blog-entry .kudos-btn:active {
    color: #490000;
}

a,
.blog-entry .kudos-btn,
.blog-entry .kudos-btn {
    color: white;
}

.profile .blog-preview {
    background-color: black;
        border: solid 1px white;
    padding: 4px;
}

.profile {
    color: #780000;
    background-image: url(https://i.postimg.cc/bvw3NWs1/Screenshot-2024-12-29-201358.png);
}

.comments-table td:first-child,
.music-table td:first-child {
    background-color: #490000;
    color:#490000;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #490000;
  color: #000000;
}
</style>



<iframe width="0" height="0" src="https://www.youtube.com/embed/iO-mUnSjMKM?si=9zbDNAraji5lYJnU//?&;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>
.container{
border: 9px solid #1a1a1a;
</style>