miria

@-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;

    }

}