Dark Reactor [slim] by apkx

/* ==UserStyle==
@name           Dark Reactor [slim]
@namespace      USO Archive
@author         apkx
@description    `Simple Dark Theme for JoyReactor`
@version        0.7
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("reactor.cc"),
domain("joyreactor.com"), domain("joyreactor.cc") {
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-thumb {
        background: #605034 !important;
    }
    ::-webkit-scrollbar-track {
        background: #2E3440 !important;
    }
    ::-webkit-scrollbar-track-piece {
        background: #25282D !important;
    }
    ::-webkit-scrollbar-corner {
        background: #2E3440 !important;
    }
    div#header,
    a::after {
        display: none;
    }
    #container,
    #container:before,
    #container:after {
        background: none;
        background-color: #393E46;
        padding-top: 24px;
        border: 1px solid #636C7C;
    }
    #pageinner {
        background: none;
        background-color: #222831;
        border: 1px solid #636C7C;
    }
    .topbar_wr {
        height: 22px;
        background: #222831;
    }
    .topbar_wr,
    .topbar_wr a {
        color: #8b857b;
        line-height: 22px;
    }
    .topbar_inner {
        font-size: small;
    }
    #navcontainer:after {
        background: #272B31;
        opacity: 1;
    }
    #searchBar {
        background: #2B323C;
        height: 32px;
        padding: 0 40px;
        border-top: 0px;
        border: 1px solid #636C7C;
    }
    #container:before,
    #container:after {
        background: none;
        border: none;
    }
    div#pageinner {
        padding-top: 4px;
    }
    .add_post_button {
        height: 24px;
        padding: 2px 12px;
        border: 0;
        color: #DDD;
        background: #826B33;
        border-radius: 4px;
        text-shadow: 1px 1px 1px black;
        line-height: 20px;
    }
    #showCreatePost {
        margin-bottom: 0px;
        text-align: right;
    }
    #content div.mainheader,
    #content2 div.mainheader {
        text-align: center;
        margin-bottom: 0px;
        text-shadow: 2px 2px 2px black!important;
    }
    .taglist,
    .taglist a {
        font-size: 0.8rem;
        line-height: 14px;
        margin: 2px 0px 6px 2px;
        text-decoration: none;
        color: #D9C7A6!important;
        text-shadow: 1px 1px 1px black;
    }
    .taglist a {
        background: #393E46;
        border-radius: 4px;
        padding: 2px 6px;
    }
    .sswither {
        width: 53px;
        height: 17px;
        line-height: 16px;
        margin: 3px 10px;
        border: 2px solid #756e62;
    }
    .sswither span {
        width: 18px;
        height: 11px;
        display: block;
        position: absolute;
        top: 1px;
        right: 3px;
        border-radius: 9px;
    }
    .lang_select img {
        height: 12px;
        margin: -4px 0 0 13px;
    }
    .icon_mail {
        width: 18px;
        height: 12px;
        margin: 5px 0 0 12px;
    }
    .topbar_wr,
    .topbar_wr a {
        color: #D7C89D;
        line-height: 22px;
    }
    #navcontainer {
        height: 24px;
        padding: 0 40px;
        border: 1px solid #636C7C;
    }
    #navcontainer ul li a {
        font-size: 14px;
        color: #D9CCB4;
        line-height: 22px;
        padding: 0 19px;
    }
    #navcontainer ul li.current_page_item a {
        color: #DDD;
        margin: 2px;
        line-height: 18px;
        padding: 0 14px;
        border-radius: 4px;
        background: #826B33;
        font-size: 14px;
        opacity: 1;
        text-shadow: 1px 1px 1px black;
    }
    .post_random a {
        color: #DDD;
        line-height: 16px;
        padding: 0 14px;
        border-radius: 4px;
        background: #826B33;
        font-size: 13px;
        opacity: 1;
        text-shadow: 1px 1px 1px black;
    }
    #searchmenu {
        width: 300px;
        height: 18px;
        padding: 0 25px;
        border: none;
        border-radius: 0;
        margin: 1px;
        background: #212225;
    }
    #s {
        color: #EEDFC8!important;
        height: 24px;
        margin: -4px;
        background: none;
    }
    #searchsubmit {
        width: 16px;
        margin: -7px;
    }
    #submenu a,
    #submenu b {
        font-size: 14px;
        color: #F5EAD7!important;
        text-shadow: 1px 1px 1px black;
    }
    #submenu div.submenuitem.active a {
        color: #DDD;
        line-height: 20px;
        padding: 0 14px;
        border-radius: 4px;
        background: #826B33;
        font-size: 14px;
        opacity: 1;
        text-shadow: 1px 1px 1px black;
    }
    .article {
        margin: 4px -4px 10px;
        padding: 2px;
        display: block;
        position: relative;
        /* border: 1px solid #DDD;*/
    }
    .article .uhead {
        height: 50px;
        margin-bottom: 0px;
    }
    .article .uhead a,
    .post_comment_form,
    .post_content h3 {
        color: #DDD!important;
    }
    .post_content {
        color: #DDD;
        font-size: 0.9rem;
        line-height: 20px;
        font-family: "Helvetica Neue", "Roboto", "Tahoma", sans-serif;
    }
    a:hover,
    .blogs,
    a.top_logo {
        color: #E4A332!important;
    }
    a,
    #sidebar table a,
    .response,
    #content,
    #sidebar,
    #submenu div.tagname,
    span.fn {
        color: #E4DED2;
    }
    a.response {
        font-size: 16px;
    }
    .taglist a,
    #sidebar small,
    .post_description,
    div.seo_cols {
        color: #C2AA7C;
    }
    .article .ufoot span.link_wr a,
    .article .ufoot span.hidden_link a,
    .article .ufoot span a,
    #sidebar a.all-tags,
    .comment_list_post,
    .comment_username {
        color: #E4A332;
        text-shadow: 1px 1px 1px black;
    }
    h3,
    .article h3 {
        color: #ddd;
        line-height: 18px;
        font-size: 18px;
        font-weight: normal;
        text-align: center;
        text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #FFF;
    }
    div.additional_info .sideheader,
    .sidebar_block h2,
    #sidebar ul li div.sideheader,
    #sidebar .sideheader {
        border-bottom: 3px solid #8B7E67;
    }
    .article .ufoot span.comments a {
        color: #DDD!important;
    }
    .article .post_content_expand,
    .article .post_content_expand span,
    #tagArticle .post_content_expand span,
    textarea.comment_text {
        color: #DBD0BB!important;
        text-transform: none;
        background: #4C5760;
        text-shadow: 1px 1px 1px black;
    }
    div.vote-plus,
    div.vote-minus {
        filter: brightness(85%);
    }
    div.vote-plus:hover {
        filter: none;
    }
    .comment .txt > div:first-child,
    .comment .comment-content {
        font-size: 14px;
        line-height: 18px;
    }
    /* Top users start */
    .user.week_top .userposition {
        color: #DDDCFC;
        background: #69493A;
        text-align: center;
        text-shadow: 1px 1px 1px black;
    }
    .user.week_top a,
    .user.week_top {
        background-color: #2E3440!important;
        background-image: none;
    }
    .user .weekrating {
        min-width: 60px;
        background: #6F5E40;
        text-align: center;
    }
    #tagList {
        border-top: 3px solid #8B7E67;
    }
    /* Top users end */
    .sidebarContent.avatars {
        color: #FFEFD1;
        text-align: left;
    }
    .commentnum,
    a.response,
    .pagination .current,
    .pagination .next,
    .pagination .prev,
    .addcomment input[type="submit"],
    .small_comments_button,
    .big_button,
    .sidebarContent p.login_link a {
        line-height: 24px!important;
        padding: 0 24px 0 20px;
        color: #F1E2C7!important;
        background: #826B33!important;
        border-radius: 4px!important;
        border: 1px solid #D7B870;
        text-align: center;
        display: inline-block;
        height: 26px;
        text-shadow: 1px 1px 1px black;
    }
    #sidebar .tabs_titles ul li a,
    #contentinner .tabs_titles ul li a {
        line-height: 24px!important;
        padding: 0 24px 0 20px;
        border-radius: 4px!important;
        border: 1px solid #D7B870;
        text-align: center;
        display: inline-block;
        height: 26px;
        background: #ddd;
        cursor: pointer!important;
    }
    #navcontainer ul li.current_page_item a:hover,
    .add_post_button:hover,
    .post_random a:hover,
    #submenu div.submenuitem.active a:hover,
    .commentnum:hover,
    .article .ufoot span a.response:hover,
    #sidebar .tabs_titles ul li a:hover,
    #contentinner .tabs_titles ul li a:hover,
    .sidebarContent p.login_link a:hover {
        color: #eee!important;
        background: #C19238!important;
        cursor: pointer;
        opacity: 1!important;
    }
    .article .ufoot .ufoot_first {
        line-height: 42px;
        vertical-align: top;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 4px;
    }
    span.commentnumDelta {
        color: #DDD!important;
        border: 1px solid #FFEDC5;
        height: 24px;
        background: #393E58;
        text-shadow: none!important;
        line-height: 20px!important;
        border-radius: 6px;
    }
    .comment,
    div.comment_list_post {
        color: #D1CBC3;
        background: #1818182B!important;
        border-radius: 6px;
    }
    .comment:hover,
    .comment_show:hover {
        color: #C6C0B4;
        background: #38383869!important;
    }
    .pagination_main .pagination_toggler {
        width: 5...