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

        --post-bg: #FFF !important;                

        --alt-bg: #36465D !important;     
        
        --nav: -moz-linear-gradient(#88b4ae, #7ca8a2) !important;   
        
        --main-text: #4D4747 !important;  
        
        --name: #4A4E58 !important;
        
        --time: #65A9D3 !important;
        
        --quotelink: #ACACAC !important;
            
        --backlink: #66A9D2 !important;
        
        --trip: #6B8A9E !important;
         
        --postnum: #A5A4A3 !important;
        
        --textalt: #FFF !important;
        
        --hover: #D46D6D !important;
        
        --highlight: #EEE !important;

    }   
  
    * {
  
    font-family:  Helvetica Neue,HelveticaNeue,Helvetica,Arial,sans-serif !important;
    
    font-size: 14px !important;
  
    outline: 0 !important;    
   
    text-decoration: none!important;
        
    }
    
    body {

    background: var(--alt-bg) !important;

    line-height: 20px; 

    }
    
     div.op {
         
         display: block; max-width: none;

    }
  
    .post.reply, .opContainer {
        
    background: var(--post-bg)  !important;
    
    width: 65%!important;
    
    border-radius: 3px!important;
   
    padding: 15px !important;
  
    margin-left: 16% !important;
    
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2)

    }    
    
    .post {
    
    border: 0px !important;

    padding: 10px;

    }

    div.postContainer {

    display: block !important; 
    
    width: 80% !important;
    
    margin: 20px auto 0 auto!important;
   
    }

    .postMessage {

    color: var(--main-text)!important;
    
    }
    
    .deadlink {
        
        color: var(--hover)!important;  
    
    }
    
    span.subject {

    color: var(--main-text)!important;
    
    }
    
    .reply:target, .reply.highlight {
  
    background: var(--highlight) !important;
  
    border: 0px !important;
  
    padding: 2px;
  
    }

    div.post div.postInfo span.nameBlock span.postertrip {

    
        font-weight: 600 !important;
 
        color: var(--trip)!important;
    
    }
    
    span.nameBlock::after {
        
        padding-left: 10px !important;
     
        content: "–" !important;
    
    }
        
    span.dateTime {
        
    opacity: 0 !important;    
        
    float: right !important;

    padding-left: 10px !important;
   
    color: var(--time) !important;
   
    }
    
    span.dateTime:hover {
        
        opacity: 1 !important;
        
    }
    
    .quotelink {
   
    color: var(--quotelink) !important;
    
    text-decoration: none !important;
    
    }
  
    span.quote {
    
    color: #A8C0AC !important;
    
    }
    
    div.teaser, .meta {
    
        color:  var(--textalt)!important;
    
    }

    .navLinks.mobilebtn a, .button, #settings.mobilebtn {
    
        color:  var(--textalt)!important;
    
    }
    
    .navLinks.mobilebtn, .button a{
    
        color:  transparent!important;
    
    }
  
    .navLinks.mobilebtn a:hover, .button:hover, .mobilebtn:hover {
    
        color:  var(--hover)!important;
    
    
    }
    span.postNum.desktop {
        
        padding-left: 10px !important;
   
    }

    span.name {

        font-size: 12px!important;
    
        color:  var(--name)!important;
 
    }
    
    .burichan_new .backlink a, .yotsuba_b_new .backlink a {
     
        color:  var(--backlink) !important;
    
        text-decoration: none !important;

    }
    
    span.postNum a {
        
        color: var(--postnum)!important;
    
        padding-top: 12px !important;
  
    }
    
   
    .fileText {

        opacity: 0 !important;

        max-height: 0px !important;

        transition: .4s ease-out !important;

    }
    
    .fileText {

        margin-top: 0px !important;

        margin-left: -3px !important;

        padding: 4px !important;

        max-width: 440px !important;

    }    
    
    .file:hover .fileText, .file.image-expanded .fileText {

        opacity: 1 !important;

        max-height: 22px !important;

    }   
    
    img.expanded-thumb{
     
        width: 100% !important;

    }
     
    div.navLinks.navLinksBot.desktop a, .thread-stats, div.navLinks.desktop a{
     
        color: var(--textalt)!important;
    
    }
    
    div.navLinks.navLinksBot.desktop, div.navLinks.desktop {
    
        color: transparent !important;
    
    }

    div.navLinks.navLinksBot.desktop {
      
        margin-bottom: 22px !important;
    
        margin-top: 27px !important;
    
    }
    
    div.navLinks.navLinksBot.desktop{
       
        padding-left: 30px !important;
        
        padding-right: 30px !important;
    
    }
    
    #boardNavDesktop {
    
        background: var(--nav)!important;
        
        box-shadow:2px 2px 7px rgba(0,0,0, .2) !important;
        
        margin-left: -5px!important;
        
        margin-right: -5px!important;
        
        margin-top: -5px!important;
        
        margin-bottom: 10px !important;
   
    } 
    
    #boardNavDesktop a {
    
        color: var(--textalt)!important;
        
        transition: color .3s ease-out;
        
        font-family: 'segoe ui'!important;
        
        font-size: 14px !important;
        
    }
    
    #boardNavDesktop a:hover {
    
        color: var(--hover)!important;
        
        transition: color .3s ease-out;
    
    }
    
    #threadWatcher {
 
        background: var(--post-bg) !important;
  
        color: var(--main-text)!important;
  
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2);
  
        border-radius: 3px !important;
        
        border: 0px !important;
        
        max-width: 200px;
        
        padding: 5px!important;
        
        padding-bottom: 10px!important;
  
    }

    #watchList li {
    
        color: var(--main-text)!important;
  
    }
  
    #watchList a {
    
        color: var(--main-text)!important;
    
        outline: 0 !important;
    
    }
  
    #watchList a:hover {
    
        color: var(--hover)!important;

        transition: color .5s ease-out !important;
    
    }
     
    #twHeader {
    
        color: transparent !important;
    
        height: 2px !important;

    }
  
    #watchList span.pointer {
       
        background: url(https://a.pomf.cat/vtvtza.png)!important;
        
        color: transparent!important;
        
        background-repeat: no-repeat!important;
    
    }

    #twPrune {
        
        opacity: 0 !important;
    
    }
    
    #twPrune:hover {
   
        opacity: 1 !important;
    
    }

    #quickReply textarea, #qf-box  {
      
        background: var(--post-bg) !important;
      
        color: var(--main-text)!important;
      
        border: 0px !important;
      
    }

    .extPanel{

        background: var(--nav) !important;
    
        color:  var(--textalt) !important;
    
        border: 0 !important;
        
        border-radius: 3px !important;
    
    }
    
    .postMenuBtn  {
   
       opacity: 0 !important;
  
    }
  
    .postMenuBtn:hover{

      opacity: 1 !important;
  
    }
    
    #quickReply input[type="text"]{
        
        color: var(--textalt) !important;
        
        background:  transparent !important;
        
        border: 0 !important;
       
    }

    #qrHeader  {
        
        color:transparent !important;
        
        background:  transparent !important;
        
        border: 0 !important;
        
    }
    

    .yotsuba_b_new #watchList li:first-child {
    
        border-top: 0 !important;
    
    }

    #togglePostFormLink {
        
        color: transparent!important;
        
        background-repeat: no-repeat!important;
    
        margin-bottom: -20px !important;
          
    }
    
     #togglePostFormLink a{
        
        color:  var(--textalt) !important;
    
    }
    
    img.bottomad, .bottomad > div, .bottomad a img, .ad-plea, .topad,.boardBanner, .middlead, .aboveMidAd, #absbot, #boardNavDesktopFoot, .stylechanger, hr, .deleteform, #blotter-msgs, #blotter-desktop, .globalMessage, .form, #toggleBlotter, #blotter, .yotsuba-b:root div.boardTitle, .sideArrows, select#order-ctrl,.middlead.center, .topad.center, .bottomad.center, .settings-cat-lbl img, input[value=delete]   {
 
        display: none !important;
        
}
    
    body > div.center, body > form > div.center { 
        
        display:none !important; 
    
    }

    .click-me { 
        
        display:none !important; 
    
    }

}