Spooky Pastel Christmas

Tags: christmas, pastel, goth, gothic, spooky, creepy, dark, black, pastels, holiday
Description:

Notes: Anything you want under the Blurbs area can be added into your Who I'd Like To Meet section.
Comments and friends photos are hidden on this layout.
Falling snowflakes from top of page.
Preview:

click on the image for a larger preview
Code:

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

<style>
    body{
    background-color: black;
    background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/spookyxmascollage.png');
    background-repeat: repeat;
    background-position: center; 
    }
</style>
<style>
.url-info{display: none !important;}
</style>
<style>
.comments-table{display: none !important;}
</style>
<style>
.friends-grid{display: none !important;}
</style>
<style>
 .blurbs .section h4{display: none !important;}
</style>
<style>
    main{
    background-color: black;   
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;    }
</style>
<style>
    .top{ 
    background-color: transparent !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;    
    }
</style>
<style>
    .links{
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center; 
    }
</style>
<style>
    .top input{
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
    button{
    background-color: black !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
           }
</style>
<style>
    .contact .heading{
    background-color: #C98EFF !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
body  
    {
--lighter-blue: none;
--lightest-blue: none;
}
</style>
<style> .details-table td:first-child 
    {display:none;} </style>
<style>
    .blurbs .heading{
    background-color: #C98EFF !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
    .friends .heading{ 
    background-color: #C98EFF !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
    .table-section .heading{
    background-color:  #C98EFF!important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
    footer{
    background-color: transparent !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    }
</style>
<style>
.blurbs .inner{
text-align: center !important;
}
</style>
<style>
    .top{  
    color: white;
    }    
    main{
    color: white !important;
   }
    footer{
    color: white;
    }
</style>
<style>
    a{
    color: #BDF5F2 !important;
    }
    a:hover{
    color: white !important;
    }
    a:visited{
    color: COLOR !important;
    }
    .top a{
    color: #BDF5F2 !important;
    }
    .top a:hover{
    color: COLOR !important;
    }
    .top a:visited{
    color: COLOR !important;
    }
    .links a{
    color: #BDF5F2 !important;
    }
    .links a:hover{
    color: COLOR !important;
    }
    .links a:visited{
    color: COLOR !important;
   }
    .friends-grid p{
    color: #FF62E3 !important;
    }
    footer .links a{
    color: white !important;
   }
    footer .links a:hover{
    color: #FF62E3 !important;
   }
    footer .links a:visited{
    color: COLOR !important;
   }
</style>
<style>
    .profile .blurbs .heading, .profile .friends .heading {
    color: black;
    padding: 2
px 7
px;
}
</style>
<style>
main:before {
width: 100%;
height: 400px;
display: block;
content: "";
background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/spooyxmasbanner.png');
background-position: center center;
background-size: cover;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>
<style>
    .profile-pic {
border-radius: 100px;
overflow: hidden;
}
.profile .friends .person img {
border-radius: 500px;
}
</style>
<div class="snowflakes">
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
<div class="snowflake"><img src="https://hosting.photobucket.com/images/g144/punkluv4evr/Webp.net-resizeimage_(7)tiny.png"/></div>
</div>
<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<style>
    .profile .contact .heading, .profile .table-section .heading, .home-actions .heading{
  background-color: black;
  color: black;
}
</style>
<style>
    .profile h1 {
font-size: 40px;
font-family: cursive;
}
</style>
<style>
    .count{
color: pink !important;
}
</style>
<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 10px;
    }
    ::-webkit-scrollbar-thumb {
    background: rgba(201, 142, 255);
    }
    ::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
    }
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur267.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-purple-pointer-2.html" target="_blank" title="Light Purple Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Purple Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>
<a class="two" href="https://spacehey.com/hooterbby" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">Hooterbby™</div></a>
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 1 of 1 comments ( View all | Add Comment )
Segwon
1639888674
This is beautiful and so creative! Thank you
Report Comment