New 4chan CSS

@import url('https://fonts.googleapis.com/css?family=Oswald:300');
@media (orientation: portrait)
  {
    /*NSFW*/
    @-moz-document regexp("(https|http)\:\/\/boards\.4chan\.org\/(?=ic|wg|r9k|pol|soc|s4s|hc|hm|hr|gif|aco|trash|[fibsheudytr]\/).*")
      {
        :root
          {
            --bg: #040202 !important;
            --green: #DFDABF !important;
            --normal: #BDB596 !important;
            --link: #9A8E78 !important;
            --bg-button: #362F2B !important;
            --subject: #624F44 !important;
            --name: #70655A !important;
          }

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

    /*SFW*/
    @-moz-document regexp("(https|http)\:\/\/boards\.4chan\.org\/(?!ic|wg|r9k|pol|soc|s4s|hc|hm|hr|gif|aco|trash|[fibsheudytr]\/).*")
      {
        :root
          {
            --bg: #221516 !important;
            --green: #B8BC97 !important;
            --normal: #4B6964 !important;
            --link: #2F4544 !important;
            --bg-button: #1D3049 !important;
            --subject: #386095 !important;
            --name: #799594 !important;
         }

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

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

    /*===============================================Global Fixes============================================*/

    body
      {
        font-family: "Oswald" !important;
        font-size: 15px !important;
        background-size: 1080px 1920px;
        background-attachment: fixed;
        color: var(--normal) !important;
      }

    a, #fourchanx-settings label { text-decoration: none !important; }

    input
      {
        font-family: "Oswald" !important;
        border: 0px !important;
        outline: none !important;
        border-radius: 0px !important;
      }

    hr,
    .sideArrows,
    #absbot,
    .stylechanger
      { display: none; }

    .board > .thread,
    .post
      {
        width: 100% !important;
        overflow: hidden !important;
      }

    .board,
    #ctrl-top
      {
        width: 85% !important;
        margin-left: 7.5% !important;
      }

    .post,
    .dialog,
    .suboption-list > *,
    .focused
      { background-color: var(--bg) !important; }

    .post, .dialog
      {
        border-top: none !important;
        border-right: none !important;
        border-bottom: none !important;
        border-left: none;
        padding: 0px !important;
      }

    .quote,
    a:hover,
    label:hover,
    div.post div.postInfo span.postNum a:hover
      { color: var(--green) !important; }

    a,
    .quotelink,
    label,
    .has-submenu,
    a.replylink:not(:hover),
    .pagelist .pages
      { color: var(--link) !important; }

    .subject { color: var(--subject) !important; }
    .name,
    .postertrip
      { color: var(--name) !important; }

    .postertrip { font-style: italic !important; margin-right: 5px !important;}

    .inline
      {
        background-color: inherit !important;
        border-color: var(--normal) !important;
        width: calc(100% - 2px) !important;
      }

    .reply:target,
    .reply.highlight
      {
        background-color: var(--bg-button) !important;
        border: none !important;
      }

    .deleteform { display: none !important; }

    /*===============================================Index Fixes============================================*/

    a.qr-link
      {
        background: none !important;
        background-color: var(--bg-button) !important;
        border: none !important;
        padding-top: 5px !important;
      }

    #togglePostFormLink { display: none !important; }

    tfoot { text-align: center !important; }

    tfoot tr td,
    #globalMessage
      { font-size: 15px !important; }

    #ctrl-top { text-align: center !important; margin-top: 2px !important;}

    #ctrl-top input
      {
        margin: 0% 40% !important;
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
        font-size: 14px !important;
        text-align: center !important;
        padding: 3px 0px !important;
      }

    #ctrl-top input:focus { border: none !important; }

    #ctrl-top a { margin-left: 0% !important; }

    .thread { margin-top: 5px !important; }

    .pagelist
      {
        margin-left: 33% !important;
        padding: 0px !important;
        border: none !important;
        background-color: transparent !important;
      }

    .pagelist * { font-size: 15px !important; }

    .pagelist .cataloglink
      {
        border: none !important;
        padding-left: 0px !important;
      }

    .pagelist input
      {
        margin-top: 3px !important;
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
      }

    .pagelist span { color: var(--normal) !important; }

    .bottomCtrl { margin: 0px 75px 0px 0px !important; }

    #custom-board-list, #full-board-list { color: var(--normal) !important; }

    .menu-button { color: var(--normal) !important; }

    div.boardTitle { font-family: "Oswald" !important; }

    /*===============================================OP Fixes============================================*/

    .post.op { padding-bottom: 3% !important; }

    .summary, .abbr { color: var(--normal) !important; }

    .summary
      {
        position: absolute !important;
        margin: -3% 0% 0% 1% !important;
      }

    .abbr
      {
        float: right !important;
        margin: 2.8% -1.255% -2.8% 0% !important;
      }

    /*===============================================QR Fixes============================================*/

    .move select { display: none !important; }

    #qr form input,
    #qr form input::-moz-placeholder,
    #qr form .textarea textarea,
    #qr form .textarea textarea::-moz-placeholder,
    #qr-filename-container,
    #qr form .textarea textarea,
    #qr-no-file
      {
        font-family: "Oswald" !important;
        color: var(--normal) !important;
      }

    #qr form input { background-color: var(--bg-button) !important; }
    #qr form input::-moz-placeholder,
    #qr form .textarea textarea,
    #qr form .textarea textarea::-moz-placeholder,
    #qr-filename-container
      { background-color: var(--bg) !important; }

    #qr form .textarea textarea { border: none !important; }

    .captcha-input { margin: 0px !important; }

    input:focus:not([type]) { border: none !important; }

    #file-n-submit {margin-top: 0px !important; }

    #file-n-submit > input
      {
        background: none !important;
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
        margin: 0px !important;
      }

    /*===============================================Thread Fixes============================================*/

    .navLinks { text-align: center !important; }

    .brackets-wrap.qr-link-container-bottom {display: none !important; }

    #shortcut-updater, #shortcut-stats { color: var(--normal) !important; }

    /*===============================================Post Fixes============================================*/

    .postInfo input { display: none !important; }

    .postMessage
      {
        margin-right: 20px !important;
        margin-left: 20px !important;
      }

    .post.op > .file,
    .nameBlock
      {
        margin-left: 4px !important;
        margin-top: 2px !important;
      }

    /*===============================================Catalog Fixes============================================*/

    span.button {color: var(--link) !important;}

    span.button:hover {color: var(--green) !important;}

    #settings select
      {
        font-family: "Oswald" !important;
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
        border: 0px !important;
        border-radius: 0px !important;
      }

    #threads { padding: 0px !important; }

    #threads.extended-small .thread
      {
        width: 180px;
        min-height: 215px !important;
        background-color: var(--bg) !important;
        max-height: 215px !important;
        margin: 5px !important;
      }

    #threads.extended-small .thread a img { margin-top: 5px !important; }

    #threads.extended-small .thread .postMenuBtn { margin-top: -2px !important; }

    #post-menu ul { border: none !important; }

    #post-menu li
      {
        background-color: var(--bg) !important;
        color: var(--link) !important;
        border: none !important;
        font-size: 14px !important;
      }

    #post-menu li:hover { color: var(--green) !important; }

    #threads.extended-small .thread .meta { line-height: 10px !important; }

    #content #ctrl #info,
    #content #ctrl #settings
      { margin-top: 1% !important;}

    #content #ctrl #info { margin-left: 41.25% !important; }

    .navLinks.navLinksBottom.mobilebtn { margin-left: 42.25% !important; }

    #content #ctrl #settings { margin: 1% 0% 0% 27.5% !important; float: left !important; }

    #content #styleSwitcher,
    #content #ctrl #settings span:nth-child(4)
      { display: none !important; }

    #qf-box
      {
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
        font-size: 14px !important;
        text-align: center !important;
      }

    #qf-box:focus {border: none !important; }

    /*===============================================4chanX Fixes============================================*/

    fieldset { border-color: var(--normal) !important; border-radius: 0px !important; }

    #fourchanx-settings code
      {
        background-color: var(--bg) !important;
        color: var(--normal) !important;
      }

    #fourchanx-settings select,
    #fourchanx-settings button
      {
        font-family: "Oswald" !important;
        outline: none !important;
        border-radius: 0px !important;
      }

    #fourchanx-settings select,
    #fourchanx-settings textarea,
    #fourchanx-settings button,
    #fourchanx-settings input
      {
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
        border: 0px !important;
      }

   #fourchanx-settings kbd
      {
        background-color: var(--bg-button) !important;
        color: var(--normal) !important;
        border: 1px solid var(--bg-button) !important;
        border-radius: 3px 3px 3px 3px !important;
        box-shadow: 0 1px 0 var(--bg-button), 0 0 0 2px var(--bg-button) inset !important;
      }

    /*===============================================Specific Fixes============================================*/

    .qr-link { border-radius: 0px !important; }

    .qphl
      {
        outline: 3px dotted var(--normal) !important;
        margin-left: 4px !important;
        width: calc( 100% - 7px ) !important;
      }

    /*Used to make the hover has no effect on post*/

    .qphl > .postInfo,
    .qphl > .file,
    .qphl > .postMessage
      {
        position: relative !important;
        left: -4px !important;
      }

    .yourPost > .reply,
    .quotesYou > .reply,
    .yourPost,
    .quotesYou
      { border-left-color: var(--green) !important; }

    .quotelink.forwardlink, .backlink.forwardlink { color: var(--green) !important; }

    .boardTitle { color: var(--normal) !important; }

    #bannerCnt { border: none !important; }
  }