Spooky Season

Tags: black, purple, halloween, holiday, simple

Description:

My halloween layout this year! Who doesn't want a bunch of cute ghosts and a hello kitty witch on their profile? :D

Feel free to edit as much or as little as you want. bat logo by 𝕾𝖙𝖊𝖒𝖒.

Preview:

click on the image for a larger preview

Code:

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

<style>

:root{
--logo-blue: #f79d29;}
* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol326.cur), auto !important;}
a:hover, button:hover {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol330.ani), url(https://cur.cursors-4u.net/holidays/hol-4/hol330.png), auto !important;}

.online {
    content: url("https://dl.glitter-graphics.com/pub/2163/2163338bmk6pq15mx.gif");
filter: invert(86.5%);
}
li.active .icon { 
    content:url('https://64.media.tumblr.com/e5b1a669f884569a68b390d144b4a36b/25fa197a6c73a4c5-2f/s75x75_c1/d52709e3a03e0356e254951cac1532faaeca92e8.gifv'); }
.pinned {
    content: url('https://64.media.tumblr.com/b33a099a8f4ca94e9bcd044d8074a6fe/eba46ff2dd91cb1c-37/s75x75_c1/7e7b9108d26c503637331a754e4f81025c63287b.gifv');
padding-right: 3px;
    height: 13x;
}

.logo {
    content: url("https://media.discordapp.net/attachments/1083062800752054305/1083085695867953152/batspheylogo.png");
filter: invert(100%)}

body{
background: black url("https://whiteheartrainbowsoul.neocities.org/spookyseason.jpg");
background-size: 500px;}

main{
background-color: #222;
color: white;
border: 1px solid #4b0171;
border-top: none;}

nav{
border: 1px solid #4b0171;
border-bottom: none;}
nav .top{
background: #222;
}

nav .links{
background: #fff;
text-align: center;
}

nav .links a {
color: #222;
text-shadow: none!important;
text-align: center;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after {
    content: " 🕸️ ";
}

nav .links .special a, a:hover{
color: #4b0171!important;
}

.blurbs .heading, .blog-preview h4, .friends .heading, .table-section .heading, .contact .heading{
display:none!important;
}

.profile-info{
  color: white;
  background-image: url('https://dl.glitter-graphics.com/pub/2915/2915330l1b2wnsia3.gif')!important;
background-color: transparent!important;
}

main a, b, h4{
color: #a901fcff!important;}

.contact, .url-info, .profile-info, .table-section{
border: solid white 1px!important;
}

td{
background: rgba(0,0,0,0)!important;}

button{
color: white;
background: #222;
border-radius: none!important;
border: 1px solid white;
}

.search-wrapper  input[type=text]{
border: 1px solid white;
}
.comment-replies{
border: 1px solid white;
margin-bottom: 5px;
}

.profile-info a{
color: black!important;}

h4{
color: #f79d29!important;}

.url-info p{
    opacity: 0.0;
}
.url-info{
background: url("https://64.media.tumblr.com/55fc1c1b3057555c3535bda7b0484e9c/tumblr_pgpbt2jwPU1w9xu55o1_1280.gif");
background-size: 100%;
background-position: center;
height: 175px;}


footer{
background: #222;
color: white;
border: 1px solid #4b0171;
}
footer a{
color: #f79d29;
}

/* contact icons */
.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 favorite */
    content: "🕷️"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
    /* send a message */
    content: "🧡"
}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
    /* foward 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 2 group  */
    content: "🤍"
}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
    /* report */
    content: "⚰️"
}

.count, .logout-btn, h1{
color: #f79d29;}

::-webkit-scrollbar {
    width: 5px;
    height: 12px;
}

::-webkit-scrollbar-track {
    border-radius: 0px;
    width: 3px;
    border: 1px solid white;
}

::-webkit-scrollbar-thumb {
    background: #4b0171;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #f79d29;}

.comments-table {
    display: block;
    height: 1080px!important;
    overflow-y: scroll;
    outline: none !important;
    border: !important;
    width: 100%;
}

.comments-table .report a img {
    font-size: 0;
}

comments-table .report a img:before {
    font-size: 1em;
    display: block;
}

comments-table .report a:before {
    /* add to friends */
    content: "☠️";
}
</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.

Comments

Displaying 8 of 8 comments ( View all | Add Comment )

theo	1698346557 using !! this looks super cool Report Comment
marii ꒰ᐢ. .ᐢ꒱₊˚⊹	1697904465 using!!! this is really cool honestly!! Report Comment
stvr ୨୧	1697045625 using!! this is really cool btw Report Comment
꓄ꃅꍟꉓꀎꋪꍟꁅꀤꋪ꒒ꀤꍟ	1696632283 This is really cute using!! Report Comment
rams/gabriel :3	1696528928 Trying 2 figure out how to edit LMAO Using !! Report Comment
Darling Dred	1696437883 love this! thanks for making <3 using! Report Comment
ADRI <3	1696363053 using!! added some stuff but it's very cute on its own too ^_^ Report Comment