4chan CSS

@media (orientation: portrait)
  {
    /*NSFW*/
    @-moz-document regexp("(https|http)\:\/\/boards\.4chan\.org\/(?=ic|wg|r9k|pol|soc|s4s|hc|hm|hr|gif|aco|[fibsheudytr]\/).*")
      {
        :root
          {
            --thread-bg: #110B16 !important;
            --high-txt: #F6A268 !important;
            --normie-txt: #B45349 !important;
            --link-txt: #D87557 !important;
            --optional-txt: #6B2D3C !important;
            --optional2-txt: #4B2D43 !important;
          }

        body
          {
            background-image: url("https://i.imgur.com/5w0JH3S.png");
          }
      }

    /*SFW*/
    @-moz-document regexp("(https|http)\:\/\/boards\.4chan\.org\/(?!ic|wg|r9k|pol|soc|s4s|hc|hm|hr|gif|aco|[fibsheudytr]\/).*")
      {
        :root
          {
            --thread-bg: #151418 !important;
            --high-txt: #DEDDDB !important;
            --normie-txt: #78716B !important;
            --link-txt: #A59E9D !important;
            --optional-txt: #4E4943 !important;
            --optional2-txt: #625C55 !important;
         }

        body
          {
            background-image: url("https://i.imgur.com/6iOA4wY.jpg");
          }
      }

    @-moz-document domain("4chan.org")
      {
        body
          {
            background-attachment: fixed;
          }

        /*General Posting*/
        div.post
           {
             background-color: var(--thread-bg);
             width: 100%;
             box-shadow: 3px 3px 4px 1px var(--optional-txt);
             margin: 1% 0px;
             color: var(--normie-txt) !important;
           }

        div.post, div.inline, #qp, .dialog { border: 0px !important; }
        div.qphl { outline: 1px dashed var(--high-txt) !important;}
        .postMessage { margin: 2% !important; }
        div.thread
          {
            width: 85%;
            margin: 0% 7.5% 0% 7.5%;
            background-color: transparent !important;
          }

        .quote, a:hover,
        .postInfo.desktop > span.postNum.desktop > a:hover,
        .postInfo.desktop > span.postNum.desktop > span > a:hover
          {
            color: var(--high-txt) !important;
          }
        .postInfo.desktop > span.postNum.desktop > span { color: var(--high-txt) !important; }

        .quotelink, a, a.replylink:not(:hover) /*.backlink, span.postNum a*/ { color: var(--link-txt) !important; }
        .subject { color: var(--optional-txt) !important; }
        span.name, span.postertrip { color: var(--optional2-txt) !important; }
        span.postertrip { font-style: oblique !important; }

        /*OP*/
        div.op { overflow-y: hidden !important; margin-top: 2% !important; }
        .post.op { padding-bottom: 18px; }
        .summary, .abbr { position: absolute; color: var(--normie-txt) !important; }
        .summary{ margin: -28px 0px 0px 6px !important; }
        .fileText { margin: 0px 0px 0px 6px !important; }
        div.post.op > .file > div.fileText { margin-top: 2px !important; }
        .abbr { margin: 1.5% 0px 0px 53.6% !important; }

        /*General Details*/
        div.sideArrows { display: none !important; }
        hr { display: none; }
        #ctrl-top, .navLinks {text-align: center; margin: 1%; }
        #search-box, #bannerCnt { border: none !important; }
        td { color: var(--normie-txt) !important;}
        #globalMessage, #blotter
          {
            color: var(--high-txt) !important;
            background-color: var(--thread-bg) !important;
          }
        #globalMessage
          {
            width: 47.1% !important;
            margin: 0% 26.5% 0% 26.5% !important;
          }


        .deleteform,
        .stylechanger,
        .absBotDisclaimer,
        div#absbot a:not(:hover)
          {
            color: var(--thread-bg) !important;
          }

        .pagelist
          {
            background-color: transparent !important;
            border: none !important;
            color: var(--thread-bg) !important;
            margin-left: 40% !important;
          }

        div.pagelist > div
          {
            float: none !important;
            text-align: center !important;
          }

        .pages { border: none !important; }

        div.pagelist div.pages a,
        .navLinksBot a
          { color: var(--optional-txt) !important; }

        div.pagelist div.pages a:hover { color: var(--thread-bg) !important; }
        div.navLinks { color: var(--optional2-txt) !important; }
        form.pageSwitcherForm > input
          {
            border-color: var(--thread-bg) !important;
            border-radius: 3px !important;
            color: var(--optional-txt) !important;
          }

        .cataloglink
          {
            margin: 1% 0% 0% 24% !important;
            padding-left: 0px !important;
            border: 1px solid var(--thread-bg) !important;
            border-radius: 3px !important;
            width: 50%;
          }

        /*Borrar post*/
        .bottomCtrl { margin-right: 36% !important; }
        .stylechanger { display: none !important; }

        .dialog, .thread
          {
             background-color: var(--thread-bg) !important;
             color: var(--normie-txt) !important;
          }

        .suboption-list > div { background-color: var(--thread-bg) !important; }
        #info { width: 25% !important; }
        #fourchanx-settings fieldset, textarea.field { border: 1px solid var(--link-txt) !important; }
        #threads > .thread
          {
            background-color: var(--thread-bg) !important;
            margin-bottom: 1% !important;
            box-shadow: 3px 3px 5px 2px var(--optional-txt) !important;
          }

        /*Quick Reply*/
        .qr-link-container-bottom
          {
            width: unset !important;
            position: unset !important;
            left: unset !important;
            margin-left: 0px !important;
          }

        a.qr-link,
        input#qr-file-button,
        #qr-filename-container,
        input
          {
            background: var(--thread-bg) !important;
            border: 1px solid var(--link-txt) !important;
          }

        #qr.dialog,
        input.field,
        input.field::-moz-placeholder,
        textarea.field,
        textarea.field::-moz-placeholder,
        #qr-filename-container
          {
            background-color: var(--thread-bg) !important;
            color: var(--normie-txt) !important;
          }

        input.field,
        textarea.field
          {
            border: none !important;
          }

        input#qr-file-button,
        input,
        #qr-no-file
          {
            color: var(--normie-txt) !important;
          }
      }
}