MediaWiki:Common.css

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.

/* 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; }
}