MediaWiki:PortableInfobox.css
MediaWiki interface page
More actions
Poznámka: Po zveřejnění musíte vyprázdnit cache vašeho prohlížeče, jinak změny neuvidíte.
- Firefox / Safari: Při kliknutí na Aktualizovat držte Shift nebo stiskněte Ctrl-F5 nebo Ctrl-R (na Macu ⌘-R)
- Google Chrome: Stiskněte Ctrl-Shift-R (na Macu ⌘-Shift-R)
- Edge: Při kliknutí na Aktualizovat držte Ctrl nebo stiskněte Ctrl-F5.
/* ===== Varianta: zlatý titul infoboxu (bez změny zbytku) ===== */
/* Používá Citizen proměnné, ať sedí s tématem */
:root {
--bo-gold-1: #a0703a;
--bo-gold-2: #a0703a;
--bo-gold-3: #ffcf5b;
--bo-gold-4: #a0703a;
--bo-gold-5: #a0703a;
}
/* Třída na kořen infoboxu: <infobox class="bo-gold"> */
.portable-infobox.bo-gold .pi-title {
/* zrušíme plný podklad, zlato je na textu */
background: none !important;
/* textový gradient */
background-image: linear-gradient(
180deg,
var(--bo-gold-1) 0%,
var(--bo-gold-2) 25%,
var(--bo-gold-3) 50%,
var(--bo-gold-4) 75%,
var(--bo-gold-5) 100%
) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: transparent !important;
/* „backdrop“ stín za textem, ať se čte i na světlém podkladu */
filter:
drop-shadow(0 1px 0 rgba(0,0,0,.35))
drop-shadow(0 3px 3px rgba(0,0,0,.35))
drop-shadow(0 6px 12px rgba(0,0,0,.25)) !important;
/* lepší vykreslení při zalomení na více řádků */
-webkit-box-decoration-break: clone !important;
box-decoration-break: clone !important;
}
/* Dark mód – lehce vyšší kontrast stínu */
.skin-citizen-dark .portable-infobox.bo-gold .pi-title {
filter:
drop-shadow(0 1px 0 rgba(0,0,0,.5))
drop-shadow(0 3px 3px rgba(0,0,0,.5))
drop-shadow(0 8px 14px rgba(0,0,0,.38)) !important;
}
/* Volitelně: mírně tučnější titul ve variantě gold */
.portable-infobox.bo-gold .pi-title {
font-weight: 800;
}