skid spooky month layout!!

Tags: spooky month, skid, layout, skeleton

Description:

skid from spooky month layout. this was a suggestion from someone :D also comment if using if u can!

Code:

<!-- (c) Layout created by 𝓯𝓻𝓮𝓪𝓴𝔂 billy (https://layouts.spacehey.com/layout?id=94054) -->

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://i.redd.it/wz0snnslhjrb1.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>

<div style="float:  ; max-height: 360px; position: fixed; left: 1px; bottom: 4px; z-index: 400;">
 width="310" height="380"/&gt;</div>

<img src="https://art.ngfiles.com/images/2314000/2314771_thehoraco_skid-pixel-art.gif?f1643064095"/>

<style>

.logo {

content:url("https://static.wikia.nocookie.net/srpelo-spookymonth/images/1/1f/Spooky_Month_Logo.png/revision/latest/scale-to-width-down/1000?cb=20221105211835");

}

</style>

<div style="float:  ; max-height: 350px; position: fixed; left: -60px; top: 4px; z-index: 800;">
<img src="https://static.wikia.nocookie.net/srpelo-spookymonth/images/a/ad/Skid_transparent.png/revision/latest?cb=20220702145821" width="320" height="180"/></div>

<style>
main:before {
 width: 100%;
 height: 300px;
 display: block;
 content: "";
 background-image: url('https://i.pinimg.com/originals/fa/ab/35/faab352ed3e98b4c8499077e548cc68a.gif');
 background-position: center center;
 background-size: cover;
}
main {
    background-image: url(https://mw1.google.com/mw-planetary/sky/skytiles_v1/76_27_7.jpg);
    background-size: cover; no-repeat;
    background-size: 100% ;
  }  
body
        {background: url("https://previews.123rf.com/images/lviktoria25/lviktoria251512/lviktoria25151200039/49602444-pattern-pirate-skull-wallpaper-for-tattoo-parlor.jpg")
        fixed; background-size:;
     }
     }
    padding: 5px;
    font-size: 80%;
    color: var(--light-orange);
  }
  </style>
<style>
footer {
        border-radius: 15px;
background-image: url(https://www.bhmpics.com/downloads/mortal-kombat-mileena-Wallpapers/25.ps4wallpapers.com_5a6def101070f_mileena.jpg); 
</style>
<style>
@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
:root {
  --font-family: monospace;
  --mynamesize: 25px
;}
  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}
h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}
h1 {
  color: white ;
}
table, th, td {
  border: none ;
}
:root {
        --logo-blue: #000000 ;
        --darker-blue: ;
        --lighter-blue: #000000 ;
        --even-lighter-blue: ;
        --lightest-blue:  ;
        --dark-orange: #ff0000 ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: red;
    }
.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none ;
    }
   a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #cc3e3e;
        font-size: 1.4rem;
        font-weight: bold;
        animation: blinker 1s linear infinite;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: white !important;
        border-bottom: 2px solid;
    }
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    table.comments-table td {
        background-color: !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
    .blog-preview p {
        font-size: 1.4rem;
    }
    .contact {
  border-radius: 25px;
  background: url();
  background-position: center center;
   background-size: cover;
  padding: 20px;
  width: 200px;
  height: 150px;
}

</style>

<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}
.general-about .profile-pic img{
  border-radius: 50%;
  animation: spin 7s infinite linear;
}
</style>

<style>
.online{content:url("http://dl8.glitter-graphics.net/pub/2977/2977298zohekyrym6.gif'");
}
</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.