Halloween

Tags: horror, halloween, snake woman
Description:

For Halloween lovers be sure to add and comment before using this
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by starry melanson (https://layouts.spacehey.com/layout?id=38076) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Mate&display=swap');
 body{font-family: 'Mate', serif;}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/user/use-1/use2.cur), auto !important;}</style>

<div class="ej"></div>
<style>
div.ej {
    background: url();
    background-size: 100% !important;
    position: absolute;
    left: 400px;
    bottom: -995px;
    height: 480px;
    width: 280px;
    z-index: 100;
    opacity: 100%;

}

</style>

<style>
table.comments-table{

border: 3px solid black;
display: block;
height: 250px!important;
overflow-y: scroll;
color: #9e0202;

}
</style>

<style>
li.active .icon { 
    content:url('https://i.ibb.co/GTjyMqx/IMG-8518.gif'); 
    width: XXXPX;
    height: XXXpx;
    }
</style>

<style>
.table-section:last-of-type {
    display: none;
}
</style>

<style>
.table-section{

display: block;
height: 300px!important;
overflow-y: scroll;
border: 5px solid black;

}
</style>


<style>
main:before {
width: 100%;
height: 300px;
display: block;
content: "";
background-image: url('https://i.ibb.co/Qbm8GQv/IMG-8517.jpg');
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>
body {
		background: url(https://images.unsplash.com/photo-1592079927444-590c17e87f28?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDEyfHx8ZW58MHx8fHx8&w=1000&q=80);
		color: #fff !important;
		background-position: ;
background-attachment: fixed  !important;
		background-repeat: repeat  ;
		background-size: fit ;
		background-size: 100%;
		background-color: #0f0f0f;	}
</style>

<style>
main {
background-color: transparent;
}
</style>


<style>
    .container{
        
    width: 800px !important;
    height: 1500px !important;
        
    }
</style>


<div id="blood" class="animate"><img src="https://i.ibb.co/G5mVf6N/IMG-8524.gif"/></div>
<style>
#blood {
  opacity: 0;
  animation: appearDisappear 15s linear;
  animation-delay: 10s;
position: absolute;
position: fixed;
left: 900px;
top: 50px;
height: 593px;
}

@keyframes appearDisappear {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

#blood1 {
  position: absolute;
  position: fixed;
  left: 200px;
  top: 200px;
  height: 593px;
  overflow: hidden;
}
</style>



<style>
.profile-info {
background-image: url(https://i.ibb.co/wcsTZ1r/IMG-8526.gif);
background-color: transparent;
background-size: cover;
background-position: center;
border: 0px;
height: 210px;

}
</style>

<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "my spooky life"; font-size:.8rem; font-weight:bold; }
</style>

<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "creeps"; font-size:.8rem; font-weight:bold; }
</style>

<style>
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "eerie"; font-size:.8rem; font-weight:bold; }
</style>



<style>
.table-section {
 width: 300px;
}
</style>



<style>
.person {
  position: relative;
}

.person::after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('https://i.ibb.co/b3gZXNH/IMG-8520.jpg');
  background-repeat: no-repeat;
  background-position: center;
background-size: fit !important;
  z-index: 1;
}

.person:hover::after {
  display: block;
}
</style>


<style>
.contact {
background-image: url(https://i.ibb.co/3rNMM5n/IMG-8514.jpg);
background-size: fit !important;
background-position: center;
opacity: .2;
background-repeat: no-repeat !important;
border: 0px transparent !important;
background-color: transparent;
font: center;
}
</style>

<style>
h1:after {
  filter: drop-shadow(1px, 1px, 2px, red) drop-shadow(1px, 1px, 2px, red) drop-shadow(1px, 1px, 2px, red );
  display: inline-block;
  content: "";
  background-image: url('https://i.ibb.co/tqJXrXv/IMG-8519.jpg');
  background-size: 300px 80px;
  width: 300px;
  height: 80px;
}
h1 {
  font-size: 0px !important;
}
</style>

<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    
        
    
</style>

<style>
 .comments-table td:first-child, .music-table td:first-child {
  background: #19191900;
}
    .comments-table td, .music-table td {
  background: #e2e2e280;
}

    .profile .blurbs .section h4 {
  color: #d3d3d3;
}
    .count {
  color: #9e9e9e;
}
    .profile .friends .person p {
  color: #ddd;
}
    a:link, a:visited {
  color: #fff;
}

  .details-table td:first-child {
  background: #555555a3;
  color: #e6e6e6;
}
    .details-table td {
  background: #e2e2e280;
}


    .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #555555a3;
  color: white;
}
</style>

<style>
.profile .url-info,
.profile .table-section,
.home-actions {
    border: 3px solid black !important;
}

</style>

<style>
    footer{
        height: 105px;
    background-color: transparent !important;
    background-image: url('https://i.pinimg.com/originals/88/04/ac/8804ac584d1228bb210f6053a4bb7c2d.gif') !important;
    background-repeat: REPEAT !important;
    background-position: center !important;
        
    }
</style>

      
<style>
.polaroid-mask {
  position: relative;
  display: inline-block;
}

.polaroid-mask::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://i.ibb.co/9gcn1RY/IMG-8525.gif");
  background-size: cover;
  z-index: 1;
}
.polaroid-content {
  position: relative;
  z-index: 2;
}

div.pic1 {
    background: url(https://i.ibb.co/zPPsCYC/IMG-8523.jpg);
    background-size: cover;
    position: fixed;
    left: 120px;
    bottom: 440px;
    height: 200px;
    width: 200px;
    z-index: 100;
    opacity: 1;
}

div.pic2 {
    background: url(https://i.ibb.co/JrMJYrJ/IMG-8521.jpg);
    background-size: cover;
    position: fixed;
    left: 120px;
    bottom: 200px;
    height: 250px;
    width: 200px;
    z-index: 100;
    opacity: 1;
}

div.pic3 {
    background: url(https://i.ibb.co/56BvnjL/IMG-8522.jpg);
    background-size: cover;
    position: fixed;
    background-repeat: no-repeat;
    left: 120px;
    bottom: 20px;
    height: 200px;
    width: 150px;
    z-index: 100;
    opacity: 1;
}

@keyframes swing {
  0% { transform: rotate(0deg); }
  50% { transform: rotate(15deg); }
  100% { transform: rotate(0deg); }
}

.pic1 {
  animation: swing 2.3s infinite;
  transform-origin: center top;
}

.pic2 {
  animation: swing 2.5s infinite;
  transform-origin: center top;
}

.pic3 {
  animation: swing 2s infinite;
  transform-origin: center top;
}
</style>


  <div class="polaroid-mask">
    <div class="pic1 polaroid-content"></div>
  </div>
  <div class="polaroid-mask">
    <div class="pic2 polaroid-content"></div>
  </div>
  <div class="polaroid-mask">
    <div class="pic3 polaroid-content"></div>
  </div>

<style>
 nav .top {
  background: #191919ba;
  margin-bottom: 10px;
}
    nav .links {
  background-color: #5c5240;
  padding: 3.5px 16px 1px 16px;
}
    nav .links, footer .links {
  margin: 0;
  list-style: none;
 margin-bottom: 10px;
}

    nav .links a:hover {
  text-decoration: underline;
  color: #191919;
}
    nav .links a {
  color: white;
  text-shadow: 0 0 7px #272727;
}
</style>

<style>
  .profile .blurbs .heading, .profile .friends .heading {
  background: #5c5240;
  color: white;
}
  
</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.