MediaWiki:Common.css: Difference between revisions
No edit summary |
No edit summary |
||
| Line 2,290: | Line 2,290: | ||
color: #ffcc00 !important; | color: #ffcc00 !important; | ||
border: 1px solid #555 !important; | border: 1px solid #555 !important; | ||
} | |||
/* ==== UNIVERZÁLNY DARK FIX PRE TABY/SELEKTORY A OOUI ==== */ | |||
/* ARIA taby (zaberie väčšinu widgetov a šablón) */ | |||
[role="tablist"] [role="tab"] { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border: 1px solid #333 !important; | |||
} | |||
[role="tablist"] [role="tab"][aria-selected="true"], | |||
[role="tablist"] [role="tab"].is-active { | |||
background: #222 !important; | |||
color: #ffcc00 !important; /* ak chceš biely text: #eee */ | |||
border-color: #555 !important; | |||
} | |||
[role="tablist"] [role="tab"]:hover { | |||
background: #1a1a1a !important; | |||
color: #58a6ff !important; | |||
} | |||
/* TabberNeue */ | |||
.tabber .tabber__button { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border: 1px solid #333 !important; | |||
} | |||
.tabber .tabber__button[aria-selected="true"], | |||
.tabber .tabber__button--active { | |||
background: #222 !important; | |||
color: #ffcc00 !important; | |||
border-color: #555 !important; | |||
} | |||
.tabber .tabber__panel { | |||
background: #0f0f0f !important; | |||
color: #ddd !important; | |||
border: 1px solid #333 !important; | |||
} | |||
/* Starý Tabber */ | |||
.tabbernav li a { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border: 1px solid #333 !important; | |||
} | |||
.tabbernav li.tabberactive a { | |||
background: #222 !important; | |||
color: #ffcc00 !important; | |||
border-color: #555 !important; | |||
} | |||
/* Štandardné “mw-ui” tlačidlá a odkazy, ktoré šablóny používajú ako taby */ | |||
.mw-ui-button, | |||
.mw-ui-button.mw-ui-progressive, | |||
.mw-ui-button.mw-ui-quiet { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border: 1px solid #333 !important; | |||
} | |||
.mw-ui-button:focus, | |||
.mw-ui-button:active, | |||
.mw-ui-button[aria-pressed="true"] { | |||
background: #222 !important; | |||
color: #ffcc00 !important; | |||
border-color: #555 !important; | |||
} | |||
/* OOUI (knoflíky v galérii/slideshow a inde) */ | |||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border: 1px solid #333 !important; | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled[aria-pressed="true"] > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, | |||
.oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:active { | |||
background: #222 !important; | |||
color: #ffcc00 !important; | |||
border-color: #555 !important; | |||
} | |||
/* Slideshow ovládanie v <gallery> */ | |||
.mw-gallery-slideshow .oo-ui-buttonElement-button, | |||
.mw-gallery-slideshow .mw-gallery-button { | |||
background: #111 !important; | |||
color: #eee !important; | |||
border: 1px solid #333 !important; | |||
} | |||
.mw-gallery-slideshow .oo-ui-buttonElement[aria-pressed="true"] .oo-ui-buttonElement-button, | |||
.mw-gallery-slideshow .mw-gallery-button.is-active { | |||
background: #222 !important; | |||
color: #ffcc00 !important; | |||
border-color: #555 !important; | |||
} | |||
/* Kontrast a fokus, nech nie je “svetlý halo” */ | |||
:focus { | |||
outline-color: #555 !important; | |||
} | } | ||