@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain(boards.4chan.org), domain(sys.4chan.org){
html {
background: #000 !important;
}
body {
background: #000 !important;
color: #cff !important;
font-size: 100% !important;
}
/*Set the font for everything with text.*/
body, .navtop, .replyhl, .reply, a, a:hover, a.quotejs, a.quotejs:hover, a.quotelink, span.filesize {font-family: "VL PGothic", "Verdana", Sans-Serif !important; }
/*fancy text highlighting colours*/
::-moz-selection {
background: #447;
color: #fff;
}
::-webkit-selection {
background: #447;
color: #fff;
}
/*Move board name and its subtext to the left*/
.logo font, .logo b {
float: left !important;
color: #f44 !important;
clear: left !important;
}
/*This will remove (or make smaller) a gap that remains where the logo image used to be*/
.logo {
font-size: 15% !important;
}
/* Board name */
.logo span {
font-size: 80% !important;
}
/* Those horizontal lines separating stuff. Get rid of the ones at the top but keep the ones separating threads*/
hr{display:none !important;}
hr { border-color: #444 !important; }
form hr{display:block !important;}
/*Oh shit, I can't remember what this was for*/
th[bgcolor="#e04000"]
{
display:none;
}
/* Colour, resize, or do whatever to your favourite board links here! */
/* [title="Random"] {display:none} */ /*Hide all the shit boards like this!*/
[title="Anime & Manga"] {color: #fcf !important;}
[title="Technology"] {color: #ea0 !important; }
[title="Health & Fitness"] {color: #0F0 !important;}
[title="High Resolution"] {color: #f00 !important; }
[title="Wallpapers/General"] {color: #cc8 !important;}
[title="Otaku Culture"] {color: #f0f !important; }
/*Navbar, top and bottom. I stole this from !K.WeEabo0o. He knows his shit, I just changed some colours.*/
#navtop, #navbot
{ width: 100% !important;
text-align: center !important;
color: transparent !important;
margin: -2px -4px !important;
background: -moz-linear-gradient( left,
rgba(0,0,0,0),
rgba(100,100,150,.3) 20%,
rgba(100,100,150,.3) 80%,
rgba(0,0,0,0) ) !important;
background: webkit-linear-gradient( left,
rgba(0,0,0,0),
rgba(100,100,150,.3) 20%,
rgba(100,100,150,.3) 80%,
rgba(0,0,0,0) ) !important; }
/*Announcements or shit that mods write with emphasis that's usually red.*/
b { color: #f00 !important; }
/*A bunch of shit around the page, like text near the post box and delete box at the bottom*/
td { color: #dd3 !important; }
/*The >> to the left of every post block*/
.doubledash {color: #dd3 !important;}
/*Every link on the page*/
a {color: #499DF5 !important; }
/*Marked for deletion (old)*/
.oldpost { color: #f00 !important; font-size: 80%;}
/*File 12345678910.jpg-(1.1MB, 500x500)*/
.filesize {
color: #bb3 !important;
}
.filesize a href {
color: #0f0 !important
}
/*Subject for OP and replies*/
.filetitle, .replytitle { color: #f44 !important; font-size: 95% !important; }
/*Hover colour for links*/
a:hover { color: #0f0 !important; }
/*Comment box and the text in it*/
textarea, .inputtext {table-layout:auto; width: 500px; height: 20px !important; vertical-align: top !important; font-family: sans-serif !important; }
/*Any area with text input*/
.inputtext {background-color: #000 !important; color: #ee5 !important;}
/*The box telling you what file you are going to upload. I don't
know how to change the background of a file input box and don't know if it's
even possible, so I just changed the opacity :( */
input[name="upfile"] {opacity: 0.6 !important;}
/*The post submitting button*/
[value="Submit"] { height: 20px !important; width: auto !important; vertical-align: top !important; }
/*Get rid of that File Deleted image in OP post if the image is deleted.*/
[alt="File deleted."] {display: none !important;}
/*Comment too long. Click here to view the full text.*/
.abbr { color: #195 !important; }
/*Quote link (the >>5646536 thing) */
.quotelink { color: #ab8fff !important;}
/*Hover over the quote link*/
.quotelink:hover { color: #5f9 !important; }
/*The post number*/
.quotejs {color: #ccc !important;}
/*Those boxes to the left of the comment posting box*/
.postblock {
border-color: #000000 !important;
-moz-border-radius: 6px 0 0 6px !important;
border-radius: 6px 0 0 6px !important;
vertical-align: top !important;
text-align: right !important;
background-color: #999 !important;
}
/*The text in those boxes to the left of the comment posting box*/
.postblock b { color: #000 !important;}
/*The contents/text of a post itself (both OP and replies)*/
blockquote { font-size: 80% !important; }
/*Size of the comment box*/
textarea.inputtext { height: 100px !important; }
/*Change name colour for saged post*/
.commentpostername a.linkmail[href="mailto:sage"] { color: #f44 !important; }
/*Add the word (sage) to the poster name*/
.commentpostername a.linkmail[href="mailto:sage"]:after { content: " (sage)"; color: #f44 !important }
/*The delete password box*/
.deletebuttons .inputtext { width: 100px !important; -moz-border-radius: 10px !important; }
/*Things common to both replies and highlighted replies*/
.reply, .replyhl {
border: 1px solid !important;
-moz-border-radius: .7em;
border-radius: .7em;
color: #cff !important;
padding: 0px 0px 0px 0px !important;
font-size: 100% !important;
}
/*Just normal replies*/
.reply {
background-color: #333 !important;
padding-right: 8px !important;
border-color: #069 !important;
border-width: 1px !important;
/*background-color: transparent !important;*/
}
/*Just highlighted replies*/
.replyhl {
background-color: #555 !important;
border-color: #fff !important;
padding-right: 10px !important;
}
/*The page numbers thing at the bottom*/
.pages {
background-color: #222 !important;
border-width: 0px !important;
}
/*The current page we're on in the page list*/
.pages b {color: #f00 !important;}
/*55 posts and 3 image replies omitted. Click Reply to view.*/
.omittedposts {
color: #bb3 !important;
}
/*Poster name for OP and replies*/
.postername, .commentpostername, .linkmail:not([href="mailto:sage"]) {
color: #5cf !important;
font-size: 100% !important;
}
/*Tripcode*/
.postertrip {
color: #58f !important;
}
/*Add something before tripcodes*/
/*.postertrip:before {content: "-- "; color: #984 !important }*/
/* quote/greentext/>implying thing */
.unkfunc { color: #7f6 !important; }
/*Mod username*/
.postername [style^="color:#800080"] { color: #99f !important; }
.commentpostername [style^="color:#800080"] { color: #99f !important; }
/*Mootykins gets to be special*/
.postername [style^="color:#F00000"] { color: #f0f !important; }
.postertrip [style^="color:#FF0000"] { color: #f0f !important; }
.commentpostername [style^="color: rgb(240, 0, 0)"] { color: #f0f !important; }
/*Clean up clutter than no one really needs to look at.*/
.rules {display: none !important;}
.logo img {display: none !important;}
#navtopr { display: none !important;}
/*A thing on the 404 and such page*/
.box-outer {background-color: #000 !important;}
#doc { }
/*Hide ads.*/
img[src*="http://static.4chan.org/support"]{ display:none !important; }
.bf {display:none !important;}
/* Some thread watcher stuff I stole from another stylesheet */
#twi_table_div {
border: 0 none !important;
opacity: 0.90 !important;
}
#twi_table_div > .postblock {
border-color: #000000!important;
color: #000000 !important;
border-width: 1px 1px 0 1px !important;
-moz-border-radius: 10px 10px 0 0 !important;
text-align: center !important;
}
#twi_table_div table .postblock {
-moz-border-radius: 0 !important;
background-color: #8e9fd9!important;
margin: 0 !important;
color: #000000 !important;
text-align: center !important;
}
#twi_table_div > #twi_table {
border-width: 0 1px 1px 1px !important;
-moz-border-radius: 0 0 10px 10px !important;
padding: 0 0 5px 0 !important;
opacity: 1.00 !important;
}
td blockquote {
padding: 0px !important;
margin-bottom: 3px !important;
margin-top: 3px !important;
line-height: 120% !important;
}
.spoiler:after {
content: "]";
color: #655
}
.spoiler:before {
content: "[";
color: #655
}
/*That [Return] box inside a thread at the top*/
span[style="left: 5px; position: absolute;"] {
display:none;
}
}