MediaWiki:Common.css

Revision as of 20:10, 4 September 2025 by Admin (talk | contribs) (Dark theme: fix white tabs/panels on Special:Search & other OOUI components)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* DARK-FIX-ID: CP2077-LISTFILES-OVERLAY */
/* === Base palette === */
:root{
  --bg:#0b0b0b; --bg2:#141414; --fg:#e6e6e6; --muted:#b9b9b9;
  --border:#2b2b2b; --accent:#ffd100; --row:#121212; --rowAlt:#171717;
}

/* === OOUI/Search/form (ponechávam) === */
body.skin-vector .mw-body #mw-searchprofile-tabs,
body.skin-vector .mw-body .mw-search-profile-tabs,
body.skin-vector .mw-body .mw-advancedSearch-profile-tabs,
body.skin-vector .mw-body .oo-ui-tabSelectWidget{
  background:var(--bg) !important; border:1px solid var(--border) !important; color:var(--fg) !important;
}
body.skin-vector .mw-body .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget{ background:transparent !important; color:var(--fg) !important; border-color:var(--border) !important; }
body.skin-vector .mw-body .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget:hover{ background:var(--bg2) !important; }
body.skin-vector .mw-body .oo-ui-tabSelectWidget .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected{ background:var(--bg2) !important; border-bottom:2px solid var(--accent) !important; }
body.skin-vector .mw-body .oo-ui-panelLayout,
body.skin-vector .mw-body .oo-ui-fieldLayout,
body.skin-vector .mw-body .oo-ui-inputWidget,
body.skin-vector .mw-body .oo-ui-textInputWidget input,
body.skin-vector .mw-body fieldset{
  background:var(--bg) !important; color:var(--fg) !important; border-color:var(--border) !important; box-shadow:none !important;
}
body.skin-vector .mw-body legend,
body.skin-vector .mw-body .oo-ui-labelElement-label{ color:var(--fg) !important; }

/* === Special:ListFiles (tabuľka) — zostáva z predošlého fixu === */
body.skin-vector.ns-special.mw-special-ListFiles .mw-body .TablePager,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.mw-datatable,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.wikitable{
  background:var(--bg) !important; color:var(--fg) !important; border:1px solid var(--border) !important; border-collapse:separate !important;
}
body.skin-vector.ns-special.mw-special-ListFiles .mw-body .TablePager th,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body .TablePager td,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist th,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist td,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.mw-datatable th,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.mw-datatable td{
  background:var(--row) !important; color:var(--fg) !important; border-color:var(--border) !important;
}
body.skin-vector.ns-special.mw-special-ListFiles .mw-body .TablePager tr:nth-child(even) td,
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist tr:nth-child(even) td{
  background:var(--rowAlt) !important;
}

/* === Special:NewFiles (GALÉRIA) — hlavný problém === */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-spcontent{ background:transparent !important; }

/* samotná galéria (všetky štýly) */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallery,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-traditional,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed-overlay,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed-hover,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-nolines{
  background:transparent !important;
  color:var(--fg) !important;
}

/* boxy náhľadov */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox{
  background:var(--row) !important;
  border:1px solid var(--border) !important;
  box-shadow:none !important;
}
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox:hover{
  background:#1d1d1d !important;
}

/* rámček/plocha za obrázkom */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumb,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumbinner,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumb img,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumb a{
  background:transparent !important;
  border-color:var(--border) !important;
  box-shadow:none !important;
}

/* text pod náhľadom */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .gallerytext{
  background:transparent !important;
  color:var(--fg) !important;
}
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .gallerytext a{ color:#9ecbff !important; }
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .gallerytext a:visited{ color:#c4b3ff !important; }

/* „File missing“ / chybové náhľady */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .thumberror,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-thumbnail-error,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-ext-error{
  background:#2a1515 !important;
  color:#ffbdbd !important;
  border:1px solid #5a2b2b !important;
}

/* stránkovanie (newer/older, čísla) */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-pager-navigation{
  background:var(--bg) !important;
  border:1px solid var(--border) !important;
  color:var(--fg) !important;
}
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-pager-navigation a{ color:#cfd8ff !important; }

/* oddeľujúce tenké biele čiary medzi boxmi zrušiť */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed .gallerybox,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed-hover .gallerybox,
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed-overlay .gallerybox{
  outline:none !important;
}

/* pre istotu tmavý okraj všetkým obrázkom v galérii (bez bieleho halo) */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox img{
  background:transparent !important;
  outline:0 !important;
}

/* tlačidlá vo filtri hore */
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
  background:var(--bg2) !important; color:var(--fg) !important; border-color:var(--border) !important;
}
body.skin-vector.ns-special.mw-special-NewFiles .mw-body .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover{
  background:#1b1b1b !important;
}