/* 4chan - Midnight Caek */
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain(4chan.org) {

/* hides Captcha table row */

/* body background and text color */
html, body { background:none !important; background-color:rgb( 14, 27, 26 ) !important; color:rgb(195, 195, 195) !important; }
body { margin:2px !important; }

/* primary link color */
body a, .quoteLink, .quotelink, .replylink, .useremail, span.nameBlock .useremail, .burichan_new .backlink a, .yotsuba_b_new .backlink a
{ color:rgb( 178, 64, 64 ) !important; text-decoration:none !important; }

body a:hover, a.replylink:hover, a.replylink:not(:hover), div#absbot a:not(:hover), .useremail:hover, span.nameBlock .useremail:hover, .burichan_new .backlink a:hover, .yotsuba_b_new .backlink a:hover
{ color:rgb(195,195,195) !important; text-decoration:none !important; }

a.replylink:not(:hover), div#absbot a:not(:hover) { color:rgb(95, 95, 130) !important; }


hr { opacity:0 !important; }

div.backlink { font-size:13px !important; }

/* poster name */
.name, .post-author { color:rgb( 228, 205, 148 ) !important; font-weight: normal !important;}
a.useremail span { color:rgb(110, 110, 149) !important; text-decoration:none !important; }
a.useremail:hover span { color:rgb(95, 95, 130) !important; text-decoration:none !important; }
.useremail:not(:hover) .name, .useremail:not(:hover) .postertrip
{ color:rgb(110, 110, 149) !important; }

/* poster trip */
span.postertrip, .post-tripcode { color:rgb( 110, 118, 117 ) !important; font-weight:bold !important; }
div.post div.postInfo span.nameBlock span.postertrip { !important; }

.recaptchatable { border:0 !important; }

#doc #bd div[style="text-align:center;margin: 10px 0"] { display:none !important; }

#styleSwitcher { display:none !important; }

/* settings box */
#settingsBox, #theme.panel, #filters.panel, kbd {
    width:auto !important;
    overflow:hidden !important;
    background-color:rgb(26, 30, 33) !important;
    border-radius:3px 3px 3px 3px !important;
    border:0 !important;
}

#bannerCnt { border:0 !important; width:auto !important; height:auto !important; }

/* reply to a thread */
.post.reply:not(.preview) {
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
}
.post.reply {
    overflow:hidden !important;
    display:block !important;
    background-color:rgb( 40, 53, 52 ) !important;
    border-radius:0px 0px 0px 0px !important;
    border:0 !important;
    padding-right:0px !important;
    padding-left:7px !important;
    outline:0 !important
}
.post { color:rgb(195, 195, 195) !important; }
.replyContainer { width:99.1% !important; }

/* post form */
/* ===== **** THIS IS THE REAL WIDTH **** ===== */
///*table.postForm, #quickReply { width:55% !important; }

#togglePostFormLink { display:none !important; }
#postForm { display:table !important; }

/* this is the left column of the post form "Name"/"Email"/"Subject" */
///* table.postForm > tbody > tr > td:first-child {
   background-color:rgb(39, 43, 46) !important;
   color:rgb(205, 205, 205) !important;  font-weight: normal !important;
   border:0 !important;
   width:15% !important;
}

.qrWindow { width:55% !important; }
.qrForm form table { width:100% !important; }

/* #search-box { display:none !important; } */
#content .center { display:none !important; }

.c-thread img { border:0 !important; }

#boards .column { width:11em !important; }

.open-qr-wrap { display:none !important; }

/* the big input list */
#ft li,
#ft ul,
#options input:not([type='checkbox']):not([type='radio']),
#updater input:not([type='checkbox']):not([type='radio']),
.box-outer,
.boxbar,
.deletebuttons input[value=Delete],
.recaptcha_image_cell > center > #recaptcha_image,
[name='recaptcha_response_field'],
.top-box,
h2,
input:not([type="checkbox"]):not([type='radio']),
input:not([type='radio']),
input[type='file'] > input[type='button'],
input[type='submit'],
select,
#settings select,
textarea,
.button-group button
 {
   -webkit-appearance: none;
   -moz-appearance: none;
   background-color:rgb( 40, 53, 52 ) !important;
   color:rgb(205, 205, 205) !important;
   outline:none !important;
   border-width:0 !important;
}
.boxcontent input,
.boxcontent input:not([type='checkbox']):not([type='radio']),
.boxcontent input:not([type='radio']),
.boxcontent textarea,
.boxcontent button,
#filter-list select {
   -webkit-appearance: none;
   -moz-appearance: none;
   background-color:rgb(30, 30, 30) !important;
   color:rgb(205, 205, 205) !important;
   outline:none !important;
   border-width:0 !important;
}

input[type="checkbox"] { -moz-appearance:checkbox !important; -webkit-appearance:checkbox !important; }
#settingsMenu button { -moz-appearance:button !important; -webkit-appearance:button !important; }

/* make everything the same width */
input[name="name"], input[name="email"], textarea[name="com"]
{ width:90% !important; }
input[name="sub"]
{ width:70% !important; }
input[type="submit"] { width:19% !important; }
ul.rules { display:none !important; }

body:not(.is_index):not(.is_catalog) input[name="email"] { width:70% !important; }
body:not(.is_index):not(.is_catalog) input[name="sub"] { width:90% !important; }

#qrForm input[name="email"] { width:90% !important; }

/* resize the email field for /b/ */
form[action="https://sys.4chan.org/b/post"] input[name="email"],
form[action="https://sys.4chan.org/soc/post"] input[name="email"]
{ width:70% !important; }
form[action="https://sys.4chan.org/b/post"] input[type="submit"],
form[action="https://sys.4chan.org/soc/post"] input[type="submit"]
{ width:19% !important; }

/* quick reply */
.qrWindow { border:0 !important; background-color:rgb(28, 28, 28) !important; }
.qrHeader, .qrMessage { background:none !important; border:0 !important; color:rgb(195, 195, 195) !important; }
#recaptcha_logo, #recaptcha_tagline { display:none !important; }

#blotter { display:none !important; }

input[type="text"]:focus, input[type="password"]:focus, input:focus:not([type]), textarea:focus
{ border:0 !important; }

/* new quick reply */
#quickReply { width:60% !important; }
#quickReply form .postForm { width:100% !important; padding-left:15px !important; padding-bottom:5px !important; }
#qrHeader, #qrepHeader, div.postHover { background-color:rgb(25, 25, 25) !important; color:rgb(195, 195, 195) !important; border:none !important; }

/* pwease disable your adbwocker */
body > div.center, body > form > div.center { display:none !important; }
.click-me { display:none !important; }

/* remove the "Spoiler Image?" check */
.postForm td label { display:none !important; }
/* little brackets next to submit button */
.postForm td span.desktop { opacity:0 !important; }

.postarea td small, .postarea td.rules { color:#aaa !important; }
.postarea form td:not(.postblock):not(.rules) { color:rgba(0,0,0,0) !important; }

td[style="padding: 10px 7px 7px 7px;"] { background:none !important; }
td[style="padding: 18px 7px 18px 7px;"], td[style="padding: 4px 7px 12px 7px;"] { display:none !important; }

.postarea form[name^='post'] {
  top: auto;
  left: auto;
  bottom: -4px;
  margin: 0 !important;
  z-index: 5;
}

span.filter-preview { display:none !important; }

/* post number */
.postNum a, .ws .postNum a { color:rgb( 110, 118, 117 ) !important; }
.postNum a:hover, div.post div.postInfo span.postNum a:hover, .posteruid .hand:hover, .ws .postNum a:hover
{ color:rgb(195,195,195) !important; }

.capcode.id_mod:hover { color:rgb(128, 0, 128) !important }

/* [Reply] link */
a.replylink { color:rgb(195, 195, 195) !important; }
a.replylink:hover { color:rgb(195,195,195) !important; }
hr { border-color:#000 !important; }

/* subject */
.subject, .post-subject { color:rgb(170, 170, 170) !important; font-weight: normal !important;}

/* "Comment is too long" etc */
.abbr, .sideArrows { color:rgb(100, 100, 100) !important; }

/* file name and size */
.fileText { color:rgb(195, 195, 195) !important; }

/* "Posting mode: Reply" */
.postingMode { background:none !important; }

/* board title */
.boardTitle, .boardSubtitle { color:rgb(205, 205, 205) !important; }

/* Admin capcode */
span.capcodeAdmin * { color:#f00 !important; }

/* mod capcode */
span.capcodeMod * { color:#808 !important; }

.pages strong { color:rgb(205, 205, 205) !important; }
.pagelist strong a { color:rgb(205, 205, 205) !important; }

/* remove style switcher */
.stylechanger { display:none !important; }

/* FINALLY FIX THE DELETE FORM */
.bottomCtrl { width:100% !important; }
.deleteform { display:none !important; }
input[value="Report"] { display:none !important; }
input[value="delete"] { display:none !important; }

.postMenuBtn { display:none !important; }

/* pages box */
.pagelist, table.pages {
   background:none !important;
   background-color:rgb( 40, 53, 52 ) !important;
   color:rgb(80, 80, 80) !important;
   border:0 !important;
   border-radius:0px 0px 0px 0px !important;
}
td[align="left"] table.pages { width:70% !important; }
table.pages input[type="submit"] { width:70% !important; }
table.pages td { color:rgb(80, 80, 80) !important; }

.next form input, .prev form input { width:75px !important; }
#boardNavDesktopFoot, #boardNavDesktop, #absbot { color:rgb(195, 195, 195) !important; }
#boardNavDesktopFoot, #boardNavDesktop { font-size:13px !important; }

/* home page */
#announce { display:none !important; }
.menubutton { background:none !important; }
#recent-images li { background:none !important; }
li.current a { color:rgb(205, 205, 205) !important; }

#preview-tooltip-ws { display:none !important; }

/* center all the boxes */
.yui-u.first, .yui-u { border:none !important; width:100% !important; }

/* front page logo */
#logo { background:url('http://i.imgur.com/0luTi.png') no-repeat center !important; }

/* code tags on /g/ */
.prettyprint { background:none !important; }
.prettyprint span { color:rgb(195, 195, 195) !important; }

/* disclaimer box */
#disclaimer-dialog { background-color:rgb(35,35,35) !important; }
.yui-icon.warnicon, .container-close { display:none !important; }
#disclaimer-dialog .hd { background-color:rgb(35,35,35) !important; }
/* ======================================================= */

/* news page */
.content h3, h3 {
   font-size:120% !important;
   background:none !important;
   color:rgb(195, 195, 195) !important;
   border:0 !important;
}

.content { color:rgb(195, 195, 195) !important; }

/* why isn't this in it yet */
.boxcontent, .boxcontent ul, .boxcontent dl dt { color:rgb(195, 195, 195) !important; }
.boxcontent dd { border:none !important; padding-bottom:5px !important; }
.boxcontent { font-size:13px !important; }
span[style="color:#000080"] { color:rgb(195, 195, 195) !important; }
.boxbar h2 a, .boxbar h2 a:hover { color:rgb(195, 195, 195) !important; }
.boxcontent h3 a, .boxcontent h3 a:hover { color:rgb(195, 195, 195) !important; }

.post.op { display:block !important; }
.sideArrows { display:none !important; }
h3[style="text-decoration: underline; display: inline;"] { text-decoration:none !important; }

/* the new Settings panel */
/* "Click Me!" */
#first-run { background:none !important; color:rgb(195,195,195) !important; border:none !important; }

/* Thread Watcher */
.threadWatcher, #twHeader, .extPanel.reply { background-color:rgb( 14, 27, 26 ) !important; color:rgb(195, 195, 195) !important; border:none !important; font-weight: normal !important; width: 200px !important;}

/* Settings box */
div.panelHeader { border:none !important; }

/* the post that appears when hovering over a quote link - this was impossible to style */
#quote-preview:not(.ws) { background:none !important; background-color:rgb(39, 39, 39) !important; color:rgb(195, 195, 195) !important; border:0 !important; outline:none !important; width:75% !important; overflow:hidden !important; box-shadow:0px 0px 0px 0px rgba(0,0,0,0.9) !important; }

#post-preview { background:none !important; background-color:rgb(119, 107, 83) !important; color:rgb(195,195,195) !important; border:0 !important; outline:none !important; box-shadow:2px 2px 2px 2px rgba(0,0,0,0.9) !important; border-radius:3px 3px 3px 3px !important; }

.post.reply.ws { width:auto !important; }

.preview.highlight { background:none !important; background-color:rgb(119, 107, 83) !important; border:0 !important; outline:none !important; overflow:hidden !important; }

/* all this "4chan pass" nonsense */
.passNotice { display:none !important; }
tr td .desktop { display:none !important; }

#captchaFormPart td { height:auto !important; }

/* fixes for /rs/ */
table td.postblock {
   background-color:rgb(40, 40, 40) !important;
   color:rgb(205, 205, 205) !important;
   outline:none !important;
   border-width:0 !important;
}
#header, #navbot, #navbotr { font-size:13px !important; color:rgb(195, 195, 195) !important; }
.logo { color:rgb(195, 195, 195) !important; }

/* fix for /f/ */
table.flashListing tr:nth-of-type(2n+1), .highlightPost {
   background:none !important;
}

div.closed { display:none !important; }

/* for the catalog page */
.btn-wrap .button { color:rgb(0,0,0) !important; text-decoration:none !important; }
.btn-wrap .button:hover { color:rgb(95, 95, 130) !important; text-decoration:none !important; }
.cataloglink { border:none !important; }

/* new deadlink style */
.deadlink, span.quote { color:rgb(120, 153, 34) !important; }

#logo-fp img { display:none !important; }

.shown { color:rgb(195, 195, 195) !important; }
.hand:hover { color:rgb(195, 195, 195) !important; }

hr { background-color:rgb(0,0,0) !important; }
#ft ul { height:12px !important; border-top:2px solid rgb(40, 40, 40) !important; }

/* make red text white */
p[style="font-size: large; color: red; text-align: center;"],
span[style="font-size: 14pt; color: red; font-weight: bold;"]
{ color:rgb(195, 195, 195) !important; }

/* hopefully fix the border around the logo */
div.boardBanner > img { border:1px solid rgb(195, 195, 195) !important; }

/* the ad spaces are popping up again for me */
.middlead.center, .topad.center, .bottomad.center { display:none !important; }

/* May update: remove hidden reply stubs */
.thread.post-hidden .replyContainer { display:none !important; }

.pages.depagelink { display:none !important; }
#errmsg { color:rgb(195, 195, 195) !important; }

.exif td { color:rgb(195, 195, 195) !important; }

/* a fix for /rs/ */
.postarea[align="center"] table[border="0"] { width:50% !important; }
.postarea[align="center"] table[border="0"] form { text-align:center !important; }
.postarea[align="center"] table[border="0"] form table { width:100% !important; }
/* red can go fuck itself */
span[style="color: red;"] { color:rgb(80, 80, 80) !important; }
span[style="color: rgb(204,87,17);"] { color:rgb(195, 195, 195) !important; }
img[alt="4chan"] { margin-top:15px !important; border:1px solid rgb(195, 195, 195) !important; }

/* finally fix the menus on the front page */
.yui-skin-sam .yuimenu .bd { background-color:rgb(50,50,50) !important; }
.yuimenuitemlabel, .yuimenuitemlabel:hover { color:rgb(230,230,230) !important; }
.yuimenuitem:hover { background-color:rgb(30,30,30) !important; }

/* post highlight color change */
.reply:target, .reply.highlight {
   background-color:rgb(39, 39, 39) !important;
   color:rgb(225, 225, 225) !important;
}
.reply:target span.name, .reply.highlight span.name { color:rgb(132, 52, 52) !important; }

.reply:target a.useremail span, .reply.highlight a.useremail span
{ color:rgb(195, 195, 195) !important; text-decoration:none !important; }
.reply:target a.useremail:hover span, .reply.highlight a.useremail:hover span
{ color:rgb(95, 95, 130) !important; text-decoration:none !important; }

.reply:target .postNum a, .reply.highlight .postNum a { color:rgb(225,225,225) !important; }
.reply:target .postNum a:hover, .reply.highlight .postNum a:hover { color:rgb(250,250,250) !important; }

.reply:target span.postertrip, .reply.highlight span.postertrip { color:rgb(65, 120, 89) !important; font-weight:bold !important; }

.ad-plea { display:none !important; }

}

/* let's make the text boards look pretty */
/* these rules are for the YOTSUBA text boards style
   and these rules affect only the dis.4chan.org domain */
@-moz-document domain(dis.4chan.org) {

body { font-family:arial,helvetica,sans-serif !important; }

.head { background:none !important; border:0 !important; }
.headtext h1 { color:rgb(195,195,195) !important; }

.threadnavlinks a:before { content:"[" !important; }
.threadnavlinks a:after { content:"]" !important; }

.threadldiv, .thread, .midhead, .newthread { background:none !important; }

h1 { background:none !important; border:0 !important; }
h2 { background:none !important; }
.post {
    background-color:rgb(26, 30, 33) !important;
    border-radius:3px 3px 3px 3px !important;
    border:0 !important;
    padding-bottom:2px !important;

    margin-top:5px !important;
    margin-bottom:5px !important;
}
.post blockquote { margin-top:30px !important; margin-bottom:5px !important; }

div.post blockquote.postMessage, .postMessage, .post blockquote { margin-left:6px !important; margin-right:6px !important; width:98% !important; }

#threadlist { display:none !important; }

p.hidden { color:rgb(80,80,80) !important; }

/* the post form */
form[action="post"] table.postform {
    width:auto !important;
    padding-left:17% !important;
    padding-right:17% !important;
}
form[action="post"] { text-align:left !important; }
.postform { margin-left:10% !important; }
.postform td textarea { resize:none !important; width:100% !important; }
.postform td[colspan="4"] { width:100% !important; }
.postfieldleft { display:none !important; }
.postform tr { text-align:left !important; }
.postform td { width:auto !important; }
.postform input.submit { margin-right:215px !important; }
td[colspan="4"] a:before { content:"[" !important; }
td[colspan="4"] a:after { content:"]" !important; }

body.read .post, body.read .post form, .newthread form { width:97% !important; margin-left:30px !important; }
.post, .post form, .newthread form { width:100% !important; margin-left:5px !important; }

h3 span.postnum a { font-size:17px !important; color:rgb(195,195,195) !important; }

span.postername { color:rgb(163, 96, 89) !important; font-weight:bold !important; }

h3 { text-align:left !important; }
h3 .postinfo { font-size:16px !important; padding-left:7px !important; }

}