@-moz-document domain("boards.4chan.org") {
    /* Relative to the general appearance of 4chan. */
    body {
        background: #212629 !important;
        font-family: 'Open Sans', sans-serif !important;
        color: #4f4f4f !important;
        margin: auto !important;
        font-size: 13px !important;
    }
    hr {
        padding-top: 5px !important;
        border: 0 !important;
    }

    /* Links */
    a {
        color: #b8baba !important;
    }

    /* Foreground of the header bar */
    #board-list,
    #custom-board-list {
        color: #4f4f4f !important;
        font-family: 'Open Sans', sans-serif !important;
    }
    #header-bar a {
        color: #4f4f4f !important;
    }

    /* Background of the header bar */
    #header-bar.dialog {
        background: #0d151d !important;
        border: 0 !important;
    }

    /* Color of the selected board on the header bar. */
    #header-bar a.current {
        color: #4f4f4f !important;
    }

    /* Appearance of the menus. */
    #menu.dialog,
    .entry {
        background: #212629 !important;
        border: 0 !important;
        color: #4f4f4f !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.750rem !important;
    }

    /* Catalog search and page links, This is not ready. */
    div.navLinks,
    div.pagelist {
        background: transparent !important;
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.750rem !important;
        border: 0 !important;
        display: inline-block !important;
        margin-bottom: 0 !important;
    }

    /* Appearance of the thread updater and thread stats. */
    #index-search.field,
    #updater.dialog,
    #thread-stats.dialog {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.750rem !important;
        background: transparent !important;
        color: #b8baba !important;
        border-style: none !important;
    }

    /* Thread updater menu */
    #index-search.field:hover,
    #updater.dialog:hover {
        background: #0d151d !important;
        color: #b8baba !important;
    }

    /* Clean up. */
    .bottomCtrl.desktop,
    #absbot.absBotText,
    .navLinks.desktop,
    .navLinks.navLinksBot.desktop {
        display: none !important;
    }

    /* Hide ads? */
    div.center,
    div.topad.center,
    div.middlead.center,
    div.bottomad.center,
    div.ad-plea {
        display: none !important;
    }

    /* Display board banner? */
    .boardBanner {
        display: none !important;
    }

    /* Relative to posts. */
    .post.reply {
        font-family: 'Open Sans', sans-serif !important;
        font-size: 13px !important;
        background: #212629 !important;
        color: #b8baba !important;
        width: 100% !important;
        border: 0 !important;
        padding: 6px !important;
        box-shadow: #212629 0 0 2px !important;
    }

    /* Relative to the thread */
    .thread {
        margin-top: -10px !important;
        margin-right: 30px !important;
        margin-left: 15px !important;
    }
    div.postContainer.opContainer {
        display: inline-block !important;
        width: 100% !important;
        margin: auto !important;
    }
    .inline {
        padding-left: 15px !important;
        padding-right: 15px !important;
        border: 0 !important;
    }
    .inline .post.reply {
        background-color: #212629 !important;
        border: 0 !important;
    }

    /* Post subjects. */
    span.subject {
        color: #4f4f4f !important;
    }

    /* Tripcodes. */
    span.postertrip {
        color: #6673bf !important;
    }

    /* Post numbers. */
    span.postNum a {
        color: #4f4f4f !important;
    }

    /* Poster's name. */
    span.name {
        color: #4f4f4f !important;
        font-weight: normal !important;
    }

    /* Date and time of the posts. */
    span.dateTime {
        color: #b8baba !important;
    }

    /* Quote links. */
    a.quotelink {
        color: #774B77 !important;
    }

    /* Link to posts quoting the current post. */
    a.backlink {
        color: #774B77 !important;
    }

    /* Greentext. */
    span.quote {
        color: #774B77 !important;
    }

    /* Post menu button. */
    .post .menu-button {
        float: right;
        position: relative;
        left: 0px;
    }

    /* Hide "hide reply" buttons. */
    .postInfo > input,
    a.hide-post-button {
        display: none !important;
    }

    /* Relative to post info, i.e. Post name, tripcode, post date, etc. */
    .postInfo a,
    div.postInfo {
        color: #4f4f4f !important;
        font-size: 12px !important;
    }

    /* Relative to file info, i.e. filename, file size, resolution, etc. */
    div.fileText {
        color: #171d35
        font-family: 'Open Sans', sans-serif !important;
        font-size: 0.750rem !important;
    }

    /* Fix post previews. */
    #qp {
        border: 0 !important;
        box-shadow: none !important;
    }


    /* Relative to the quick reply. */
    #qr {
        background: #212629 !important;
        color: #b8baba !important;
        border: none !important;
        border-radius: 2px !important;
        box-shadow: none !important;
        transition: all 0.2s ease 0s;
    }
    #qr form {
        bottom: 12px !important;
        right: 0% !important;
        width: 300px !important;
        padding: 4px !important;
        margin-top: 23px !important;
        padding-top: 10px !important;
        padding-bottom: 3px !important;
        background: #212629 !important;
        border-color: #4f4f4f !important;
        border-radius: 4px !important;
    }
    #dump-button {
        background: #0d151d !important;
        border-color: #0d151d !important;
        color: #b8baba !important;
    }

    /* Color of the fields. */
    #qr .field {
        background: #212629 !important;
        border-color: #843834 !important;
        color: #ab7546 !important;
    }

    /* Movable QR? */
    #qr span.move {
        display: none !important;
    }

    /* Remove menu */
    #qr select {
        display: none !important;
    }

    /* Make the name field become invisible when there's something in it... */
    #qr input.field:nth-child(2) {
        background: #212629 !important;
        color: #212629 !important;
    }

    /* ... And then make it visible again when you hover over it. */
    #qr input.field:nth-child(2):hover {
        background: #0d151d !important;
        color: #b8baba !important;
    }

    /* Remove bar above the fields. */
    #qr > div {
        position: fixed !important;
    }

    /* Relative to 4chan X's menu */
    #fourchanx-settings.dialog,
    fieldset legend,
    a.tab-main.tab-selected {
        font-family: sans-serif !important;
        font-size: 11px !important;
        background: #212629 !important;
        color: #b8baba !important;
    }

    /*** Animations ***/

    /* Change backlinks to >> and animate them. */
    a.backlink {
        text-decoration: none !important;
        font-size: 0 !important;;
    }
    .backlink:after {
        font-size: 11px !important;
        padding: 1px;
        content: '>>' !important;
        text-decoration: none !important;
    }
    .backlink:not(:first-child) {
        margin-left: -1.0rem;
        transition: all .1s linear .2s;
        opacity: 0;
    }
    /* Post menu animations. */
    .postContainer:hover .backlink {
        margin-left: 0rem;
        transition-delay: .1s;
        opacity: 100;
    }
    .post.reply a.menu-button {
        opacity: 0;
        transition: all .2s;
    }
    .post.reply:hover .menu-button {
        opacity: 100;
        transition: all .1s;
    }
    /* QR animations. */
    #qr.dialog.has-captcha.autohide,
    #qr.dialog.autohide {
        top: -300px !important;
        height: 21px !important;
        transition: all 0.7s ease 0s;
    }
    }