Skip to content

Instantly share code, notes, and snippets.

/spooky.633.beautified.css Secret
Created Oct 31, 2015

Embed
What would you like to do?
4chan's spooky Halloween 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;
}
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;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.