4chan's spooky Halloween CSS

spooky.633.beautified.css

body {
    background: #03001a;
    color: #c49756;
}

.panel,
.postblock,
.preview,
table.postForm>tbody>tr>td:first-child,
.dd-menu ul,
div.reply {
    background-color: #171526;
}

div.reply {
    border: none;
}

.postblock,
table.postForm>tbody>tr>td:first-child {
    color: inherit;
}

div.sideArrows {
    color: #707070;
}

div#boardNavDesktopFoot,
div#boardNavDesktop,
div.pagelist,
div#absbot {
    color: #c49756;
}

#image-hover {
    -webkit-animation: spookyhover 0.5s ease-in;
    -moz-animation: spookyhover 0.5s ease-in;
    animation: spookyhover 0.5s ease-in;
}

#skellington {
    -webkit-animation: spookyhover 3s linear;
    -moz-animation: spookyhover 3s linear;
    animation: spookyhover 3s linear;
}

@-webkit-keyframes spookyhover {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes spookyhover {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes spookyhover {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.dd-menu ul {
    border-color: #707070;
    border-bottom: 0;
    border-right-width: 1px;
}

.dd-menu li {
    border-bottom-color: #707070;
}

hr {
    height: 1px;
    border: 0;
    border-bottom: 1px solid #707070;
}

.reply:target,
.reply.highlight {
    background-color: #262340!important;
    border: none!important;
}

.fileThumb img {
    opacity: 0.5;
    transition-duration: 1s;
    transition-property: opacity;
}

.button,
a {
    transition-duration: 1s!important;
    transition-property: color!important;
}

.fileThumb img:hover {
    opacity: 1.0;
}

.preview,
#quote-preview {
    border-color: #707070!important;
    border-width: 1px!important;
}

.dd-menu li:hover {
    background-color: transparent;
}

a.replylink:not(:hover),
div#absbot a:not(:hover),
.quoteLink,
.quotelink,
.deadlink,
a,
a.visited,
.button,
.dd-menu li:hover,
#arc-list .quotelink {
    color: #fe9600!important;
}

div.post div.postInfo span.postNum a:hover,
.posteruid .hand:hover,
a:hover,
.button:hover,
#arc-list .quotelink:hover {
    color: #FFEE4A!important;
}

blockquote>span.quote {
    color: #634c2c;
}

div.post div.postInfo span.subject {
    color: #FFEE4A;
}

div.post div.postInfo span.nameBlock span.postertrip,
div.post div.postInfo span.nameBlock span.name {
    color: #FE9600;
}

.flashListing .highlightPost,
table.flashListing tr:nth-of-type(2n+1),
div.pagelist {
    background-color: transparent!important;
    border: none!important;
}

div.pagelist div.cataloglink {
    border: none;
}

/* applies to an <img> tag loading a random gif from //s.4cdn.org/image/skeletons/ */
/* skeletons archive mirrors
   http://b.1339.cf/cprdoxc.7z
   https://r.kyaa.sg/qaovce.7z
   https://my.mixtape.moe/qgvqvp.7z */
#skellington {
    position: fixed;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

spooky.633.css

body{background:#03001a;color:#c49756;}.panel,.postblock,.preview,table.postForm>tbody>tr>td:first-child,.dd-menu ul,div.reply{background-color:#171526;}div.reply{border:none;}.postblock,table.postForm>tbody>tr>td:first-child{color:inherit;}div.sideArrows{color:#707070;}div#boardNavDesktopFoot,div#boardNavDesktop,div.pagelist,div#absbot{color:#c49756;}#image-hover{-webkit-animation:spookyhover 0.5s ease-in;-moz-animation:spookyhover 0.5s ease-in;animation:spookyhover 0.5s ease-in;}#skellington{-webkit-animation:spookyhover 3s linear;-moz-animation:spookyhover 3s linear;animation:spookyhover 3s linear;}@-webkit-keyframes spookyhover{from{opacity:0;}to{opacity:1;}}@-moz-keyframes spookyhover{from{opacity:0;}to{opacity:1;}}@keyframes spookyhover{from{opacity:0;}to{opacity:1;}}.dd-menu ul{border-color:#707070;border-bottom:0;border-right-width:1px;}.dd-menu li{border-bottom-color:#707070;}hr{height:1px;border:0;border-bottom:1px solid #707070;}.reply:target,.reply.highlight{background-color:#262340!important;border:none!important;}.fileThumb img{opacity:0.5;transition-duration:1s;transition-property:opacity;}.button,a{transition-duration:1s!important;transition-property:color!important;}.fileThumb img:hover{opacity:1.0;}.preview,#quote-preview{border-color:#707070!important;border-width:1px!important;}.dd-menu li:hover{background-color:transparent;}a.replylink:not(:hover),div#absbot a:not(:hover),.quoteLink,.quotelink,.deadlink,a,a.visited,.button,.dd-menu li:hover,#arc-list .quotelink{color:#fe9600!important;}div.post div.postInfo span.postNum a:hover,.posteruid .hand:hover,a:hover,.button:hover,#arc-list .quotelink:hover{color:#FFEE4A!important;}blockquote>span.quote{color:#634c2c;}div.post div.postInfo span.subject{color:#FFEE4A;}div.post div.postInfo span.nameBlock span.postertrip,div.post div.postInfo span.nameBlock span.name{color:#FE9600;}.flashListing .highlightPost,table.flashListing tr:nth-of-type(2n+1),div.pagelist{background-color:transparent!important;border:none!important;}div.pagelist div.cataloglink{border:none;}#skellington{position:fixed;right:0;bottom:0;pointer-events:none;}