TrueAchievements responsive + customizations

TrueAchievements website is more suitable for wide screens.

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

  1. /* ==UserStyle==
  2. @name TrueAchievements responsive + customizations
  3. @version 1.0.2
  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
  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 text fontsize "Font size" 2rem
  13. @var checkbox noads "No ads" 1
  14. @var checkbox nosidebar "No sidebar" 0
  15. @var checkbox widemode "Wide mode" 1
  16. ==/UserStyle== */
  17.  
  18. /* === Credits ===
  19. Website https://breat.fr
  20. facebook https://www.facebook.com/breatfroff
  21. mastodon https://mastodon.social/@breat_fr
  22. telegram https://t.me/breatfr
  23. vk https://vk.com/breatfroff
  24. X (twitter) https://x.com/breatfroff
  25. === Credits === */
  26.  
  27. @-moz-document domain("trueachievements.com") {
  28. /* Version */
  29. :root {
  30. --themeversion: 'Theme v1.0.2';
  31. --author: 'by BreatFR';
  32. --link: ' gitlab.com/breatfr/trueachievements ';
  33. }
  34.  
  35. ul.items>li:nth-child(3)::after {
  36. background: linear-gradient(88.55deg, rgb(139, 109, 255) 22.43%, rgb(254, 132, 132) 92.28%);
  37. background-clip: text;
  38. -webkit-background-clip: text;
  39. color: transparent;
  40. content: var(--themeversion) ' ' var(--author) '\A' url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHN0eWxlPSJ0cmFuc2Zvcm06IHNjYWxlWSgtMSk7Ij48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZmlsbD0iI2NiY2JjYiIgZD0iTTMwNyAzNC44Yy0xMS41IDUuMS0xOSAxNi42LTE5IDI5LjJ2NjRIMTc2Qzc4LjggMTI4IDAgMjA2LjggMCAzMDRDMCA0MTcuMyA4MS41IDQ2Ny45IDEwMC4yIDQ3OC4xYzIuNSAxLjQgNS4zIDEuOSA4LjEgMS45YzEwLjkgMCAxOS43LTguOSAxOS43LTE5LjdjMC03LjUtNC4zLTE0LjQtOS44LTE5LjVDMTA4LjggNDMxLjkgOTYgNDE0LjQgOTYgMzg0YzAtNTMgNDMtOTYgOTYtOTZoOTZ2NjRjMCAxMi42IDcuNCAyNC4xIDE5IDI5LjJzMjUgMyAzNC40LTUuNGwxNjAtMTQ0YzYuNy02LjEgMTAuNi0xNC43IDEwLjYtMjMuOHMtMy44LTE3LjctMTAuNi0yMy44bC0xNjAtMTQ0Yy05LjQtOC41LTIyLjktMTAuNi0zNC40LTUuNHoiLz48L3N2Zz4=") var(--link) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHRyYW5zZm9ybT0icm90YXRlKDE4MCkiPjwhLS0hRm9udCBBd2Vzb21lIEZyZWUgNi41LjEgYnkgQGZvbnRhd2Vzb21lIC0gaHR0cHM6Ly9mb250YXdlc29tZS5jb20gTGljZW5zZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tL2xpY2Vuc2UvZnJlZSBDb3B5cmlnaHQgMjAyNCBGb250aWNvbnMsIEluYy4tLT48cGF0aCBmaWxsPSIjY2JjYmNiIiBkPSJNMzA3IDM0LjhjLTExLjUgNS4xLTE5IDE2LjYtMTkgMjkuMnY2NEgxNzZDNzguOCAxMjggMCAyMDYuOCAwIDMwNEMwIDQxNy4zIDgxLjUgNDY3LjkgMTAwLjIgNDc4LjFjMi41IDEuNCA1LjMgMS45IDguMSAxLjljMTAuOSAwIDE5LjctOC45IDE5LjctMTkuN2MwLTcuNS00LjMtMTQuNC05LjgtMTkuNUMxMDguOCA0MzEuOSA5NiA0MTQuNCA5NiAzODRjMC01MyA0My05NiA5Ni05Nmg5NnY2NGMwIDEyLjYgNy40IDI0LjEgMTkgMjkuMnMyNSAzIDM0LjQtNS40bDE2MC0xNDRjNi43LTYuMSAxMC42LTE0LjcgMTAuNi0yMy44cy0zLjgtMTcuNy0xMC42LTIzLjhsLTE2MC0xNDRjLTkuNC04LjUtMjIuOS0xMC42LTM0LjQtNS40eiIvPjwvc3ZnPg==") ;
  41. font-size: 18px;
  42. left: 0;
  43. position: absolute;
  44. text-align: center;
  45. transform: translate(100%, -20%);
  46. top: -2px;
  47. width: max-content;
  48. white-space: pre-line;
  49. }
  50. /* Custom font size */
  51. a,
  52. dd,
  53. dt,
  54. button,
  55. div,
  56. li,
  57. p,
  58. span,
  59. td {
  60. font-size: fontsize !important;
  61. }
  62.  
  63. if noads {
  64. .ad-wrap,
  65. .lb_holder,
  66. .nn_player_w,
  67. #nn_player,
  68. #nn_skinl,
  69. #nn_skinr {
  70. display: none !important;
  71. height: 0 !important;
  72. margin: 0 !important;
  73. max-height: 0 !important;
  74. max-width: 0 !important;
  75. width: 0 !important;
  76. z-index: -1 !important;
  77. }
  78. }
  79. if nosidebar {
  80. aside {
  81. display: none !important;
  82. margin: 0 !important;
  83. width: 0 !important;
  84. }
  85. .page>.main.middle {
  86. grid-template-columns: 1fr;
  87. }
  88. }
  89. if widemode {
  90. body {
  91. overflow-x: hidden;
  92. }
  93. .middle,
  94. .page>.main.middle,
  95. .page>.main.middle>main {
  96. max-width: 100%;
  97. width: 100%;
  98. }
  99. .bg > img {
  100. height: auto !important;
  101. width: 100% !important;
  102. }
  103. }
  104. }