TrueTrophies responsive + customizations

TrueTrophies website is more suitable for wide screens.
目前為 2024-06-04 提交的版本，檢視最新版本。
Wrap lines
/* ==UserStyle==
@name           TrueTrophies responsive + customizations
@version        1.0.0
@description    TrueTrophies website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/truetrophies-responsive-customizations
@supportURL     https://discord.gg/Q8KSHzdBxs
@license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
@preprocessor   stylus

@var    checkbox    fontsize        "Custom font size"  1
@var    text        fontsizevalue   "Font size value"   2rem
@var    checkbox    noads           "No ads"            1
@var    checkbox    nosidebar       "No sidebar"        0
@var    checkbox    widemode        "Wide mode"         1
==/UserStyle== */

/* === Credits ===
Website         https://breat.fr
facebook        https://www.facebook.com/breatfroff
mastodon        https://mastodon.social/@breat_fr
telegram        https://t.me/breatfr
vk              https://vk.com/breatfroff
X (twitter)     https://x.com/breatfroff
=== Credits === */

@-moz-document domain("truetrophies.com") {
    if fontsize {
        a,
        dd,
        dt,
        button,
        div,
        li,
        p,
        span,
        td {
            font-size: fontsizevalue !important;
        }
    }

    if noads {
        .ad-wrap,
        .lb_holder,
        .nn_player_w,
        #nn_player,
        #nn_skinl,
        #nn_skinr {
            display: none !important;
            height: 0 !important;
            margin: 0 !important;
            max-height: 0 !important;
            max-width: 0 !important;
            width: 0 !important;
            z-index: -1 !important;
        }
    }
    
    if nosidebar {
        aside {
            display: none !important;
            margin: 0 !important;
            width: 0 !important;
        }
        .page>.main.middle {
            grid-template-columns: 1fr;
        }
    }
    
    if widemode {
        body {
            overflow-x: hidden;
        }
        .middle,
        .page>.main.middle,
        .page>.main.middle>main {
            max-width: 100%;
            width: 100%;
        }
        .bg > img {
            height: auto !important;
            width: 100% !important;
        }
    }
}
欢迎访问Greasy Fork镜像
