MediaWiki:Common.css: Porovnání verzí
MediaWiki interface page
More actions
Bez shrnutí editace |
Bez shrnutí editace |
||
| Řádek 1: | Řádek 1: | ||
/* | /* CENTRUM TITULKU (tvrdě) + zlaté pozadí */ | ||
.portable-infobox .pi-title{ | .portable-infobox .pi-title{ | ||
background: var(--pi-accent, #d4af37) !important; | background: var(--pi-accent, #d4af37) !important; | ||
color: #111 !important; | color: #111 !important; | ||
border-bottom: 1px solid var(--pi- | text-align: center !important; | ||
border-top-left-radius: 16px; | display: flex !important; | ||
border-top-right-radius: 16px; | align-items: center !important; | ||
justify-content: center !important; | |||
padding: 12px 14px 10px !important; | |||
border-bottom: 1px solid var(--pi-sep, rgba(0,0,0,.10)) !important; | |||
border-top-left-radius: 16px !important; | |||
border-top-right-radius: 16px !important; | |||
} | } | ||
/* | /* OBRÁZEK 100% na střed */ | ||
.portable-infobox .pi-image, | .portable-infobox .pi-image, | ||
.portable-infobox .pi-image-collection{ background: transparent !important; } | .portable-infobox .pi-image-collection{ text-align:center !important; background: transparent !important; } | ||
.portable-infobox .pi-image img{ | .portable-infobox .pi-image img{ | ||
display:block !important; | |||
margin: 0 auto !important; | |||
max-height: 320px; | |||
object-fit: contain; | |||
border-bottom: 1px solid var(--pi-sep, rgba(0,0,0,.10)); | border-bottom: 1px solid var(--pi-sep, rgba(0,0,0,.10)); | ||
} | } | ||
/* | /* Dělítka a layout s popisky (2 sloupce label/value) */ | ||
.portable-infobox .pi-data{ | .portable-infobox .pi-data{ | ||
display: grid !important; | |||
padding: 8px 0; | grid-template-columns: 40% 60% !important; | ||
gap: 6px 10px !important; | |||
padding: 8px 0 !important; | |||
border-top: none !important; | |||
} | } | ||
.portable-infobox .pi-data + .pi-data{ | .portable-infobox .pi-data + .pi-data{ | ||
border-top: 1px solid var(--pi-sep, rgba(0,0,0,.10)); | border-top: 1px solid var(--pi-sep, rgba(0,0,0,.10)) !important; | ||
} | } | ||
.portable-infobox .pi-data-label{ | |||
.portable-infobox .pi-data-label | display: block !important; | ||
font-weight: 600 !important; | |||
opacity: .9; | |||
} | } | ||
.portable-infobox .pi-data-value{ word-break: break-word; } | |||
/* | /* Skupiny */ | ||
.portable-infobox .pi-group{ | .portable-infobox .pi-group{ | ||
background: var(--pi-soft, rgba(0,0,0,.035)); | background: var(--pi-soft, rgba(0,0,0,.035)) !important; | ||
border-top: 1px solid var(--pi-sep, rgba(0,0,0,.10)); | border-top: 1px solid var(--pi-sep, rgba(0,0,0,.10)) !important; | ||
} | |||
.portable-infobox .pi-group .pi-group-title{ | |||
font-weight: 700 !important; | |||
margin: 6px 0 4px !important; | |||
} | } | ||
/* | /* Zaoblení boxu a decentní stín */ | ||
.portable-infobox{ | |||
border-radius: 16px !important; | |||
box-shadow: 0 4px 18px rgba(0,0,0,.08); | |||
} | |||
/* Dark přepínač přes prefers-color-scheme (pro jistotu) */ | |||
@media (prefers-color-scheme: dark){ | @media (prefers-color-scheme: dark){ | ||
.portable-infobox .pi-data + .pi-data{ border-top-color: rgba(255,255,255,.16) | .portable-infobox .pi-data + .pi-data{ border-top-color: rgba(255,255,255,.16) !important; } | ||
.portable-infobox .pi-group{ | .portable-infobox .pi-group{ | ||
background: rgba(255,255,255,.05); | background: rgba(255,255,255,.05) !important; | ||
border-top-color: rgba(255,255,255,.16); | border-top-color: rgba(255,255,255,.16) !important; | ||
} | } | ||
.portable-infobox .pi-image img{ border-bottom-color: rgba(255,255,255,.14) !important; } | |||
} | } | ||
Verze z 9. 10. 2025, 13:31
/* CENTRUM TITULKU (tvrdě) + zlaté pozadí */
.portable-infobox .pi-title{
background: var(--pi-accent, #d4af37) !important;
color: #111 !important;
text-align: center !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 12px 14px 10px !important;
border-bottom: 1px solid var(--pi-sep, rgba(0,0,0,.10)) !important;
border-top-left-radius: 16px !important;
border-top-right-radius: 16px !important;
}
/* OBRÁZEK 100% na střed */
.portable-infobox .pi-image,
.portable-infobox .pi-image-collection{ text-align:center !important; background: transparent !important; }
.portable-infobox .pi-image img{
display:block !important;
margin: 0 auto !important;
max-height: 320px;
object-fit: contain;
border-bottom: 1px solid var(--pi-sep, rgba(0,0,0,.10));
}
/* Dělítka a layout s popisky (2 sloupce label/value) */
.portable-infobox .pi-data{
display: grid !important;
grid-template-columns: 40% 60% !important;
gap: 6px 10px !important;
padding: 8px 0 !important;
border-top: none !important;
}
.portable-infobox .pi-data + .pi-data{
border-top: 1px solid var(--pi-sep, rgba(0,0,0,.10)) !important;
}
.portable-infobox .pi-data-label{
display: block !important;
font-weight: 600 !important;
opacity: .9;
}
.portable-infobox .pi-data-value{ word-break: break-word; }
/* Skupiny */
.portable-infobox .pi-group{
background: var(--pi-soft, rgba(0,0,0,.035)) !important;
border-top: 1px solid var(--pi-sep, rgba(0,0,0,.10)) !important;
}
.portable-infobox .pi-group .pi-group-title{
font-weight: 700 !important;
margin: 6px 0 4px !important;
}
/* Zaoblení boxu a decentní stín */
.portable-infobox{
border-radius: 16px !important;
box-shadow: 0 4px 18px rgba(0,0,0,.08);
}
/* Dark přepínač přes prefers-color-scheme (pro jistotu) */
@media (prefers-color-scheme: dark){
.portable-infobox .pi-data + .pi-data{ border-top-color: rgba(255,255,255,.16) !important; }
.portable-infobox .pi-group{
background: rgba(255,255,255,.05) !important;
border-top-color: rgba(255,255,255,.16) !important;
}
.portable-infobox .pi-image img{ border-bottom-color: rgba(255,255,255,.14) !important; }
}