☰

TrueAchievements responsive + customizations

TrueAchievements website is more suitable for wide screens.

当前为 2024-06-05 提交的版本，查看 最新版本。

  1. /* ==UserStyle==
  2. @name           TrueAchievements responsive + customizations
  3. @version        1.0.0
  4. @description    TrueAchievements website is more suitable for wide screens.
  5. @author         BreatFR (https://breat.fr)
  6. @namespace      https://gitlab.com/breatfr
  7. @homepageURL    https://gitlab.com/breatfr/trueachievements-responsive-customizations
  8. @supportURL     https://discord.gg/Q8KSHzdBxs
  9. @license        AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
  10. @preprocessor   stylus
  11.  
  12. @var    checkbox    fontsize        "Custom font size"  1
  13. @var    text        fontsizevalue   "Font size value"   2rem
  14. @var    checkbox    noads           "No ads"            1
  15. @var    checkbox    nosidebar       "No sidebar"        0
  16. @var    checkbox    widemode        "Wide mode"         1
  17. ==/UserStyle== */
  18.  
  19. /* === Credits ===
  20. Website         https://breat.fr
  21. facebook        https://www.facebook.com/breatfroff
  22. mastodon        https://mastodon.social/@breat_fr
  23. telegram        https://t.me/breatfr
  24. vk              https://vk.com/breatfroff
  25. X (twitter)     https://x.com/breatfroff
  26. === Credits === */
  27.  
  28. @-moz-document domain("trueachievements.com") {
  29.     if fontsize {
  30.         a,
  31.         dd,
  32.         dt,
  33.         button,
  34.         div,
  35.         li,
  36.         p,
  37.         span,
  38.         td {
  39.             font-size: fontsizevalue !important;
  40.         }
  41.     }
  42.  
  43.     if noads {
  44.         .ad-wrap,
  45.         .lb_holder,
  46.         .nn_player_w,
  47.         #nn_player,
  48.         #nn_skinl,
  49.         #nn_skinr {
  50.             display: none !important;
  51.             height: 0 !important;
  52.             margin: 0 !important;
  53.             max-height: 0 !important;
  54.             max-width: 0 !important;
  55.             width: 0 !important;
  56.             z-index: -1 !important;
  57.         }
  58.     }
  59.     
  60.     if nosidebar {
  61.         aside {
  62.             display: none !important;
  63.             margin: 0 !important;
  64.             width: 0 !important;
  65.         }
  66.         .page>.main.middle {
  67.             grid-template-columns: 1fr;
  68.         }
  69.     }
  70.     
  71.     if widemode {
  72.         body {
  73.             overflow-x: hidden;
  74.         }
  75.         .middle,
  76.         .page>.main.middle,
  77.         .page>.main.middle>main {
  78.             max-width: 100%;
  79.             width: 100%;
  80.         }
  81.         .bg > img {
  82.             height: auto !important;
  83.             width: 100% !important;
  84.         }
  85.     }
  86. }