@namespace url(http://www.w3.org/1999/xhtml);

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



/*------------------------------------------------------*/

/*You can thank Moko for this
 *declare as many colors as you want, there is no limit
 *use like this - "background-color: var(--body-text);"
 */

/*declare your colors as variables in ":root"
 *where r = red, g = green, b = blue, a = opacity in this order
 *use easy to remember variable names
 *don't forget your syntax
 */

/*example*/

:root{
  --back-bg: rgba(16,19,39,1) !important;
  --reply-bg: rgba(222,207,185,1) !important;
  --thread-bg: rgba(192, 192, 192, 1) !important;
  --shad-txt: rgba(0,0,0,0.35) !important;
  --high-txt: rgba(219,75,96,1) !important;
  --content-txt: rgba(55,28,0,1) !important;
}



/*------------------------------------------------------*/

/*front page of 4chan*/
div#popular-threads.box-outer.top-box,
div#boards.box-outer.top-box,
div#site-stats.box-outer.top-box{

}

/*main background*/
body, html{

}

/*when hovering over replies
 *this is the preview box*/
#quote-preview{

}

/*opening post*/
div.postContainer.opContainer{

}

/*replies*/
div.thread div.reply{

}

/*quick reply box, captcha and user interface*/
#quickReply textarea,
div#qrHeader.drag.postblock,  
input#qrFile,
#quickReply input[type="submit"],
.postblock,
#quickReply input[type="text"],
#quickReply textarea,
#quickReply #recaptcha_response_field,
.extPanel input[type="text"], .extPanel textarea,
#qrCaptchaContainer,
#qrCaptchaContainer > div > div{

}

/*"Browse - no file selected" box*/
input#qrFile{

}

/*MOOT
 *try messing with this then
 *look at catalog and then at a thread*/
.thread{

}

/*[code]install gentoo appearance[/code]*/
.prettyprint{

}

/*image thumbnails in replies*/
div.post div.file .fileThumb img{

}

/*expanded view*/
.expandedWebm,
.expanded-thumb{

}

/*youtube box*/
div.media-embed iframe{

}

/*404*/
.boxcontent,
.boxbar{

}

/*------------------------------------------------------*/

/*catalog, when you hover over an image
 *this is the box and its contents*/
#post-preview,
.post-author,
.post-subject,
.post-tripcode,
.post-teaser,
.post-page:before,
.post-page,
.post-page:after,
.post-last{

}

/*affects thread appearance in catalog*/
.extended-small .teaser,
.extended-large .teaser{

}

/*the text preview in catalog*/
div.teaser{

}

/*contains the box, reply stats and image stats*/
.meta,
.meta b{

}

/*catalog thumbnail*/
.thumb{

}

/*filter box in catalog*/
div#filters.panel{

}

/*------------------------------------------------------*/

/*DEATH TO BOMBASTIC ADVERTISING*/
img.bottomad,
div#absbot,
.center,
div.center.middlead,
strong,
img#toggleMsgBtn,
img.middlead,
.click-me{
  display: none !important;
}

/*------------------------------------------------------*/

/*annoyed by trip-codes, then use this*/
span.postertrip{

}

/*------------------------------------------------------*/

/*for the rest in firefox right click
 *go to "inspect element"
 *click right-hand arrow box icon "pick an element"
 *hover over what you want to change in page
 *copy the name
 */



}