8ch - DarkBackground Style

/* 8ch - DarkBackground Style */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(8ch.net){
/* Background Color */
body, .thread > .files > .file > a > img.post-image:nth-of-type(1), .thread > .video-container:nth-of-type(1) , .thread > .files > .file > a > img.full-image:nth-of-type(2), .thread > .video-container > span.unimportant.yt-help {background: #252730 !important;}

.thread > .files > .file > a > img.post-image:nth-of-type(1), .thread > .files > .file > a > img.full-image:nth-of-type(2)
{margin:0px 6px 0px 0px; padding:8px 20px 20px 4px !important;}
.thread > .video-container:nth-of-type(1) {margin:0px 6px 0px 0px; padding:8px 8px 20px 4px !important;}

.thread > .video-container > span.unimportant.yt-help {padding:0px 2px 3px 2px; color:#D6DAF0;}
.thread > .video-container > a.video-pop:nth-of-type(1) {margin-left:2px; color: #fff !important;}

.thread > .video-container > a, .thread > .video-container {color:#fff!important;}

.post.op {margin-top:4px; padding:4px !important; background-color:#EEF2FF !important; border-bottom:1px solid #D6DAF0 !important; border-right:1px solid #D6DAF0 !important;}

/* file info on OP post */
.thread > .files > .file > .fileinfo > span:nth-of-type(1),
.thread > .files > .file > .fileinfo > span:nth-of-type(2),
.thread > .files > .file > .fileinfo > span:nth-of-type(1) a,
.thread > .files > .file > .fileinfo > a:nth-of-type(1),
.thread > .files > .file > .fileinfo > .unimportant > a:nth-of-type(1),
.thread > .files > .file > .fileinfo > span:nth-of-type(3),
.thread > .files > .file > .fileinfo > span:nth-of-type(4),
.thread > .files > .file > .fileinfo > a.chx_RISLink,
span.catalog_search a,
body > div:nth-of-type(1) > a {color: #fff;}

.thread > .files > .file > .fileinfo > span:nth-of-type(1) a:hover,
.thread > .files > .file > .fileinfo > span:nth-of-type(2) a:hover,
.thread > .files > .file > .fileinfo > a:hover:nth-of-type(1),
.thread > .files > .file > .fileinfo > a.chx_RISLink:hover,
body > div:nth-of-type(1) > a:hover {color: red;}

.post-menu li:hover {color:#fff;}
.post-menu li {color:#000;}

/*fix options link*/
.boardlist > a {color:#34345C !important;}
.boardlist > a:hover {color:red !important;}

form > p:nth-of-type(1),form > p:nth-of-type(2), form > p:nth-of-type(3) {color: #fff;}

/* OP post fix */
.thread.post-hover.reply.post > .files > .file > .fileinfo > span,
.thread.post-hover.reply.post > .files > .file > .fileinfo > span:nth-of-type(2)
{color:#000 !important;}
.thread.post-hover.reply.post > .files > .file > .fileinfo > span > a,
.thread.post-hover.reply.post > .files > .file > .fileinfo > a,
.thread.post-hover.reply.post > .files > .file > .fileinfo > span > small > a.hide-image-link
{color:#34345C !important;}
.thread.post-hover.reply.post > .post.op
{background:transparent!important;}
.thread.post-hover.reply.post > .files > .file > a > img.post-image:nth-of-type(1),
.thread.post-hover.reply.post > .video-container:nth-of-type(1)
{background:transparent!important;}
.thread.post-hover.reply.post.op > p
{margin-left:10px!important;}
.thread.post-hover.reply.post > .video-container > span.unimportant.yt-help,
.thread.post-hover.reply.post > .video-container > a.video-pop:nth-of-type(1)
{background:transparent !important; color:#000 !important;}

h1 a:nth-of-type(1) {padding:0px 4px; text-decoration:none; color:#AF0A0F;}
h1 a:hover:nth-of-type(1) {text-decoration:none; color:#fff;}
a#favorite-star {padding:0px 4px;}
h2 a:nth-of-type(1) {color:#fff;}
h2 a:hover:nth-of-type(1) {color:red;}

hr {border:1px 0px solid #D6DAF0;}
.mix {margin:2px 0px; background-color: #D6DAF0 !important;}

/* catalog borders */
.thread.grid-li.grid-size-large, .thread.grid-li.grid-size-small, .thread.grid-li.grid-size-medium, .thread.grid-li.grid-size-vsmall {border:0px;}

#post-form-inner {padding:2px; border:1px solid #89A; border-radius:4px; background-color: #D6DAF0 !important; box-shadow:0 0 2px 1px rgba(37, 39, 48, 0.2);}
#post-form-inner > form > .post-table > tbody > tr:nth-of-type(1) > th {border-width:0px; border-radius:3px 3px 0px 0px;}
#post-form-inner > form > .post-table > tbody > tr#upload > th {border-width:0px; border-radius:0px 0px 3px 3px;}

body > span:nth-of-type(1), body > span:nth-of-type(2), body > span:nth-of-type(3), body > span:nth-of-type(3) a {color: #FFF !important;}
a.unimportant, footer, footer a, header, header p a, header, .boardlist.bottom, .boardlist.bottom a, span#thread-links, span#thread-links a, #thread_stats, span#thread-quick-reply a, .blotter, .unimportant label {color: #FFF !important;}

.blotter a {color:#AF0A0F;}
.blotter a:hover {color:#fff;}

header p a:hover, .boardlist.bottom a:hover, #thread-links a:hover, a#link-quick-reply:hover, footer p.unimportant a:hover
{text-decoration: none; color:red !important;}

/*fixed position catalog link*/
header > .subtitle > p > a {font-size:9pt;  text-decoration:none; color:#34345C !important; display:block; position: fixed; top:0; right: 55px; z-index:99;}
header > .subtitle > p > a:hover {color:red !important;}
header > .subtitle > p > a::before {content: "[";}
header > .subtitle > p > a::after {content: "]";}
}