MediaWiki:Vector-2022.css: Difference between revisions
Dark theme: fix white tabs/panels on Special:Search & other OOUI components |
m Dark theme: fix white tabs/panels on Special:Search & other OOUI components Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* DARK-FIX-ID: CP2077-LISTFILES-OVERLAY */ | /* DARK-FIX-ID: CP2077-LISTFILES-OVERLAY */ | ||
/* === Base palette === */ | /* === Base palette === */ | ||
:root { | :root{ | ||
--bg:#0b0b0b; --bg2:#141414; --fg:#e6e6e6; --muted:#b9b9b9; | --bg:#0b0b0b; --bg2:#141414; --fg:#e6e6e6; --muted:#b9b9b9; | ||
--border:#2b2b2b; --accent:#ffd100; --row:#121212; --rowAlt:#171717; | --border:#2b2b2b; --accent:#ffd100; --row:#121212; --rowAlt:#171717; | ||
} | } | ||
/* === OOUI | /* === OOUI/Search/form (ponechávam) === */ | ||
body.skin-vector .mw-body #mw-searchprofile-tabs, | body.skin-vector .mw-body #mw-searchprofile-tabs, | ||
body.skin-vector .mw-body .mw-search-profile-tabs, | body.skin-vector .mw-body .mw-search-profile-tabs, | ||
| Line 16: | Line 16: | ||
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: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-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-panelLayout, | ||
body.skin-vector .mw-body .oo-ui-fieldLayout, | body.skin-vector .mw-body .oo-ui-fieldLayout, | ||
| Line 27: | Line 26: | ||
body.skin-vector .mw-body .oo-ui-labelElement-label{ color:var(--fg) !important; } | 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 .TablePager, | ||
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist, | body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist, | ||
| Line 35: | Line 33: | ||
background:var(--bg) !important; color:var(--fg) !important; border:1px solid var(--border) !important; border-collapse:separate !important; | 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 th, | ||
body.skin-vector.ns-special.mw-special-ListFiles .mw-body .TablePager td, | body.skin-vector.ns-special.mw-special-ListFiles .mw-body .TablePager td, | ||
| Line 42: | Line 38: | ||
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist td, | 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 th, | ||
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.mw-datatable | 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; | 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 .TablePager tr:nth-child(even) td, | ||
body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist | body.skin-vector.ns-special.mw-special-ListFiles .mw-body table.filelist tr:nth-child(even) td{ | ||
background:var(--rowAlt) !important; | background:var(--rowAlt) !important; | ||
} | } | ||
body.skin-vector.ns-special.mw-special- | /* === Special:NewFiles (GALÉRIA) — hlavný problém === */ | ||
body.skin-vector.ns-special.mw-special- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-spcontent{ background:transparent !important; } | ||
body.skin-vector.ns-special.mw-special- | |||
body.skin-vector.ns-special.mw-special- | /* 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; | background:#1d1d1d !important; | ||
} | } | ||
body.skin-vector.ns-special.mw-special- | /* rámček/plocha za obrázkom */ | ||
body.skin-vector.ns-special.mw-special- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumb, | ||
body.skin-vector.ns-special.mw-special- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumbinner, | ||
body.skin-vector.ns-special.mw-special- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox .thumb img, | ||
background:var(-- | 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- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-pager-navigation{ | ||
background:var(--bg) !important; | |||
border:1px solid var(--border) !important; | |||
body.skin-vector.ns-special.mw-special- | 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- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .mw-gallery-packed .gallerybox, | ||
body.skin-vector.ns-special.mw-special- | 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- | body.skin-vector.ns-special.mw-special-NewFiles .mw-body .gallerybox img{ | ||
background:transparent !important; | |||
background: | outline:0 !important; | ||
} | } | ||
/* | /* tlačidlá vo filtri hore */ | ||
body.skin-vector.ns-special.mw-special- | 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; | |||
background:var(--bg2) !important; | |||
} | } | ||
body.skin-vector.ns-special.mw-special- | 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; | background:#1b1b1b !important; | ||
} | } | ||