☰

itch user page grid

A new userstyle

  1. /* ==UserStyle==
  2. @name           itch user page grid
  3. @namespace      github.com/openstyles/stylus
  4. @version        3
  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.   .user_page.page_widget.base_widget {
  29.     outline: none !important;
  30.   }
  31. }
  32.  
  33. @-moz-document domain("itch.io") {
  34.   .drop_menu,
  35.   .group_header,
  36.   .menu_group {
  37.     background-color: #8c8c8c !important;
  38.     border-color: #000 !important;
  39.   }
  40.   .game_edit_theme_editor_widget.theme_editor_widget.slide_in-enter-done,
  41.   [name^="layout"],
  42.   .forms_simple_select_widget,
  43.   .forms_color_input_popup_widget.color_popout,
  44.   .horiz_input > *,
  45.   .forms_color_input_widget,
  46.   button.toggle_button,
  47.   fieldset {
  48.     background-color: #8c8c8c !important;
  49.     border-color: #000 !important;
  50.   }
  51.   .slider_fill {
  52.     background-color: #555 !important;
  53.   }
  54.   .slider_track {
  55.     background-color: #262626 !important;
  56.   }
  57. }