MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 2,387: Line 2,387:
:focus {
:focus {
   outline-color: #555 !important;
   outline-color: #555 !important;
}
/* ===== Dark fix pre Fandom/WDS tabs + PortableInfobox gallery/tabs ===== */
/* Základ tabov (WDS) */
.wds-tabs,
.wds-tabs__wrapper,
.wds-tabs__tab,
.wds-tabs__tab-label,
.wds-tabs__tab a {
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
/* Hover */
.wds-tabs__tab:hover .wds-tabs__tab-label,
.wds-tabs__tab a:hover {
  background: #1a1a1a !important;
  color: #58a6ff !important;
}
/* Aktívny/selected tab (WDS) */
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.wds-tabs__tab.wds-is-selected .wds-tabs__tab-label,
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
.wds-tabs__tab.wds-is-current a,
.wds-tabs__tab.wds-is-selected a {
  background: #222 !important;
  color: #ffcc00 !important;  /* prípadne #eee ak chceš biely text */
  border-color: #555 !important;
}
/* Obsah pod tabuľkami (ak ho WDS renderuje) */
.wds-tab__content,
.wds-tabs__content,
.wds-tabs__panel {
  background: #0f0f0f !important;
  color: #ddd !important;
  border: 1px solid #333 !important;
}
/* PortableInfobox – vnútorné taby/galéria */
.portable-infobox .pi-tabs,
.portable-infobox .pi-tab-link,
.portable-infobox .pi-section-tabs .pi-section-tab,
.portable-infobox .pi-image-collection,
.portable-infobox .pi-image-collection .wds-tabs__tab-label {
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
.portable-infobox .pi-tab-link.is-active,
.portable-infobox .pi-section-tabs .pi-section-tab.is-active,
.portable-infobox .pi-tab-link[aria-selected="true"],
.portable-infobox .pi-image-collection .wds-tabs__tab.wds-is-current .wds-tabs__tab-label {
  background: #222 !important;
  color: #ffcc00 !important;
  border-color: #555 !important;
}
/* Pre istotu zruš svetlé spodné border/shadow, ktoré WDS rád pridáva */
.wds-tabs__tab,
.wds-tabs__tab-label,
.portable-infobox .pi-tabs,
.portable-infobox .pi-tab-link {
  box-shadow: none !important;
}
}