itch user page grid

A new userstyle

Nainštalovať tento skript ? Nainštalovať ako používateľský štýl ?

Spýtať sa otázku, uverejniť recenziu, alebo nahlásiť skript.

Zalomiť riadky

/* ==UserStyle==
@name           itch user page grid
@namespace      github.com/openstyles/stylus
@version        3
@description    A new userstyle
@author         rssaromeo
@license      GPLv3
==/UserStyle== */
@-moz-document regexp("https?://[^.]+\\.itch\\.io/?([?#].*|$)") {
  .columns {
    display: flex;
    flex-direction: column;
  }
  .game_grid_widget.base_widget.user_game_grid {
    max-width: 960px;
    width: 100vw;
    display: flex !important;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap !important;
  }
  .game_grid_widget.base_widget.user_game_grid > * {
    width: 200px !important;
  }
  .column.profile_column {
    position: unset !important;
  }
  .user_page.page_widget.base_widget {
    outline: none !important;
  }
}

@-moz-document domain("itch.io") {
  .drop_menu,
  .group_header,
  .menu_group {
    background-color: #8c8c8c !important;
    border-color: #000 !important;
  }
  .game_edit_theme_editor_widget.theme_editor_widget.slide_in-enter-done,
  [name^="layout"],
  .forms_simple_select_widget,
  .forms_color_input_popup_widget.color_popout,
  .horiz_input > *,
  .forms_color_input_widget,
  button.toggle_button,
  fieldset {
    background-color: #8c8c8c !important;
    border-color: #000 !important;
  }
  .slider_fill {
    background-color: #555 !important;
  }
  .slider_track {
    background-color: #262626 !important;
  }
}