/* ==UserStyle==
@name         NGA 暗色模式
@version      20220614.05.12
@namespace    userstyles.world/user/cyanoxygen
@description  # NGA 暗色模式（WIP）

### 功能

- 暗色模式
- 屏幕过宽时限宽（`75vw`）

### 适配的页面：

- NGA 论坛版块页面
- 帖子页面

该样式还在编写阶段，有大部分页面依旧没有适配。
@author       cyanoxygen
@license      Public Domain
==/UserStyle== */

@-moz-document domain("178.com"), regexp("http[s]://bbs.nga.cn/(thread|read).php\\?.*") {
/* Colors */
.green {
    color: #89f289;
}

.red {
    color: #ff6262;
}

.blue {
    color: #769cff;
}

.purple {
    color: #c53dff;
}

.darkred {
    color: #e04b4b !important;
}

.silver {
    color: #ccc;
}

.sienna {
    color: #ffa356;
}

.orange {
    color: #ffa356;
}

.ngared {
    color: #cb6f4b;
}

.gray {
    color: #8a8a8a;
}

/* Elements */
a.block_txt {
    background: #6a6a6a;
}

.c1,
.stdbtn {
    background-color: #333 !important;
}

.c2 {
    background-color: #444 !important;
}

a {
    color: #b2d7ee;
}

a:hover {
    color: #66c1fd;
}

.b2 {
    background: #444 !important;
}

.b3 {
    background: #4a4a4a !important;
}

.contentBlock {
    background: #3a3a3a;
}

body {
    color: #eee;
    background-color: #3a3a3a !important;
}

@media only screen and (min-width: 1200px) {
    #custombg,
    #m_nav,
    #m_pbtntop,
    #m_posts,
    #m_pbtnbtm,
    #m_threads,
    #b_nav,
    #fast_post_c > .module_wrap {
        max-width: 75vw;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        background-color: #3a3a3a;
    }
    #mainmenu {
        max-width: 98vw;
        margin-left: auto;
        margin-right: auto;
    }
    body {
        background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgb(40, 40, 40) 35px, rgb(40, 40, 40) 70px);
    }
}

* {
    font-family: "Helvetica Neue", Segoe UI, "Noto Sans CJK SC", "PingFang SC", system-ui, sans-serif;
}

.forumbox .postrow .stat {
    color: #eee;
}

#mainmenu .stdbtn .innerbg {
    background-color: #323232;
}

.stdbtn a {
    background-color: #323232;
    color: #eee !important;
}

.stdbtn td:first-child a {
    border-left: none !important;
}

#mainmenu .stdbtn a:hover {
    background-color: #434343;
    border-bottom: 3px solid #888 !important;
    color: #eee !important;
}

textarea,
select,
input {
    background-color: #444;
    border: 1px solid #555 !important;
    color: #eee;
    padding: 5px !important;
    font-family: "Helvetica Neue", "Segoe UI", "sans-serif";
}

.stdbtn .invert {
    background-color: #3a3a3a;
}

#mainmenu svg {
    fill: #aaa !important;
}

.single_ttip2 {
    border: 1px solid #999 !important;
}

.single_ttip2 .tip_title {
    border-bottom: 1px solid #999 !important;
}

.single_ttip2,
.div2,
.tip_title {
    background-color: #424242 !important;
    color: #f3f3f3 !important
}

.colored_text_btn {
    background: #424242 !important;
    color: #f3f3f3 !important;
}

.single_ttip2 a {
    color: #e3e3ff !important;
}

.nav_spr a,
.nav_link {
    background-color: #454545 !important;
    border-color: #666;
    color: #f5f5ff !important;
}

/* Forum header */
#toptopics {
    border: 1px solid #5a5a5a;
}

.stdbtn {
    border: 1px solid #5a5a5a !important;
    background: #323232;
}

.stdbtn a {
    border-left: 1px solid #5a5a5a;
}

.stdbtn a:hover {
    border-left: 1px solid #5a5a5a;
    background: #444;
}

.catenew,
.cateblock,
.forumbox {
    background: #3a3a3a;
    border: 1px solid #666;
}

.topicrow .c1 img {
    filter: invert() hue-rotate();
}

a.block_txt.white.nobr.vertmod {
    background: #6a6a6a;
}

#toppedtopic .ubbcode td {
    border: 1px solid #5a5a5a !important;
}

#toppedtopic table {
    border: 1px solid #5a5a5a !important;
}

.row1 .c3 {
    background: #333;
}

.row1 .c4 {
    background: #3a3a3a;
}

.row2 .c3 {
    background: #444;
}

.row2 .c4 {
    background: #4a4a4a;
}

.tit {
    background: #5a5a5a !important;
}

.list a {
    color: #b2d7ee;
}

/* Post */
#m_posts {
    border: 1px solid #666;
}

.quote {
    background: #454545 !important;
}

.urltip,
.urltip2 {
    background: #565656 !important;
}

.postcontent.ubbcode img[class*=ac],
img[class*=a2],
img[src*='/ac'],
img[src*=a2_] {
    filter: invert() hue-rotate() !important;
}

img.smile_ac {
    filter: invert() hue-rotate() !important;
}

.comment_c .comment_c_1 {
    border-top-color: #666;
}
.comment_c .comment_c_2 {
    border-color: #666;
    box-shadow: 0 0 8px 0 #555;
}

.forumbox .postrow .stat {
    border: 1px solid #666;
}

.block_txt_c2 {
    background: #333;
}

.forumbox h1,
h2,
h3,
h4,
h5,
h6,
h7,
h8 {
    color: #ccc !important;
}

.auto_trans {
    border-bottom: 2px solid #7bd07b !important;
}

#m_posts .row2 .postbtnsc .stdbtn a {
    background: #323232;
}
#m_posts .row2 .postbtnsc .stdbtn a:hover {
    background: #3a3a3a;
}

.stdbtn a svg {
    fill: #aaa !important;
}

.postbtnsc {
    border-color: #777;
}

.row1 .c2 .posterInfoLine {
    background-color: #2f2f2f;
    border-bottom: 1px solid #6a6a6a;
}

.row2 .c2 .posterInfoLine {
    background-color: #3a3a3a;
    border-bottom: 1px solid #6a6a6a;
}

a[name="uid"] {
    background: #4a4a4a !important;
}

.block_txt.block_txt_c3 {
    background: #4a4a4a;
    color: beige;
}

img[id*="posteravatar"] {
    border: 5px solid #6a6a6a !important;
    border-radius: 4px;
    box-shadow: 0 0 10px 1px #111;
    height: 80px;
    width: 80px;
}
}