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.

/* Zde uvedené CSS bude ovlivňovat všechny vzhledy */
/* INFObox – univerzální styly (platí pro všechny skiny) */
.portable-infobox{
  width:320px; float:right; margin:0 0 1em 1em;
  border:1px solid var(--pi-border, #d9dee6); border-radius:12px;
  background:var(--pi-bg, #fff); overflow:hidden;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
  font-size:.95em; line-height:1.5;
}
.portable-infobox .pi-title{
  background:var(--pi-accent, #2f4f7f); color:#fff;
  font-weight:700; padding:12px 14px; text-align:center;
}
.portable-infobox .pi-image img{
  display:block; margin:0 auto; max-height:320px; object-fit:contain;
  border-bottom:1px solid var(--pi-border, #d9dee6);
}
.portable-infobox .pi-group{
  background:var(--pi-muted, #f6f8fb);
  padding:8px 12px; border-top:1px solid var(--pi-border, #d9dee6);
}
.portable-infobox .pi-group .pi-group-title{ font-weight:700; margin:6px 0 4px; }
.portable-infobox .pi-data{
  display:grid; grid-template-columns:40% 60%; gap:6px 10px;
  padding:6px 0; border-top:1px dashed #e6eaf0;
}
.portable-infobox .pi-data-label{ font-weight:600; color:#334; }
.portable-infobox .pi-data-value{ color:#111; word-break:break-word; }
.portable-infobox .pi-data-type-text .pi-data-value{
  grid-column:1 / -1; background:#fff; border:1px solid var(--pi-border, #d9dee6);
  border-radius:8px; padding:8px 10px;
}

/* Volitelně tmavý režim Citizen */
.skin-citizen-dark .portable-infobox{
  --pi-accent:#4b6bb3; --pi-border:#2c3442; --pi-bg:#10131a; --pi-muted:#141a24;
  color:#e6ebf3; box-shadow:none;
}
.skin-citizen-dark .portable-infobox .pi-title{ color:#fff; }
.skin-citizen-dark .portable-infobox .pi-data-label{ color:#cfd8ea; }
.skin-citizen-dark .portable-infobox .pi-data{ border-top-color:#2a3240; }
.skin-citizen-dark .portable-infobox .pi-data-type-text .pi-data-value{
  background:#0b0e14; border-color:#2c3442;
}