☰

itch user page grid

A new userstyle

目前為 2025-01-31 提交的版本，檢視 最新版本。

  1. /* ==UserStyle==
  2. @name           itch user page grid
  3. @namespace      github.com/openstyles/stylus
  4. @version        2
  5. @description    A new userstyle
  6. @author         rssaromeo
  7. @license      GPLv3
  8. ==/UserStyle== */
  9. @-moz-document regexp("https?://[^.]+\\.itch\\.io/?([?#].*|$)") {
  10.   .columns {
  11.     display: flex;
  12.     flex-direction: column;
  13.   }
  14.   .game_grid_widget.base_widget.user_game_grid {
  15.     max-width: 960px;
  16.     width: 100vw;
  17.     display: flex !important;
  18.     flex-direction: row;
  19.     gap: 10px;
  20.     flex-wrap: wrap !important;
  21.   }
  22.   .game_grid_widget.base_widget.user_game_grid > * {
  23.     width: 200px !important;
  24.   }
  25.   .column.profile_column {
  26.     position: unset !important;
  27.   }
  28. }
  29.  
  30. @-moz-document domain("itch.io") {
  31.   .drop_menu,
  32.   .group_header,
  33.   .menu_group {
  34.     background-color: #8c8c8c !important;
  35.     border-color: #000 !important;
  36.   }
  37.   .game_edit_theme_editor_widget.theme_editor_widget.slide_in-enter-done,
  38.   [name^="layout"],
  39.   .forms_simple_select_widget,
  40.   .forms_color_input_popup_widget.color_popout,
  41.   .horiz_input > *,
  42.   .forms_color_input_widget,
  43.   button.toggle_button,
  44.   fieldset {
  45.     background-color: #8c8c8c !important;
  46.     border-color: #000 !important;
  47.   }
  48.   .slider_fill {
  49.     background-color: #555 !important;
  50.   }
  51.   .slider_track {
  52.     background-color: #262626 !important;
  53.   }
  54. }