MediaWiki:Vector-2022.css: Difference between revisions
Jump to navigation
Jump to search
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; | ||
} | } | ||
Revision as of 20:10, 4 September 2025
/* 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;
}