MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(31 intermediate revisions by the same user not shown)
Line 10: Line 10:
   --text-secondary: #e0e0e0;
   --text-secondary: #e0e0e0;
   --text-muted: #cfcfcf;
   --text-muted: #cfcfcf;
 
 
   /* Cyberpunk farby */
   /* Cyberpunk farby */
   --accent-yellow: #FCEE0A;
   --accent-yellow: #FCEE0A;
Line 17: Line 17:
   --link-visited: #a0a0ff;
   --link-visited: #a0a0ff;
   --border-color: #2b2b2b;
   --border-color: #2b2b2b;
 
 
   /* Grafické assets */
   /* Grafické assets */
   --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
   --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
Line 23: Line 23:
   --main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
   --main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
   --infobox-bg: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
   --infobox-bg: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
  /* Cyberpunk table farba */
  --cp-yellow: #ffff00; /* čistá žltá */
}
}


Line 32: Line 35:
   src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
   src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
}
}
@font-face {
@font-face {
   font-family: "Orbitron";
   font-family: "Orbitron";
Line 39: Line 41:
   src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
   src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
}
}
@font-face {
@font-face {
   font-family: "BlenderProBook";
   font-family: "BlenderProBook";
Line 46: Line 47:
   src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
   src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
}
}
@font-face {
@font-face {
   font-family: "BlenderProBold";
   font-family: "BlenderProBold";
Line 65: Line 65:
   color: var(--text-primary) !important;
   color: var(--text-primary) !important;
}
}
.mw-body, .mw-body-content, #content {
.mw-body, .mw-body-content, #content {
   background: var(--bg-primary) !important;
   background: var(--bg-primary) !important;
Line 76: Line 75:


/* === NAVIGÁCIA A PANELY === */
/* === NAVIGÁCIA A PANELY === */
#mw-head, #left-navigation, #right-navigation,  
#mw-head, #left-navigation, #right-navigation,
#mw-page-base, #mw-head-base, #mw-navigation,  
#mw-page-base, #mw-head-base, #mw-navigation,
.vector-sticky-header {
.vector-sticky-header {
   background: var(--bg-primary) !important;
   background: var(--bg-primary) !important;
   border-color: #222 !important;
   border-color: #222 !important;
}
}
#mw-panel, #mw-panel .portal, #mw-panel .portal .body,
#mw-panel, #mw-panel .portal, #mw-panel .portal .body,
#p-logo, #p-logo a {
#p-logo, #p-logo a {
Line 90: Line 88:


/* === ODKAZY === */
/* === ODKAZY === */
a {
a { color: var(--link-color) !important; text-decoration: none; transition: color .16s ease; }
  color: var(--link-color) !important;
  text-decoration: none;
  transition: color .16s ease;
}
 
a:visited { color: var(--link-visited) !important; }
a:visited { color: var(--link-visited) !important; }
 
.mw-body-content a:hover, .mw-body-content a:focus { color: var(--accent-yellow) !important; }
.mw-body-content a:hover, .mw-body-content a:focus {
  color: var(--accent-yellow) !important;
}


/* === NADPISY === */
/* === NADPISY === */
Line 108: Line 98:
   font-family: BlenderProBold, sans-serif;
   font-family: BlenderProBold, sans-serif;
}
}
.firstHeading {
.firstHeading {
   background:  
   background:
     var(--hero-image, url(/mediawiki/images/e/e6/Site-logo.png)) left center / 120px auto no-repeat,
     var(--hero-image, url(/mediawiki/images/e/e6/Site-logo.png)) left center / 120px auto no-repeat,
     linear-gradient(90deg, var(--bg-primary) 0%, #171717 60%, var(--bg-tertiary) 100%);
     linear-gradient(90deg, var(--bg-primary) 0%, #171717 60%, var(--bg-tertiary) 100%);
Line 117: Line 106:
   border-left: 4px solid var(--accent-yellow);
   border-left: 4px solid var(--accent-yellow);
}
}
.page-content h2:not(.all-maps__empty-title), .pi-header {
.page-content h2:not(.all-maps__empty-title), .pi-header {
   background-image: var(--h2-bg-image);
   background-image: var(--h2-bg-image);
Line 136: Line 124:
   padding: .6rem .8rem !important;
   padding: .6rem .8rem !important;
}
}
.tocnumber { color: var(--accent-yellow) !important; }
.tocnumber { color: var(--accent-yellow) !important; }
#toc ul li:hover, .toc ul li:hover {
#toc ul li:hover, .toc ul li:hover {
   background: rgba(255,204,0,.06);
   background: rgba(255,204,0,.06);
Line 151: Line 137:
   margin-left: 15px !important;
   margin-left: 15px !important;
   border: 1px solid var(--accent-yellow);
   border: 1px solid var(--accent-yellow);
   border-radius: 10px 0px 0px 10px;
   border-radius: 10px 0 0 10px;
   background-color: var(--bg-secondary);
   background-color: var(--bg-secondary);
   padding-bottom: 4px;
   padding-bottom: 4px;
}
}
.portable-infobox::after {
.portable-infobox::after {
   content: "";
   content: "";
Line 161: Line 146:
   width: 6%;
   width: 6%;
   height: 100%;
   height: 100%;
   top: 0px;
   top: 0; right: 0;
  right: 0px;
   background-image: var(--infobox-bg);
   background-image: var(--infobox-bg);
   background-repeat: repeat-y;
   background-repeat: repeat-y;
   background-size: 32px 1080px;
   background-size: 32px 1080px;
}
}
.pi-title {
.pi-title {
   background-color: transparent;
   background-color: transparent;
   border-radius: 10px 10px 0px 0px;
   border-radius: 10px 10px 0 0;
   color: var(--accent-cyan);
   color: var(--accent-cyan);
   border-bottom: none;
   border-bottom: none;
Line 178: Line 161:
   font-size: 1.4em;
   font-size: 1.4em;
}
}
.pi-header {
.pi-header {
   background-color: transparent;
   background-color: transparent;
Line 189: Line 171:
   text-transform: none !important;
   text-transform: none !important;
}
}
.pi-data-label {
.pi-data-label {
   padding: 3px 5px 3px 1px;
   padding: 3px 5px 3px 1px;
Line 208: Line 189:
   text-shadow: none !important;
   text-shadow: none !important;
}
}
/* Aktívne taby */
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
Line 218: Line 197:
   border: 1px solid #555 !important;
   border: 1px solid #555 !important;
}
}
/* Hover efekt */
.wds-tabs__tab:hover .wds-tabs__tab-label,
.wds-tabs__tab:hover .wds-tabs__tab-label,
.pi-tab-link:hover {
.pi-tab-link:hover {
Line 226: Line 203:
}
}


/* === TABUĽKY === */
/* === TABUĽKY (všeobecné) === */
.wikitable, table, .infobox {
.wikitable, table, .infobox {
   background: var(--bg-tertiary) !important;
   background: var(--bg-tertiary) !important;
Line 233: Line 210:
   margin-left: 15px !important;
   margin-left: 15px !important;
}
}
.wikitable th, .infobox th {
.wikitable th, .infobox th {
   background: #222 !important;
   background: #222 !important;
   color: var(--accent-yellow) !important;
   color: var(--accent-yellow) !important;
}
}
.wikitable tr:nth-child(even) td { background: #171717 !important; }
.wikitable tr:nth-child(even) td { background: #171717 !important; }
.wikitable tr:nth-child(odd) td { background: #1b1b1b !important; }
.wikitable tr:nth-child(odd) td { background: #1b1b1b !important; }


/* === NAVBOXY === */
/* === NAVBOXY === */
Line 249: Line 224:
   color: var(--text-secondary) !important;
   color: var(--text-secondary) !important;
}
}
 
.navbox-title { background: #222 !important; color: var(--accent-yellow) !important; }
.navbox-title {
  background: #222 !important;
  color: var(--accent-yellow) !important;
}
 
.navbox a { color: var(--link-color) !important; }
.navbox a { color: var(--link-color) !important; }
.navbox a:hover { color: var(--accent-yellow) !important; }
.navbox a:hover { color: var(--accent-yellow) !important; }


/* === INPUTY A FORMULÁRE === */
/* === INPUTY A FORMULÁRE === */
input, textarea, select,
input, textarea, select, .vector-search-box-input {
.vector-search-box-input {
   background: #121212 !important;
   background: #121212 !important;
   color: var(--text-secondary) !important;
   color: var(--text-secondary) !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
}
}
 
input::placeholder, textarea::placeholder { color: #8a8a8a !important; }
input::placeholder, textarea::placeholder {
  color: #8a8a8a !important;
}


/* === THUMBNAILY A GALÉRIE === */
/* === THUMBNAILY A GALÉRIE === */
Line 275: Line 241:
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
}
}
.thumbcaption {
.thumbcaption {
   background: #0f0f0f !important;
   background: #0f0f0f !important;
Line 292: Line 257:
   text-align: center;
   text-align: center;
}
}
.divGrayBox {
.divGrayBox {
   border: 3px solid transparent;
   border: 3px solid transparent;
Line 300: Line 264:
   padding: 10px;
   padding: 10px;
}
}
.BlockQuote {
.BlockQuote {
   display: block;
   display: block;
Line 323: Line 286:
   padding-bottom: 6px;
   padding-bottom: 6px;
}
}
.bannercurve {
.bannercurve {
   background-color: rgba(255, 255, 255, 0.10);
   background-color: rgba(255, 255, 255, 0.10);
Line 344: Line 306:
   border-color: #333 !important;
   border-color: #333 !important;
}
}
.mw-message-box {
.mw-message-box {
   background: var(--bg-tertiary) !important;
   background: var(--bg-tertiary) !important;
Line 354: Line 315:
/* === RESPONZÍVNE ÚPRAVY === */
/* === RESPONZÍVNE ÚPRAVY === */
@media only screen and (max-width: 1024px) {
@media only screen and (max-width: 1024px) {
   .mainpage-header {
   .mainpage-header { background-size: 70% 6px; }
    background-size: 70% 6px;
   #content h2 { background-position-y: 30px; padding-bottom: 6px; font-size: 15pt; }
  }
 
   #content h2 {
    background-position-y: 30px;
    padding-bottom: 6px;
    font-size: 15pt;
  }
}
}


Line 371: Line 325:
   border-top: 1px solid #222 !important;
   border-top: 1px solid #222 !important;
}
}
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
Line 379: Line 332:
hr { border: 0; border-top: 1px solid #1f1f1f !important; }
hr { border: 0; border-top: 1px solid #1f1f1f !important; }


/* ===== Global dark background & text ===== */
body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content, .mw-parser-output {
  background: #0a0a0a !important;
  color: #e6e6e6;
}
/* ===== Tables, TOC, navboxes, message boxes ===== */
.mw-parser-output table,
table, .wikitable, .toc, .navbox, .ambox {
  background: #111 !important;
  border-color: #333 !important;
}
.mw-parser-output table th,
.mw-parser-output table td {
  background: transparent !important;
  border-color: #333 !important;
}
/* ===== Infoboxes (white backgrounds -> dark) ===== */
table.infobox, .infobox,
.portable-infobox, .portable-infobox .pi-item, .portable-infobox .pi-data,
.portable-infobox .pi-header, .portable-infobox .pi-title,
.portable-infobox .pi-data-value, .portable-infobox .pi-image, .portable-infobox .pi-media {
  background: #111 !important;
  color: #eee !important;
  border-color: #333 !important;
}
/* ===== Code blocks ===== */
pre, code, .mw-code {
  background: #0f0f0f !important;
  color: #e6e6e6 !important;
  border: 1px solid #333 !important;
}
pre { padding: .6rem .8rem !important; overflow: auto; }


/* === ANTI-WHITE PANELS - KOMPLETNÉ POKRYTIE === */
/* ===== Images ===== */
.mw-parser-output img, .thumb img, .thumbimage, .mw-file-element,
.gallerybox .thumb img, .fullImageLink img,
.mw-parser-output .infobox img {
  max-width: 100% !important; height: auto !important; display: block;
}
.mw-parser-output, .vector-body, .mw-body { overflow-x: hidden; }
.thumb, .tleft, .tright, .gallerybox .thumb { overflow: hidden; max-width: 100%; }
.gallerybox .gallerytext { color: #ddd; }


/* Vector skin základy */
/* Links (dark theme tweak) */
.skin-vector body {
a { color: #8ab4ff; }
  color: var(--text-primary);
a:visited { color: #b388ff; }
   background: var(--bg-primary);
 
/* =======================
  Dark fix pack for Vector
  ======================= */
:root{ --bg:#0b0c0d; --ui-border:#2a2d33; --text:#e5e8eb; --text-muted:#a9b0b8; }
 
.mw-parser-output .thumb,
.mw-parser-output .thumb .thumbinner {
  background: transparent !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 6px;
}
.mw-parser-output .thumb .thumbimage { background: transparent !important; border: 0 !important; padding: 0 !important; }
.mw-parser-output .thumbcaption { background: transparent !important; color: var(--text-muted) !important; }
img.thumbborder, .thumbborder { border: 0 !important; }
 
.gallerybox .thumb { background: transparent !important; border-color: var(--ui-border) !important; }
.gallerybox, .gallerytext { background: transparent !important; color: var(--text) !important; }
#file img { background: transparent !important; }
 
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4,
.mw-headline, .mw-editsection, #firstHeading, .portlet .pBody, .vector-menu-content {
  background: transparent !important; color: var(--text);
}
 
.toc { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; border-radius: 6px; }
.toc .toctitle, .tocnumber { color: var(--text-muted) !important; }
 
.mw-parser-output .wikitable {
  background: #0f1012 !important; color: var(--text) !important;
  border: 1px solid var(--ui-border) !important; border-collapse: collapse;
}
.wikitable > tr > th, .wikitable > * > tr > th { background: #14161a !important; border: 1px solid var(--ui-border) !important; }
.wikitable td { border: 1px solid var(--ui-border) !important; }
.wikitable tr:nth-child(even) td { background: #101216 !important; }
.wikitable tr:hover td { background: #15181c !important; }
 
.portable-infobox { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 8px; }
.portable-infobox .pi-header, .portable-infobox .pi-data, .portable-infobox .pi-title { background: transparent !important; }
.portable-infobox .pi-image .thumb { background: transparent !important; border: 0 !important; }
 
.mw-body a:link, a { color: #f2bd00; }
a:visited { color: #c99a00; }
a.new { color: #ff7070; }
.small, small, .thumbcaption { color: var(--text-muted) !important; }
.thumb.tleft, .thumb.tright { margin-top: .3em; margin-bottom: .8em; }
 
pre, code, .mw-code { background: #0c0d0f !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 6px; }
 
/* Odstránenie bielych rámov pri obrázkoch */
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element,
.gallerybox .thumb, .gallerybox .thumb img {
   background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; outline: none !important;
}
.mw-parser-output .thumbcaption { background: transparent !important; border: 0 !important; }
.mw-body-content img, .mw-parser-output img { background-color: transparent !important; border: none !important; box-shadow: none !important; }
.toc, .vector-menu-content, .portlet .pBody { background: transparent !important; border: 1px solid #2a2d33 !important; }
figure[typeof*="mw:File"], figure[typeof*="mw:File/Thumb"], figure[typeof*="mw:File/Frame"] {
  background: transparent !important; border: 0 !important; margin: .5em auto !important; padding: 0 !important; box-shadow: none !important;
}
figure[typeof*="mw:File"] img.mw-file-element {
  background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important;
}
figure[typeof*="mw:File"] figcaption {
  background: transparent !important; color: #FCEE0A !important; border: 0 !important; padding: 0.2em 0 !important;
}
 
/* Thin yellow frame around images (global) */
:root { --accent: #f2bd00; }
figure[typeof*="mw:File"] img.mw-file-element,
.mw-parser-output .thumb .thumbimage,
.gallerybox .thumb img {
  border: 1px solid var(--accent) !important;
  border-radius: 6px;
  background: transparent !important;
  box-shadow: none !important;
}
figure[typeof*="mw:File"] img.mw-file-element:hover,
.mw-parser-output .thumb .thumbimage:hover,
.gallerybox .thumb img:hover {
  box-shadow: 0 0 0 1px rgba(242,189,0,.25), 0 0 10px rgba(242,189,0,.15) !important;
}
}


.skin-vector .mw-body,
/* Random teaser card */
.skin-vector .mw-workspace-container {
.random-card {
   background: var(--bg-primary);
  display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center;
  background: #0f1012; border: 1px solid #2a2d33; border-radius: 8px;
  padding: 12px; margin: 8px 0 16px 0; color: #e5e8eb;
}
.random-card.loading { opacity: .7; }
.random-card .thumb {
  width: 120px; height: 120px; overflow: hidden; border-radius: 6px;
  background: #0b0c0d; display: flex; align-items: center; justify-content: center;
  border: 1px solid #2a2d33;
}
.random-card .thumb img { max-width: 100%; height: auto; display: block; }
.random-card .content h3 { margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2; }
.random-card .content p { margin: 0 0 8px 0; color: #a9b0b8; }
.random-card .actions { display: flex; gap: 8px; margin-top: 6px; }
.random-card .btn {
  border: 1px solid #2a2d33; padding: 4px 8px; border-radius: 6px;
   background: #14161a; color: #e5e8eb; cursor: pointer; text-decoration: none;
}
.random-card .btn:hover { background: #15191f; }
@media (max-width: 600px){
  .random-card { grid-template-columns: 1fr; }
  .random-card .thumb { width: 100%; height: auto; }
}
}


/* Page transparency */
/* ===== Main page – compact header ===== */
.page__main {  
.mp-hero {
   background-color: rgba(10,10,10,0.9) !important;  
   display: grid; grid-template-columns: 2fr 1.2fr; gap: 12px; align-items: stretch; margin: 6px 0 12px;
}
}
@media (max-width: 900px){ .mp-hero { grid-template-columns: 1fr; } }


/* Všetky možné biele panely */
/* Random teaser – compact variant */
.page, .page-content, .mw-content-text,
.random-card.compact{
.mw-parser-output, .content, article {
  display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center;
   background: var(--bg-primary) !important;
  background:#0f1012; border:1px solid #2a2d33; border-radius:8px;
   color: var(--text-primary) !important;
  padding:10px; margin:0;
}
.random-card.compact .thumb{
  width:110px; height:110px; overflow:hidden; border-radius:6px; border:1px solid #2a2d33;
  display:flex; align-items:center; justify-content:center;
}
.random-card.compact .thumb img{ max-width:100%; height:auto; display:block; }
.random-card.compact .content h3{ margin:0 0 4px; font-size:1.05rem; line-height:1.2; }
.random-card.compact .content p{ margin:0 0 6px; color:#a9b0b8; max-height:3.2em; overflow:hidden; }
.random-card.compact .actions{ display:flex; gap:6px; }
.random-card.compact .btn{
   border:1px solid #2a2d33; padding:3px 7px; border-radius:6px;
   background:#14161a; color:#e5e8eb; text-decoration:none; cursor:pointer;
}
}
.random-card.compact .btn:hover{ background:#15191f; }


/* Sidebar a navigačné elementy */
/* Quick cards */
#mw-panel .portal h3,
.mp-cards{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
#mw-panel .portal li a {
@media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } }
   color: var(--text-muted) !important;
.mp-card{
   background:#0f1012; border:1px solid #2a2d33; border-radius:8px; padding:10px 12px;
}
}
.mp-card h4{ margin:0 0 6px; font-size:1rem; color:#f2bd00; }
.mp-card p{ margin:0; line-height:1.45; }
.mp-card a{ text-decoration:none; }


#mw-panel .portal li a:hover {
/* Thin stats bar under hero */
   color: var(--accent-yellow) !important;
.mp-strip{
  display:flex; flex-wrap:wrap; gap:10px;
  padding:8px 10px; margin: 6px 0 12px;
  border:1px solid #2a2d33; border-radius:8px; background:#0f1012;
  font-size: .95rem;
}
.mp-chip{
   padding:3px 8px; border:1px solid #2a2d33; border-radius:999px; background:#14161a;
}
}


/* Záložky Vector skinu */
/* Infobox & TOC – kompaktnejšie medzery */
.vector-menu-tabs a {
.infobox, .portable-infobox{ margin-top:4px !important; }
  background: #0f0f0f !important;
.toc ul{ margin-top:4px; }
  color: var(--text-muted) !important;
 
  border-color: #222 !important;
/* Voliteľne: zruš neočakávané biele okraje okolo obrázkov */
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element{
  background:transparent!important; border:0!important; padding:0!important; box-shadow:none!important;
}
}


.vector-menu-tabs .selected a {
/* === CYBERPUNK SYSTÉMOVÉ POŽIADAVKY – FINÁLNA TABUĽKA (zlúčené) === */
   background: #141414 !important;
.article-table-cyberpunk,
   color: var(--accent-yellow) !important;
.article-table-cyberpunk th,
   border-bottom-color: #141414 !important;
.article-table-cyberpunk td {
   border-style: solid !important;
   border-color: var(--cp-yellow) !important;
}
.article-table-cyberpunk {
  /* separate -> žiadne konflikty a zachovaný vzhľad */
  border-collapse: separate !important;
   border-spacing: 0 !important;
  width: 100%;
  table-layout: auto;
  background: #0b0b0b;
  color: #f5f5f5;
  border-width: 2px !important;      /* vonkajší rám – tenší */
}
.article-table-cyberpunk th,
.article-table-cyberpunk td {
  /* tenké vnútorné línie + kompaktné odsadenie a menšie písmo */
  border-width: 1px !important;
  padding: 5px 8px;
  text-align: center;
  vertical-align: middle;
  background-clip: padding-box;
  font-size: 13px !important;
  line-height: 1.3em;
}
.article-table-cyberpunk th {
  background: #1a1a1a;
  color: #fffcc0;
  font-weight: 600;
}
}


/* Vyhľadávacie pole */
/* --- koniec --- */
#simpleSearch, .vector-search-box {
 
   background: var(--bg-secondary) !important;
/* ==== FIX: biele plochy & žltá mriežka pre .article-table-cyberpunk ==== */
  border: 1px solid #222 !important;
 
/* 0) Stabilné tmavé pozadia (aj keď niečo zdedí transparent) */
body, .mw-body, .mw-body-content, #content,
.vector-body, .vector-page-content, .mw-parser-output {
   background-color: #0a0a0a !important;
}
}


/* Všetky možné white containery */
/* 1) Zruš globálne prebitie border-color pre našu tabuľku */
.mw-body-content,
.article-table-cyberpunk, .article-table-cyberpunk * {
.mw-content-container,
   border-color: var(--cp-yellow, #ffff00) !important;
#bodyContent,
   border-style: solid !important;
#mw-content-text,
.parsoid-body {
   background: var(--bg-primary) !important;
   color: var(--text-primary) !important;
}
}


/* Kategórie */
/* 2) Najvyššia špecificita proti všeobecným pravidlám na table/td/th */
#catlinks {
.mw-parser-output table.article-table-cyberpunk,
  background: var(--bg-secondary) !important;
.mw-parser-output table.article-table-cyberpunk th,
  border: 1px solid #333 !important;
.mw-parser-output table.article-table-cyberpunk td {
   border-left: 3px solid var(--accent-yellow) !important;
   border-color: var(--cp-yellow, #ffff00) !important;
}
}


#catlinks a { color: var(--link-color) !important; }
/* 3) Režim bez konfliktov + presné hrúbky (tenká žltá mriežka) */
#catlinks a:hover { color: var(--accent-yellow) !important; }
.mw-parser-output table.article-table-cyberpunk {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100%;
  table-layout: auto;
  background: #0b0b0b !important;
  color: #f5f5f5 !important;
  border-width: 2px !important;      /* vonkajší rám */
}
.mw-parser-output table.article-table-cyberpunk th,
.mw-parser-output table.article-table-cyberpunk td {
  border-width: 1px !important;      /* vnútorná mriežka */
  padding: 5px 8px !important;
  text-align: center;
  vertical-align: middle;
  background-clip: padding-box;
  font-size: 13px !important;
  line-height: 1.3em !important;
}
.mw-parser-output table.article-table-cyberpunk th {
  background: #1a1a1a !important;
  color: #fffcc0 !important;
  font-weight: 600 !important;
}


/* Referencie a citations */
/* 4) Oprav biele pásy z iných tabuliek/boxov, ktoré mali transparent
.references, .mw-references-wrap {
      a sedeli na svetlom predku (bez menenia tvojho vzhľadu) */
  background: var(--bg-secondary) !important;
.mw-parser-output .toc,
  border: 1px solid var(--accent-yellow) !important;
.mw-parser-output .navbox,
   padding: .6rem .8rem !important;
.mw-parser-output .ambox,
   border-radius: 4px;
.mw-parser-output .wikitable,
.mw-parser-output .thumb,
.mw-parser-output .gallerybox,
.mw-parser-output figure[typeof*="mw:File"] {
   background-color: #0f1012 !important;
   border-color: #2a2d33 !important;
}
}


ol.references li:target,
/* 5) Vector/Timeless ešte raz pre istotu prebijeme hranice v tabuľke */
sup.reference:target {
.skin-vector .article-table-cyberpunk th,
   background-color: rgba(41,255,255,.2) !important;
.skin-vector .article-table-cyberpunk td,
.skin-timeless .article-table-cyberpunk th,
.skin-timeless .article-table-cyberpunk td {
   border-color: var(--cp-yellow, #ffff00) !important;
}
}
/* ==== FIX: biele záložky hore + modrá horná čiara ==== */


/* Kód bloky */
/* 0) zruš modrú hornú linku pod headerom */
pre, code, .mw-code {
#content, .mw-body, .mw-body-content { border: 0 !important; }
  background: #101010 !important;
 
   color: #e8e8e8 !important;
/* 1) bar za tabuľkami hore nech nie je biely */
   border: 1px solid #2a2a2a !important;
#mw-head, #left-navigation, #right-navigation,
   border-radius: 4px;
#p-namespaces, #p-views,
.vector-menu-tabs, .vector-menu-tabs-legacy,
.vector-menu, .vector-menu-content {
   background: transparent !important;
   border-color: #222 !important;
   box-shadow: none !important;
}
}


pre {
/* 2) samotné „pills“ – tmavé pozadie bez gradientov (Vector legacy aj 2022) */
   padding: .6rem .8rem !important;
.vector-menu-tabs a,
   overflow: auto;
.vector-menu-tabs-legacy li a,
.skin-vector #p-namespaces .vector-menu-content-list > li > a,
.skin-vector #p-views .vector-menu-content-list > li > a,
.skin-vector-legacy #p-namespaces .vector-menu-content-list > li > a,
.skin-vector-legacy #p-views .vector-menu-content-list > li > a {
   background: #141414 !important;
  background-image: none !important;
  color: #e6e6e6 !important;
  border: 1px solid #333 !important;
   box-shadow: none !important;
}
}


/* Blockquotes */
/* 3) aktívna záložka */
blockquote {
.vector-menu-tabs .selected a,
  border-left: 3px solid var(--accent-yellow);
.vector-menu-tabs-legacy .selected a,
   background: var(--bg-secondary);
.skin-vector #p-namespaces .vector-menu-content-list > li.selected > a,
   padding: .6rem .8rem;
.skin-vector #p-views .vector-menu-content-list > li.selected > a {
   color: #dcdcdc;
  background: #1b1b1b !important;
   color: var(--accent-yellow, #FCEE0A) !important;
   border-color: #444 !important;
   border-bottom-color: #1b1b1b !important; /* žiadny svetlý „schodík“ */
}
}


/* Lists */
/* 4) odstráň biele pozadie na LI kontajneroch */
.mw-body-content ul,
.vector-menu-tabs li,
.mw-body-content ol {
.vector-menu-tabs-legacy li,
   margin: .4rem 0 .8rem 2rem !important;
#p-namespaces .vector-menu-content-list > li,
#p-views .vector-menu-content-list > li {
   background: transparent !important;
}
/* === FIX: skutočne tenká 1px žltá mriežka bez zdvojovania === */
.mw-parser-output table.article-table-cyberpunk {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  /* ponechaj svoj vonkajší rám (ak ho chceš tenší, daj 1px) */
  border: 2px solid var(--cp-yellow, #ffff00) !important;
}
}


.mw-body-content li {
/* reset – žiadne „druhé“ okraje na bunkách */
   line-height: 1.5;
.mw-parser-output table.article-table-cyberpunk th,
.mw-parser-output table.article-table-cyberpunk td {
   border: 0 !important;
  /* kreslíme len pravú a spodnú hranu = jedna línia medzi bunkami */
  border-right: 1px solid var(--cp-yellow, #ffff00) !important;
  border-bottom: 1px solid var(--cp-yellow, #ffff00) !important;
}
}


.page-content li::marker {
/* doplň ľavý okraj prvej bunky v riadku */
   color: var(--accent-cyan);
.mw-parser-output table.article-table-cyberpunk tr > *:first-child {
   border-left: 1px solid var(--cp-yellow, #ffff00) !important;
}
}


/* Všetky OOUI komponenty */
/* doplň horný okraj na prvom riadku (hlavička) */
.oo-ui-widget,
.mw-parser-output table.article-table-cyberpunk tr:first-child > * {
.oo-ui-optionWidget,
   border-top: 1px solid var(--cp-yellow, #ffff00) !important;
.oo-ui-toolbar,
.mw-rcfilters-ui-filterMenuHeaderWidget,
.mw-rcfilters-ui-rcTopSectionWidget,
.oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagItemWidget.oo-ui-widget,
.oo-ui-menuSelectWidget,
.oo-ui-menuSelectWidget .oo-ui-menuOptionWidget,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-body {
   background-color: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
}


/* Všetky možné message boxy */
 
.mw-message-box,
/* ==== EDIT PAGE DARK FIX (Vector, wikiEditor, CodeMirror, OOUI) ==== */
.mw-message-box-warning,
 
.mw-message-box-error,
/* celý editovací formulár */
.mw-message-box-success,
#editform, .mw-editform, form#editform {
.warningbox,
   background: var(--bg-secondary) !important;
.errorbox,
  border: 1px solid #333 !important;
.successbox,
.mw-warning,
.mw-editnotice,
.mw-warning-with-logexcerpt {
   background: var(--bg-tertiary) !important;
   color: var(--text-secondary) !important;
   color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
  padding: 0.75em 1em !important;
}
}


/* Farebné akcenty pre message boxy */
/* wikiEditor kontajnery */
.mw-message-box-warning, .warningbox {
.wikiEditor-ui,
   border-left: 4px solid #d19a00 !important;
.wikiEditor-ui-top, .wikiEditor-ui-toolbar, .wikiEditor-ui-tabs,
.wikiEditor-ui-view, .wikiEditor-ui-bottom,
.wikiEditor-ui .dropDown, .wikiEditor-ui .menu .options, .wikiEditor-ui .panel {
  background: #0f1012 !important;
   border-color: #333 !important;
  color: var(--text-secondary) !important;
}
}


.mw-message-box-error, .errorbox {
/* textové polia (obsah + zhrnutie) */
   border-left: 4px solid #c0392b !important;
#wpTextbox1, #wpSummary,
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea,
.mw-ui-input, .mw-ui-textfield {
  background: #121212 !important;
  color: var(--text-secondary) !important;
   border: 1px solid #333 !important;
}
}


.mw-message-box-success, .successbox {
/* CodeMirror – celé pozadie ide na dark */
   border-left: 4px solid #27ae60 !important;
.CodeMirror, .CodeMirror-scroll, .CodeMirror-gutters {
  background: #121212 !important;
  color: var(--text-secondary) !important;
   border-color: #333 !important;
}
}


/* Editačné formuláre */
/* spodné sekcie (minor edit, watch, tools…) */
.editOptions,
.editOptions, .editCheckboxes, .mw-editTools,
.editCheckboxes,
.templatesUsed, #templatesUsed, .previewnote, .mw-warning-with-logexcerpt {
#wpTextbox1,
#wpSummary {
   background: var(--bg-secondary) !important;
   background: var(--bg-secondary) !important;
   color: var(--text-secondary) !important;
   color: var(--text-secondary) !important;
Line 559: Line 769:
}
}


.editButtons input,
/* labely a checkbox kontajnery nech nie sú biele */
.editButtons button {
.mw-editform label, .mw-ui-checkbox, .mw-ui-radio {
  background: transparent !important;
  color: var(--text-secondary) !important;
  border: 0 !important;
}
 
/* tlačidlá */
.editButtons input, .editButtons button,
.mw-ui-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button {
   background: #222 !important;
   background: #222 !important;
   color: var(--text-secondary) !important;
   color: var(--text-secondary) !important;
   border: 1px solid #555 !important;
   border: 1px solid #555 !important;
  box-shadow: none !important;
}
/* placeholder farba */
#wpSummary::placeholder, #wpTextbox1::placeholder,
.oo-ui-textInputWidget input::placeholder,
.oo-ui-textInputWidget textarea::placeholder {
  color: #8a8a8a !important;
}
/* === Fix bielych pozadí v MediaWiki === */
/* Hlavný obsah */
.mw-body,
.mw-parser-output,
body,
html {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
}


/* CodeMirror */
/* Tabuľky */
.CodeMirror,
.wikitable,
.CodeMirror-gutters {
.mw-parser-output table,
.mw-parser-output th,
.mw-parser-output td {
   background: var(--bg-secondary) !important;
   background: var(--bg-secondary) !important;
   color: var(--text-secondary) !important;
   border: 1px solid var(--accent-yellow) !important;
   border-color: #333 !important;
   color: var(--text-primary) !important;
}
}


.CodeMirror-cursor {
/* Infoboxy a bočné boxy */
   border-left: 1px solid var(--text-secondary) !important;
.infobox,
.navbox,
.toc,
.mw-warning,
.mw-message-box,
.mw-body-content {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
   border: 1px solid var(--accent-yellow) !important;
}
}


/* Changeslist a Recent Changes */
/* Transcript a preformatovaný text */
.mw-changeslist,
pre,
.mw-changeslist-line,
code,
.mw-rcfilters-ui-watchlistTopSectionWidget,
blockquote {
.mw-changeslist-legend,
.mw-changeslist-legend dl,
.mw-changeslist-legend dd {
   background: var(--bg-tertiary) !important;
   background: var(--bg-tertiary) !important;
   color: var(--text-secondary) !important;
   color: var(--text-secondary) !important;
   border-color: #333 !important;
   border: 1px solid var(--accent-yellow) !important;
  padding: 0.5em;
}
 
/* Hlavičky a nadpisy */
h1, h2, h3, h4, h5, h6 {
  background: transparent !important;
  color: var(--accent-yellow) !important;
}
}


/* Všetky možné DataTables a špeciálne stránky */
/* Linky */
table.mw-datatable,
a,
.TablePager,
a:visited {
table.filelist,
   color: var(--link-color) !important;
.mw-pager-navigation,
.TablePager_nav {
   background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
}
}


table.mw-datatable th,
/* === Fix white bar on categories (#catlinks) === */
table.mw-datatable td,
#catlinks,
.TablePager th,
#catlinks .mw-normal-catlinks,
.TablePager td,
.skin-vector #catlinks,
table.filelist th,
.skin-vector-2022 #catlinks,
table.filelist td {
.skin-monobook #catlinks,
.skin-timeless #catlinks {
   background: var(--bg-secondary) !important;
   background: var(--bg-secondary) !important;
   color: var(--text-secondary) !important;
   color: var(--text-primary) !important;
   border-color: #333 !important;
   border: 1px solid var(--accent-yellow) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  box-shadow: none !important;
}
 
/* Inline list, no bullets, no extra gaps */
#catlinks ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}
#catlinks li {
  display: inline !important;
  margin: 0 .6em 0 0 !important;
}
 
/* Links/colors */
#catlinks a,
#catlinks a:visited {
  color: var(--link-color) !important;
  background: transparent !important;
  text-decoration: none;
}
#catlinks a:hover { text-decoration: underline; }
 
/* Remove any inherited white backgrounds from descendants */
#catlinks * {
  background-color: transparent !important;
}
}


/* Pruhovanie tabuliek */
/* 2025 09 05 - 15 08 */
table.mw-datatable tr:nth-child(even) > td,
 
table.filelist tr:nth-child(even) > td {
/***** LAYOUT & TYPO *****/
   background: #161616 !important;
.mw-body, .mw-parser-output { line-height: 1.5; }
.mw-parser-output img, .mw-parser-output video, .mw-parser-output .thumb img {
   max-width: 100% !important; height: auto !important;
}
}


/* Hatnotes a notice boxy */
/***** INFOBOX A PRAVÝ STĹPEC *****/
.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox,
.infobox, .portable-infobox {
.hatnote, .notice {
  float: right;
  width: 320px; max-width: 100%;
  margin: .5rem 0 .75rem .75rem;
   background: var(--bg-secondary) !important;
   background: var(--bg-secondary) !important;
   color: #e6e6e6 !important;
   border: 1px solid var(--accent-yellow) !important;
   border: 1px solid #333 !important;
}
   border-left: 4px solid var(--link-color) !important;
@media (max-width: 1100px) {
   padding: .65rem .8rem !important;
   .infobox, .portable-infobox { float:none; margin:.75rem 0; }
   margin: .8rem 0 !important;
}
   border-radius: 3px;
 
/***** TABUĽKY – PRETEKANIE DOPRAVA *****/
/* 1) Každú wiki tabuľku sprav ako blok s horizontálnym scrollom */
.mw-parser-output .wikitable,
.mw-parser-output table.prettytable,
.mw-parser-output table {
  display: block;                /* umožní overflow-x */
  max-width: 100%;
   overflow-x: auto;              /* scroll pri úzkych viewportoch */
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
  clear: both;                   /* nenechaj ju „napchávať sa“ vedľa infoboxu */
   border-collapse: collapse;
   background: var(--bg-secondary) !important;
   border: 1px solid var(--accent-yellow) !important;
}
}


/* Bezpečnostné globálne pravidlá pre všetky elementy */
/* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */
div, section, article, aside, main, header, footer,
.mw-parser-output .wikitable th,
nav, span, p, ul, ol, li, dl, dt, dd {
.mw-parser-output .wikitable td,
   background-color: inherit;
.mw-parser-output table th,
.mw-parser-output table td {
   white-space: normal !important;    /* zabrání nekonečným riadkom */
  overflow-wrap: anywhere;            /* láme veľmi dlhé slová/URL */
  word-break: break-word;
  hyphens: auto;
  padding: .4rem .5rem;
  border: 1px solid var(--accent-yellow) !important;
}
}


/* Force dark pre akékoľvek inline štýly */
/* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */
[style*="background: white"],
.mw-parser-output .wikitable { table-layout: fixed; }
[style*="background-color: white"],
 
[style*="background: #fff"],
/***** TOC, QUOTES, PRE/ CODE *****/
[style*="background-color: #fff"] {
#toc, .toc {
   background: var(--bg-primary) !important;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--accent-cyan) !important;
}
pre, code, blockquote {
   background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--accent-yellow) !important;
  padding: .5rem .6rem;
  max-width: 100%;
  overflow: auto;                  /* dlhé riadky nech sa scrollujú, nie rozbíjajú layout */
}
}


[style*="color: black"],
/***** DOLADENIE ROZHRANIA *****/
[style*="color: #000"] {
/* Kategórie – už máš, ale doplním drobnosti pre konzistenciu */
#catlinks, #catlinks * { background: transparent !important; }
#catlinks { background: var(--bg-secondary) !important; border:1px solid var(--accent-cyan) !important; }
 
/* Mini fixy pre systémové boxy a message bannery */
.mw-message-box, .mw-warning, .mw-notification {
  background: var(--bg-secondary) !important;
  border-color: var(--accent-cyan) !important;
   color: var(--text-primary) !important;
   color: var(--text-primary) !important;
}
}


/* === BEZPEČNOSTNÉ OVERRIDES === */
/***** HRANICE A MIERKA TABULIEK *****/
* { border-color: currentColor; }
.mw-parser-output .wikitable caption { color: var(--text-secondary); }
hr { border: 0; border-top: 1px solid #1f1f1f !important; }
.mw-parser-output .wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02); }
 
/* ************************** */
/***** TEXT – lepšia čitateľnosť *****/
.mw-body,
.mw-parser-output p,
.mw-parser-output li {
  max-width: 900px;          /* obmedz šírku odstavcov na čitateľnú mieru */
  margin-left: auto;
  margin-right: auto;
  line-height: 1.65;          /* vzdušnejšie riadkovanie */
  font-size: 15px;            /* o trochu väčší, kompaktnejší text */
  letter-spacing: 0.2px;      /* jemné rozšírenie písma pre cyberpunk vzhľad */
  color: var(--text-primary);
}
 
/* Tighter spacing pre headings */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3 {
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.3;
}
 
/* Odrážky a zoznamy nech sú kompaktnejšie */
.mw-parser-output ul,
.mw-parser-output ol {
  margin-top: 0.4em;
  margin-bottom: 0.8em;
  padding-left: 1.4em;
}
 
 
/*    ============================================================================================== */
 


/* ===== Global dark background & text ===== */
/* === TYPO RESET: jednotná veľkosť a odsadenie === */
body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content,
.mw-body,
.mw-parser-output {
.mw-parser-output {
   background: #0a0a0a !important;
   --font-body: 15.5px;
   color: #e6e6e6;
   --lh: 1.65;
  --space-xxs: .25rem;
  --space-xs: .4rem;
  --space-sm: .6rem;
  --space-md: .9rem;
  font-size: var(--font-body);
  line-height: var(--lh);
}
}


/* ===== Tables, TOC, navboxes, message boxes ===== */
/* Bežný text (odstavce, zoznamy, definície) – všade rovnaké */
.mw-parser-output p,
.mw-parser-output li,
.mw-parser-output dd,
.mw-parser-output dt,
.mw-parser-output blockquote,
.mw-parser-output pre,
.mw-parser-output code,
.mw-parser-output table,
.mw-parser-output table,
table, .wikitable, .toc, .navbox, .ambox {
.mw-parser-output .infobox,
   background: #111 !important;
.mw-parser-output .portable-infobox,
   border-color: #333 !important;
.mw-parser-output .toc,
.mw-parser-output .navbox,
.mw-parser-output .mw-message-box {
   font-size: 1em;          /* žiadne zmenšovanie/zväčšovanie */
  line-height: var(--lh);  /* jednotné riadkovanie */
}
 
/* Konzistentné okraje bežných prvkov */
.mw-parser-output p        { margin: 0 0 var(--space-sm); }
.mw-parser-output ul,
.mw-parser-output ol      { margin: var(--space-xs) 0 var(--space-sm); padding-left: 1.4em; }
.mw-parser-output li      { margin: 0 0 var(--space-xxs); }
.mw-parser-output dl      { margin: var(--space-xs) 0 var(--space-sm); }
.mw-parser-output dt      { font-weight: 600; margin-top: var(--space-xxs); }
.mw-parser-output dd      { margin-left: 1.1em; }
 
/* Nadpisy – rovnaké medzery nad/pod a mierka */
.mw-parser-output h1 { font-size: 1.9em; margin: 1.2em 0 .55em; line-height: 1.25; }
.mw-parser-output h2 { font-size: 1.55em; margin: 1.1em 0 .5em;  line-height: 1.28; }
.mw-parser-output h3 { font-size: 1.3em;  margin: 1.0em 0 .45em; line-height: 1.3; }
.mw-parser-output h4 { font-size: 1.12em; margin: .9em 0 .4em;  line-height: 1.35; }
.mw-parser-output h5,
.mw-parser-output h6 { font-size: 1em;    margin: .8em 0 .35em; }
 
/* TOC, infobox, tabuľky – nech neprepisujú typografiu */
.mw-parser-output #toc,
.mw-parser-output .toc,
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox,
.mw-parser-output .wikitable,
.mw-parser-output table {
  margin-top: var(--space-sm);
  margin-bottom: var(--space-md);
}
 
/* Obrázky a popisky – mierne kompaktnejšie, ale stále čitateľné */
.mw-parser-output .thumb .thumbcaption,
.mw-parser-output figcaption { font-size: .95em; line-height: var(--lh); }
 
/* Poznámky a referencie – jednotné medzery */
.mw-parser-output .references li { margin: 0 0 var(--space-xxs); line-height: var(--lh); }
.mw-parser-output .reference { font-size: .95em; }
 
/* Zaruč rovnakú veľkosť textu aj v tabuľkách/infoboxe */
.mw-parser-output .wikitable th,
.mw-parser-output .wikitable td,
.mw-parser-output .infobox td,
.mw-parser-output .infobox th { font-size: 1em; line-height: var(--lh); padding: .4rem .5rem; }
 
/* Zbytočne „zmenšené“ systémové prvky narovnaj */
#catlinks, .mw-notification, .mw-warning, .hatnote, .dablink { font-size: 1em; line-height: var(--lh); }
 
/* Voliteľné: obmedz čitateľnú šírku bežného textu (bez tabuliek/infoboxu) */
.mw-parser-output > p,
.mw-parser-output > ul,
.mw-parser-output > ol,
.mw-parser-output > dl,
.mw-parser-output > blockquote {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}
 
 
/*  - ------------------------------------------------------------------------------      */
/* === Fix obtekania obrázkov === */
.mw-parser-output .thumb,
.mw-parser-output .floatleft,
.mw-parser-output .floatright,
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
  margin: 0.5rem 1.2rem 0.8rem 1.2rem !important; /* väčšie odsadenie zo všetkých strán */
}
 
/* Ak je obrázok vľavo, nech má extra priestor vpravo */
.mw-parser-output .floatleft,
.mw-parser-output .thumb.tright {
   margin-right: 1.5rem !important;
}
 
/* Ak je obrázok vpravo, nech má extra priestor vľavo */
.mw-parser-output .floatright,
.mw-parser-output .thumb.tleft,
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
  margin-left: 1.5rem !important;
}
 
/* Popisky pod obrázkami nech sú kompaktnejšie, ale čitateľné */
.mw-parser-output .thumbcaption {
  font-size: 0.95em;
  line-height: 1.5;
  margin-top: 0.3rem;
}
 
/* Väčšie medzery okolo plávajúcich prvkov */
.mw-parser-output .thumb,
.mw-parser-output .floatleft,
.mw-parser-output .floatright,
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
  margin-top: .5rem !important;
  margin-bottom: .8rem !important;
}
}
.mw-parser-output table th,
 
.mw-parser-output table td {
/* Obrázok vľavo → priestor vpravo */
   background: transparent !important;
.mw-parser-output .thumb.tleft,
   border-color: #333 !important;
.mw-parser-output .floatleft {
   margin-left: 0 !important;
   margin-right: 1.6rem !important;
}
}


/* ===== Infoboxes (white backgrounds -> dark) ===== */
/* Obrázok vpravo (aj infobox) → priestor vľavo */
table.infobox, .infobox,
.mw-parser-output .thumb.tright,
.portable-infobox, .portable-infobox .pi-item, .portable-infobox .pi-data,
.mw-parser-output .floatright,
.portable-infobox .pi-header, .portable-infobox .pi-title,
.mw-parser-output .infobox,
.portable-infobox .pi-data-value, .portable-infobox .pi-image, .portable-infobox .pi-media {
.mw-parser-output .portable-infobox {
   background: #111 !important;
   margin-right: 0 !important;
   color: #eee !important;
   margin-left: 1.6rem !important;
  border-color: #333 !important;
}
}


/* ===== Code blocks ===== */
/* Jemný vnútorný odstup v rámci rámčeka thumb */
pre, code, .mw-code {
.mw-parser-output .thumb .thumbinner {
   background: #0f0f0f !important;
   padding: .25rem !important;
  color: #e6e6e6 !important;
  border: 1px solid #333 !important;
}
}


/* ===== Images: no overflow, responsive ===== */
/* Pri tabulkách: viac priestoru medzi stĺpcami s textom */
.mw-parser-output img,
.mw-parser-output table td,
.thumb img, .thumbimage, .mw-file-element,
.mw-parser-output table th {
.gallerybox .thumb img, .fullImageLink img,
   padding: 0.75rem 0.9rem !important;
.mw-parser-output .infobox img {
   vertical-align: top;                 /* text hore vedľa obrázka */
   max-width: 100% !important;
   height: auto !important;
  display: block;
}
}


/* Containers shouldn’t overflow horizontally */
/* Extra ľavé odsadenie pre každý nasledujúci stĺpec v riadku */
.mw-parser-output, .vector-body, .mw-body { overflow-x: hidden; }
.mw-parser-output table td + td,
.mw-parser-output table th + td,
.mw-parser-output table th + th {
  padding-left: 1.25rem !important;   /* toto vytvorí medzeru od obrázka */
}


/* Thumbs/galleries keep content clipped inside */
/* Ak je v bunke obrázok, nech je jemný odstup od rámu bunky */
.thumb, .tleft, .tright, .gallerybox .thumb {
.mw-parser-output table td img,
   overflow: hidden;
.mw-parser-output table td .thumb {
   margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
   max-width: 100%;
   max-width: 100%;
  height: auto;
}
}


/* Gallery text color */
/* Odstránenie bielych pozadí z RecentChanges */
.gallerybox .gallerytext { color: #ddd; }
.mw-body,
 
.mw-body-content,
/* Links (optional tweak for readability on dark bg) */
.rcfilters-head,
a { color: #8ab4ff; }
.mw-changeslist-legend,
a:visited { color: #b388ff; }
.mw-changeslist,
.mw-specialpage-summary {
  background: transparent !important;
  color: var(--text-primary, #fff) !important;
}
.mw-changeslist-legend,
.rcfilters-head {
  border: 1px solid #333 !important;
}
/* Fix bielych rámikov v Live updates / filteroch */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper,
.oo-ui-menuSelectWidget,
.oo-ui-tagMultiselectWidget-handle {
  background-color: #111 !important;
  color: #fff !important;
}