TrueAchievements responsive + customizations

TrueAchievements website is more suitable for wide screens.

当前为 2024-06-04 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

/* ==UserStyle==
@name           TrueAchievements responsive + customizations
@version        1.0.0
@description    TrueAchievements website is more suitable for wide screens.
@author         BreatFR (https://breat.fr)
@namespace      https://gitlab.com/breatfr
@homepageURL    https://gitlab.com/breatfr/trueachievements-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("trueachievements.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;
        }
    }
}