@@ Line 195: / Line 195: @@
    background: var(--accent-yellow) !important;
    color: #111 !important;
-   border:
+   border: 1px solid #555 !important;
+}
+.wds-tabs__tab:hover .wds-tabs__tab-label,
+.pi-tab-link:hover {
+  background: var(--bg-tertiary) !important;
+  color: var(--link-color) !important;
+}
+/* === TABUĽKY (všeobecné) === */
+.wikitable, table, .infobox {
+  background: var(--bg-tertiary) !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid #333 !important;
+  margin-left: 15px !important;
+}
+.wikitable th, .infobox th {
+  background: #222 !important;
+  color: var(--accent-yellow) !important;
+}
+.wikitable tr:nth-child(even) td { background: #171717 !important; }
+.wikitable tr:nth-child(odd)  td { background: #1b1b1b !important; }
+/* === NAVBOXY === */
+.navbox {
+  --navbox-bg-color: var(--bg-secondary) !important;
+  background: var(--bg-secondary) !important;
+  border: 1px solid var(--accent-cyan) !important;
+  color: var(--text-secondary) !important;
+}
+.navbox-title { background: #222 !important; color: var(--accent-yellow) !important; }
+.navbox a { color: var(--link-color) !important; }
+.navbox a:hover { color: var(--accent-yellow) !important; }
+/* === INPUTY A FORMULÁRE === */
+input, textarea, select, .vector-search-box-input {
+  background: #121212 !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid #333 !important;
+}
+input::placeholder, textarea::placeholder { color: #8a8a8a !important; }
+/* === THUMBNAILY A GALÉRIE === */
+.thumb, .thumbinner, .gallery, .gallerybox {
+  background: var(--bg-secondary) !important;
+  border: 1px solid #333 !important;
+}
+.thumbcaption {
+  background: #0f0f0f !important;
+  color: var(--text-muted) !important;
+  border-top: 1px solid #333 !important;
+}
+/* === UTILITY CLASSES === */
+.divYellowBox {
+  border: 3px solid transparent;
+  border-image: var(--main-box) round;
+  border-image-slice: 10% fill;
+  border-image-width: 20px;
+  margin: 10px auto;
+  overflow: hidden;
+  text-align: center;
+}
+.divGrayBox {
+  border: 3px solid transparent;
+  border-image: var(--main-box-alt) round;
+  border-image-slice: 10% fill;
+  border-image-width: 20px;
+  padding: 10px;
+}
+.BlockQuote {
+  display: block;
+  border: 2px solid var(--accent-yellow);
+  border-radius: 10px;
+  text-align: center;
+  padding: 1em;
+  overflow: hidden;
+}
+/* === ŠPECIALIZOVANÉ KOMPONENTY === */
+.mainpage-header {
+  font-size: 18pt;
+  letter-spacing: 1px;
+  text-align: center;
+  margin-top: 5px;
+  background-image: var(--h2-bg-image);
+  background-repeat: no-repeat;
+  background-position: 50% 100%;
+  background-size: 70% 8px;
+  color: var(--accent-cyan);
+  padding-bottom: 6px;
+}
+.bannercurve {
+  background-color: rgba(255, 255, 255, 0.10);
+  margin: 10px auto;
+  border: 1px solid var(--accent-yellow);
+  border-left: 4px solid var(--accent-yellow);
+  text-align: center;
+  color: var(--text-primary);
+  width: auto;
+  overflow: auto;
+  padding: 5px;
+}
+/* === OOUI A SPRÁVY === */
+.oo-ui-panelLayout, .oo-ui-widget,
+.oo-ui-textInputWidget input,
+.oo-ui-dropdownWidget-handle {
+  background: var(--bg-tertiary) !important;
+  color: var(--text-secondary) !important;
+  border-color: #333 !important;
+}
+.mw-message-box {
+  background: var(--bg-tertiary) !important;
+  color: var(--text-secondary) !important;
+  border: 1px solid #333 !important;
+  border-left: 4px solid var(--link-color) !important;
+}
+/* === RESPONZÍVNE ÚPRAVY === */
+@media only screen and (max-width: 1024px) {
+  .mainpage-header { background-size: 70% 6px; }
+  #content h2 { background-position-y: 30px; padding-bottom: 6px; font-size: 15pt; }
+}
+/* === PÄTIČKA === */
+#footer, .mw-footer {
+  background: #0f0f0f !important;
+  color: #9a9a9a !important;
+  border-top: 1px solid #222 !important;
+}
+#footer a, .mw-footer a { color: #c8c8c8 !important; }
+#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
+/* === BEZPEČNOSTNÉ OVERRIDES === */
+* { border-color: currentColor; }
+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; }
+/* ===== 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; }
+/* Links (dark theme tweak) */
+a { color: #8ab4ff; }
+a:visited { color: #b388ff; }
+/* =======================
+   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;
+}
+/* Random teaser card */
+.random-card {
+  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; }
+}
+/* ===== Main page – compact header ===== */
+.mp-hero {
+  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; } }
+/* Random teaser – compact variant */
+.random-card.compact{
+  display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center;
+  background:#0f1012; border:1px solid #2a2d33; border-radius:8px;
+  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; }
+/* Quick cards */
+.mp-cards{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
+@media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } }
+.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; }
+/* Thin stats bar under hero */
+.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;
+}
+/* Infobox & TOC – kompaktnejšie medzery */
+.infobox, .portable-infobox{ margin-top:4px !important; }
+.toc ul{ margin-top:4px; }
+/* 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;
+}
+/* === CYBERPUNK SYSTÉMOVÉ POŽIADAVKY – FINÁLNA TABUĽKA (zlúčené) === */
+.article-table-cyberpunk,
+.article-table-cyberpunk th,
+.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;
+}
+/* --- koniec --- */

MediaWiki:Common.css: Difference between revisions