MediaWiki:Common.css: Difference between revisions

From MediaWiki
Jump to navigation Jump to search
← Older edit
No edit summary
No edit summary
 
(56 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* === FALLBACK PREMENNÉ pre vanilla MediaWiki (Vector) === */
/* === OPTIMALIZOVANÉ CSS PRE MEDIAWIKI CYBERPUNK WIKI === */
/* Fandom CSS používa veľa var() premenných, ktoré tu normálne nie sú.
 
  Tieto fallbacky zabezpečia, že farby a pozadia fungujú aj bez Fandom platformy. */
/* === CSS PREMENNÉ === */
:root {
:root {
   /* “theme” fallbacky používané v tvojom CSS */
   /* Základné farby */
   --theme-page-background-color: #0a0a0a;
   --bg-primary: #0a0a0a;
   --theme-page-background-color--secondary: #111111;
   --bg-secondary: #111111;
   --theme-page-background-color--rgb: 10,10,10;
   --bg-tertiary: #1a1a1a;
   --theme-page-text-color: #ffffff;
   --text-primary: #ffffff;
   --theme-border-color: #FCEE0A;
   --text-secondary: #e0e0e0;
  --theme-link-color: #29FFFF;
   --text-muted: #cfcfcf;
  --theme-link-color--rgb: 41,255,255;
 
  /* Cyberpunk wiki farby – nech sú dostupné aj keď sa netrafí body.theme-fandomdesktop-* */
  --cyberpunkwiki-background-color: #000000;
  --cyberpunkwiki-background-color-alt: #111111;
  --cyberpunkwiki-border-color: #FCEE0A;
  --cyberpunkwiki-border-color--secondary: #29FFFF;
   --cyberpunkwiki-text-color: #FFFFFF;
  --cyberpunkwiki-link-color: #29FFFF;
  --cyberpunkwiki-accent-color: #FCEE0A;
  --cyberpunkwiki-accent-color--secondary: #29FFFF;
 
  /* H2 underline assets (fallback ak Fandom URL nebeží) – môžeš zmeniť na lokálne súbory neskôr */
  --cyberpunkwiki-h2-background-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
  --cyberpunkwiki-main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_box.svg");
  --cyberpunkwiki-main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
}


/* === Aplikuj farby pre Vector skin (desktop) === */
  /* Cyberpunk farby */
.skin-vector body {
   --accent-yellow: #FCEE0A;
   color: var(--cyberpunkwiki-text-color);
   --accent-cyan: #29FFFF;
   background: var(--cyberpunkwiki-background-color);
   --link-color: #39d1ff;
}
   --link-visited: #a0a0ff;
.skin-vector a,
   --border-color: #2b2b2b;
.skin-vector a:visited {
   color: var(--cyberpunkwiki-link-color);
   text-decoration: var(--theme-link-decoration, none);
}
.skin-vector .mw-body,
.skin-vector .mw-workspace-container {
  background: var(--theme-page-background-color);
}
.skin-vector hr {
   border-color: var(--cyberpunkwiki-border-color);
  color: var(--cyberpunkwiki-border-color);
}


/* H2 underline efekt, aby fungoval aj bez Fandom tried */
  /* Grafické assets */
.skin-vector .page-content h2:not(.all-maps__empty-title),
  --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
.skin-vector .pi-header {
  --main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_box.svg");
  background-image: var(--cyberpunkwiki-h2-background-image);
   --main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
   background-repeat: no-repeat;
   --infobox-bg: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
  background-position: 25% 105%;
  background-size: 100% 10px;
  color: var(--cyberpunkwiki-accent-color--secondary);
   border-bottom: none;
  line-height: 1.2;
  font-family: BlenderProBold, sans-serif;
  overflow: auto;
}


/* Transparentnejší content ako na Fandome */
  /* Cyberpunk table farba */
.skin-vector .page__main {
   --cp-yellow: #ffff00; /* čistá žltá */
   background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}
}


/* CSS placed here will be applied to all skins */
/* === FONT FACES === */
/** Tables of Contents
*
*  1. FANDOM FIXES
*      - Section for the skin and other things
*  2. Portable Infoboxes
*  2. Tabber
*  4. CYBERPUNK WIKI - ACTUAL SITE CSS
*      - Templates, templates, templates
*
**/
 
/* Local Imports */
/* @import url("/load.php?mode=articles&articles=MediaWiki:CustomNavigation.css|MediaWiki:CustomTables.css|MediaWiki:CustomTemplates.css|MediaWiki:Netpages2077.css&only=styles"); */
@import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:CustomTemplates.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css");
 
 
 
/* Declare Custom Fonts */
@font-face {
@font-face {
font-family: "Rajdhani";
  font-family: "Rajdhani";
font-style: normal;
  font-weight: 400;
font-weight: 400;
  font-display: swap;
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";
font-style: normal;
  font-weight: 400;
font-weight: 400;
  font-display: swap;
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";
font-style: normal;
  font-weight: 400;
font-weight: 400;
  font-display: swap;
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";
font-style: normal;
  font-weight: 700;
font-weight: 700;
  font-display: swap;
src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
  src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
}
}


/* Styling for Dark Theme (Cyberpunk 2077) */
/* === IMPORTS === */
body.theme-fandomdesktop-dark {
@import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color: #000000;
@import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color-alt: #111111;
@import url("/mediawiki/index.php?title=MediaWiki:CustomTemplates.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color--secondary: #222222;
@import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css");
--cyberpunkwiki-background-color--tertiary: #333333;
--cyberpunkwiki-border-color: #FCEE0A;
--cyberpunkwiki-border-color--secondary: #29FFFF;
--cyberpunkwiki-border-color--tertiary: #29FFFF;
--cyberpunkwiki-text-color: #FFFFFF;
--cyberpunkwiki-text-color--secondary: #000000;
--cyberpunkwiki-text-color--tertiary: #111111;
--cyberpunkwiki-link-color: #29FFFF;
--cyberpunkwiki-accent-color: #FCEE0A;
--cyberpunkwiki-accent-color--secondary: #29FFFF;
--cyberpunkwiki-accent-color--tertiary: #29FFFF;


/* Navbox & Tables */
/* === ZÁKLADNÉ ŠTÝLY === */
--table-title-color: #000000;
html, body {
--table-title-font-color: #FFFFFF;
  background: var(--bg-primary) !important;
--table-group-color: #000000;
  color: var(--text-primary) !important;
--table-subgroup-color: #000000;
--table-subgroup-group-color: #000000;
 
/* Infobox */
--cyberpunkwiki-navbox-border-color: #FCEE0A;
--cyberpunkwiki-navbox-background-color: #000000;
--cyberpunkwiki-infobox-background: url("/mediawiki/images/e/e6/Cyberpunk_2077_vertical_edge.svg");
/* Infobox Stat Bar */
--cyberpunkwiki-pi-stat-bar-value: #FFFFFF;
--cyberpunkwiki-pi-stat-bar-bg: #FFFFFF40;
--cyberpunkwiki-pi-stat-bar-bg2: rgba(255,255,255,0.25);
--cyberpunkwiki-pi-stat-bar-min-bg: #FCEE0A;
--cyberpunkwiki-pi-stat-bar-max-bg: #FFFFFF80;
--cyberpunkwiki-pi-stat-bar-max-bg2: rgba(255,255,255,0.5);
 
/* Misc */
--cyberpunkwiki-h2-background-image: url("/mediawiki/images/b/ba/Cyberpunk_2077_header_bottom.svg");
--cyberpunkwiki-main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_box.svg");
--cyberpunkwiki-main-box-alt: url("/mediawiki/images/0/00/Cyberpunk_2077_dark_gray_box.svg");
 
--theme-page-background-color--secondary: #222222; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */
--theme-border-color: #FCEE0A; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */
--theme-link-decoration: none;
--cyberpunkwiki-database-font-color: #F75049;
--cyberpunkwiki-database-title-color: #5EF6FF;
--cyberpunkwiki-icon-color: brightness(0) invert(84%) sepia(99%) saturate(2195%) hue-rotate(128deg) brightness(108%) contrast(101%);
    /* variables for Template:CompMsg */
--cyberpunkwiki-comp-color: #29FFFF;
--cyberpunkwiki-comp-alt-color: #008B8B;
--cyberpunkwiki-comp-transcript-color: #FFFFFF;
}
}
/* Styling for Light Theme (Cyberpunk RED) */
.mw-body, .mw-body-content, #content {
body.theme-fandomdesktop-light {
  background: var(--bg-primary) !important;
--cyberpunkwiki-background-color: #FFFFFF;
  color: var(--text-primary) !important;
--cyberpunkwiki-background-color-alt: #FFD6C7;
  max-width: 1080px !important;
--cyberpunkwiki-background-color--secondary: #F5F6F6;
  margin: 0 auto !important;
--cyberpunkwiki-background-color--tertiary: #F5F6F6;
  padding-left: 15px !important;
--cyberpunkwiki-border-color: #E4321B;
  box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4);
--cyberpunkwiki-border-color--secondary: #E4321B;
--cyberpunkwiki-border-color--tertiary: #E4321B;
--cyberpunkwiki-text-color: #000000;
--cyberpunkwiki-text-color--secondary: #FFFFFF;
--cyberpunkwiki-text-color--tertiary: #222222;
--cyberpunkwiki-link-color: #E4321B;
--cyberpunkwiki-accent-color: #E4321B;
--cyberpunkwiki-accent-color--secondary: #E4321B;
--cyberpunkwiki-accent-color--tertiary: #E4321B;
 
/* Navbox & Tables */
--table-title-color: #E4321B;
--table-title-font-color: #000000;
--table-group-color: #E4321B;
--table-subgroup-color: #FFFFFF;
--table-subgroup-group-color: #FFD6C7;
/* Infobox */
--cyberpunkwiki-navbox-border-color: #E4321B;
--cyberpunkwiki-navbox-background-color: #FFD6C7;
--cyberpunkwiki-infobox-background: url("/mediawiki/images/7/7e/Cyberpunk_RED_vertical_edge.svg");
/* Infobox Stat Bar */
--cyberpunkwiki-pi-stat-bar-value: #FFFFFF;
--cyberpunkwiki-pi-stat-bar-bg: #FFFFFF40;
--cyberpunkwiki-pi-stat-bar-bg2: rgba(255,255,255,0.25);
--cyberpunkwiki-pi-stat-bar-min-bg: #E4321B;
--cyberpunkwiki-pi-stat-bar-max-bg: #FFFFFF80;
--cyberpunkwiki-pi-stat-bar-max-bg2: rgba(255,255,255,0.5);
 
/* Misc */
--cyberpunkwiki-h2-background-image: url("/mediawiki/images/d/d8/Cyberpunk_RED_header_bottom.svg");
--cyberpunkwiki-main-box: url("/mediawiki/images/b/be/Cyberpunk_RED_vivid_red_box.svg");
--cyberpunkwiki-main-box-alt: url("/mediawiki/images/8/80/Cyberpunk_RED_pale_orange_box.svg");
--theme-page-background-color--secondary: #FFD6C7; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */
--theme-border-color: #E4321B; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */
--cyberpunkwiki-database-font-color: #F75049;
--cyberpunkwiki-database-title-color: #5EF6FF;
--cyberpunkwiki-icon-color: brightness(0) invert(17%) sepia(96%) saturate(4997%) hue-rotate(3deg) brightness(105%) contrast(79%);
    /* variables for Template:CompMsg */
--cyberpunkwiki-comp-color: #8B0000;
--cyberpunkwiki-comp-alt-color: #CD5C5C;
--cyberpunkwiki-comp-transcript-color: #000000;
}
}
body.theme-fandomdesktop-dark .mw-highlight { --pygments-background: var(--theme-page-background-color--secondary); }


hr {
/* === NAVIGÁCIA A PANELY === */
color: var(--cyberpunkwiki-border-color);
#mw-head, #left-navigation, #right-navigation,
#mw-page-base, #mw-head-base, #mw-navigation,
.vector-sticky-header {
  background: var(--bg-primary) !important;
  border-color: #222 !important;
}
}
 
#mw-panel, #mw-panel .portal, #mw-panel .portal .body,
/** FANDOM FIXES **/
#p-logo, #p-logo a {
/* Framework */
  background: var(--bg-secondary) !important;
 
   color: var(--text-muted) !important;
/* article page transparency */
.page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.9); }
 
.fandom-community-header__background.cover { background-position: unset; }
 
.page { color: var(--cyberpunkwiki-text-color); }
 
/*  Wiki banner/header to make text more readable on graphic bg */
/** text shadow **/
.wds-tabs .first-level-item, .page-counter {
   text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
}
}


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


/* Add drop shadows to the wiki header elements to improve contrast */
/* === NADPISY === */
.fandom-community-header__image img {
h1, h2, h3, h4, h5, h6 {
   filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 18px #000);
   color: var(--accent-yellow) !important;
  border-bottom: 1px solid #333 !important;
  font-family: BlenderProBold, sans-serif;
}
}
 
.firstHeading {
.fandom-community-header__community-name-wrapper,
  background:
.fandom-community-header .page-counter,
    var(--hero-image, url(/mediawiki/images/e/e6/Site-logo.png)) left center / 120px auto no-repeat,
.fandom-community-header__top-container .wds-button,
    linear-gradient(90deg, var(--bg-primary) 0%, #171717 60%, var(--bg-tertiary) 100%);
.fandom-community-header__local-navigation .first-level-item {
  padding-left: 140px;
   filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 18px #000);
   margin: .25rem 0 1.0rem 0 !important;
  border-left: 4px solid var(--accent-yellow);
}
}
 
.page-content h2:not(.all-maps__empty-title), .pi-header {
.fandom-sticky-header {
  background-image: var(--h2-bg-image);
   color:#000;
  background-repeat: no-repeat;
  background-position: 25% 105%;
  background-size: 100% 10px;
  line-height: 1.2;
   color: var(--accent-cyan);
  border-bottom: none;
  overflow: auto;
}
}


.fandom-community-header__local-navigation .first-level-item a {
/* === TOC === */
  color: #fff !important;
#toc, .toc {
}
  background: var(--bg-secondary) !important;
 
  border: 1px solid var(--accent-yellow) !important;
.mainpage .page-header__title, .mainpage .page-header__separator { display: none; } /* Removing title on main page */
  border-radius: 4px;
.page-footer__languages { display: none; } /* hides interwiki lang section at bottom of pages as can be accessed in dropdown at top */
  padding: .6rem .8rem !important;
.wikia-photogallery-add { display: none; } /* hides the gallery add photo button */
 
.page-content p, .page-content section { margin: 0.5em 0; }
.page-content p + p { margin-top: 0; }
.page-content dl { margin: 0.2em 0 0.5em; }
.page__main p+ul, .page__main p+ol { margin-top: -0.5em; }
.page__main .wds-tabber p:first-of-type+ul:first-of-type, .page__main .wds-tabber p:first-of-type+ol:first-of-type { margin-top: 0; }
.page-content ol:not(.portable-infobox ol):not(.special),
.page-content ul:not(.cp-nav-wrapper ul):not(.hlist ul):not(.toc ul):not(.wikia-slideshow-wrapper ul):not(.plainlist ul) {
margin: 0 0 0 1.8em;
}
.page-content ol.references {
margin-left: 0.9em;
}
.page-content ol.special {
margin-left: 2.7em;
}
ul.gallery {
margin: 0; /* MAIN-28514 */
}
.page-content li::marker {
color: var(--cyberpunkwiki-accent-color--secondary);
}
 
/* Content headers */
.page-content h2:not(.all-maps__empty-title), .pi-header  {
border-bottom: none;
background-image: var(--cyberpunkwiki-h2-background-image);
background-repeat: no-repeat;
background-position: 25% 105%;
background-size: 100% 10px;
line-height: 1.2;
color: var(--cyberpunkwiki-accent-color--secondary);
font-family: BlenderProBold, sans-serif;
/* text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
font-size: 18pt; */
overflow: auto; /*temporary fix for the underline overflow ~Surafbrov*/
}
 
.page-content h3, .toc .toctitle h2 {
color: var(--cyberpunkwiki-accent-color--secondary);
font-family: BlenderProBold, sans-serif;
font-size: 1.25em;
}
}
.page-content h4, .page-content h5, .page-content h6 {
.tocnumber { color: var(--accent-yellow) !important; }
font-family: BlenderProBook, sans-serif;
#toc ul li:hover, .toc ul li:hover {
font-size: 1.25em;
  background: rgba(255,204,0,.06);
  border-left: 1px solid var(--accent-yellow);
  transition: all .12s ease;
}
}


.toc .toctitle h2 {
/* === PORTABLE INFOBOXES === */
background-image: none; /* prevent h2 style from affecting the TOC box */
text-transform: uppercase;
}
 
/* fixing highlighted reference issue */
ol.references li:target, sup.reference:target { background-color: rgba(var(--theme-link-color--rgb),.2); }
 
/* reference list to keep it from being kicked to the bottom */
.mw-parser-output .mw-references-wrap { clear: none; }
 
/* light mode fix to be darker */ /*
.theme-fandomdesktop-light .page-content h2:not(.pi-item),
.theme-fandomdesktop-light .page-content h3:not(.pi-data-label) {
text-shadow: none;
color: #000000;
} */
 
/** Portable Infoboxes **/
/* Eliminate border between rows  */
.pi-border-color { border-top-color: transparent; }
.portable-infobox { border-top-color: var(--cyberpunkwiki-accent-color); }
 
/* Fix caption size */
.portable-infobox .pi-caption { font-size: 12px; }
 
.portable-infobox {
.portable-infobox {
    position: relative;
  position: relative;
    margin-right:5px;
  margin-right: 5px;
    border:1px solid var(--cyberpunkwiki-navbox-border-color);
  margin-left: 15px !important;
    border-radius:10px 0px 0px 10px;
  border: 1px solid var(--accent-yellow);
    background-color: var(--cyberpunkwiki-navbox-background-color);
  border-radius: 10px 0 0 10px;
    padding-bottom:4px;
  background-color: var(--bg-secondary);
  padding-bottom: 4px;
}
}
.portable-infobox ul {
margin: 0 0 0 1em;
}
/* fixes it so right border overlaps any infobox images */
.portable-infobox::after {
.portable-infobox::after {
    content: "";
  content: "";
    position: absolute;
  position: absolute;
    width: 6%;
  width: 6%;
    height: 100%;
  height: 100%;
    top: 0px;
  top: 0; right: 0;
    right: 0px;
  background-image: var(--infobox-bg);
    background-image: var(--cyberpunkwiki-infobox-background);
  background-repeat: repeat-y;
    background-repeat: repeat-y;
  background-size: 32px 1080px;
    background-size: 32px 1080px;
}
}
.pi-title {
/* edits portable infobox headers and titles to center */
  background-color: transparent;
#content .pi-title {
  border-radius: 10px 10px 0 0;
    background-color: transparent;
  color: var(--accent-cyan);
    border-radius: 10px 10px 0px 0px;
  border-bottom: none;
    color: var(--cyberpunkwiki-accent-color--secondary);
  margin-top: 5px;
    border-bottom: none;
  text-align: center;
    margin-top: 5px;
  font-family: BlenderProBold, sans-serif;
    text-align: center;
  font-size: 1.4em;
    font-family: BlenderProBold, sans-serif;
    font-size: 1.4em;
    background-image: none; /* prevents h2 article header from adding image to infobox headers */
}
}
.pi-header {
.pi-header {
    background-color: transparent;
  background-color: transparent;
    color: var(--cyberpunkwiki-accent-color--secondary);
  color: var(--accent-cyan);
    margin: 5px 15px !important;
  margin: 5px 15px !important;
    text-align: center;
  text-align: center;
font-family: BlenderProBold, sans-serif !important;
  font-family: BlenderProBold, sans-serif !important;
    font-size: 1.2em !important;
  font-size: 1.2em !important;
    background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */
  background-position: 0% 135% !important;
text-transform: none !important;
  text-transform: none !important;
}
.pi-horizontal-group .pi-header {
text-align: center;
}
 
/* captions */
.portable-infobox .pi-caption {
    text-align: center;
    line-height: 150%;
}
 
/* caption light mode fix */
.theme-fandomdesktop-light .portable-infobox .pi-caption {
  color: #8a8a8a;
}
/* spacing between infobox rows */
.pi-item-spacing {
    padding: 3px !important;
}
}
/* portable infobox data labels (not input fields) */
.pi-data-label {
.pi-data-label {
    padding: 3px 5px 3px 1px;
  padding: 3px 5px 3px 1px;
    text-align: right;
  text-align: right;
    border-right:1px var(--cyberpunkwiki-accent-color) solid;
  border-right: 1px var(--accent-yellow) solid;
    color: var(--cyberpunkwiki-accent-color--secondary);
  color: var(--accent-cyan);
    text-transform: none !important;
  text-transform: none !important;
}
/* Fix stacked data labels */
.pi-layout-stacked .pi-data-label {
    text-align: left;
}
.pi-data-value {
    padding-top: 3px;
    padding-right: 1px;
}
}


/** smart group  fix **/
/* === TABY A SELEKTORY === */
/* remove vertical borders */
.wds-tabs, .wds-tabs__wrapper, .wds-tabs__tab,
.pi-smart-data-label, .pi-smart-data-value {
.wds-tabs__tab-label, .wds-tabs__tab a,
border:none !important;
.pi-tab-link, .pi-media-collection-tabs .pi-tab-link {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
}
 
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.pi-smart-data-label {
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
   text-align: center !important;
.pi-tab-link.is-active, .pi-tab-link.current,
[role="tab"][aria-selected="true"] {
   background: var(--accent-yellow) !important;
  color: #111 !important;
  border: 1px solid #555 !important;
}
}
 
.wds-tabs__tab:hover .wds-tabs__tab-label,
.pi-smart-group-head + .pi-smart-group-body {
.pi-tab-link:hover {
   margin-top: 0px !important;
   background: var(--bg-tertiary) !important;
  color: var(--link-color) !important;
}
}


.pi-header + .pi-smart-group {
/* === TABUĽKY (všeobecné) === */
   margin-top: 0px;
.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 {
.pi-smart-group-head {
   background: #222 !important;
   margin-top: 0px !important;
  color: var(--accent-yellow) !important;
}
}
.wikitable tr:nth-child(even) td { background: #171717 !important; }
.wikitable tr:nth-child(odd)  td { background: #1b1b1b !important; }


/* to keep right border of infobox from possibly covering up text */
/* === NAVBOXY === */
.pi-smart-data-label:last-child, .pi-smart-data-value:last-child {
.navbox {
padding-right:14px !important;
  --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; }


/* removes data label background from smart groups and keeps them centered*/
/* === INPUTY A FORMULÁRE === */
.pi-horizontal-group .pi-data-label {
input, textarea, select, .vector-search-box-input {
text-align:center;
  background: #121212 !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
}
}
input::placeholder, textarea::placeholder { color: #8a8a8a !important; }


/* all portable infobox images, including tabber images */
/* === THUMBNAILY A GALÉRIE === */
.pi-image {
.thumb, .thumbinner, .gallery, .gallerybox {
    background-color: transparent !important; /* will revert to default otherwise */
  background: var(--bg-secondary) !important;
    padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/
  border: 1px solid #333 !important;
}
}
.thumbcaption {
/* portable infobox thumbnail images only */
  background: #0f0f0f !important;
.pi-image-thumbnail {
  color: var(--text-muted) !important;
    background-color: transparent !important; /*will revert to default otherwise */
  border-top: 1px solid #333 !important;
}
/* portable infobox thumbnail galleries fix */
.portable-infobox .wds-tab__content, .portable-infobox .pi-image-collection-tab-content {/* Wikia */
    background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */
}
}


/* remove hyphenations from infobox so no splitting words */
/* === UTILITY CLASSES === */
.portable-infobox .pi-navigation,
.divYellowBox {
.portable-infobox .pi-header,
  border: 3px solid transparent;
.portable-infobox .pi-caption,
  border-image: var(--main-box) round;
.portable-infobox .pi-data-value,
  border-image-slice: 10% fill;
.portable-infobox .pi-data-label {
  border-image-width: 20px;
    -webkit-hyphens:none;
  margin: 10px auto;
    -moz-hyphens:none;
  overflow: hidden;
    -ms-hyphens:none;
  text-align: center;
    hyphens:none;
}
}
 
.divGrayBox {
/** Tabber **/
  border: 3px solid transparent;
/* the whole tab row */
  border-image: var(--main-box-alt) round;
ul.wds-tabs, ul.pi-image-collection-tabs {/* Wikia */
  border-image-slice: 10% fill;
    margin: auto 0 auto 0.01em; /* this fixes it so the image doesn't overlap the tabs and centers the tabs */
  border-image-width: 20px;
  padding: 10px;
}
}
.BlockQuote {
/* all tabs */
  display: block;
.pi-image-collection {/* wds-tabber maybe? */
  border: 2px solid var(--accent-yellow);
    text-align: center;
  border-radius: 10px;
    font-size: 13px;
  text-align: center;
  padding: 1em;
  overflow: hidden;
}
}


/* activated tab */
/* === ŠPECIALIZOVANÉ KOMPONENTY === */
ul.wds-tabs li.wds-is-current {
.mainpage-header {
    background-color: transparent !important;
  font-size: 18pt;
    border: 0px none;
  letter-spacing: 1px;
    color: var(--cyberpunkwiki-accent-color);
  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 {
/* activated hover tab */
  background-color: rgba(255, 255, 255, 0.10);
ul.wds-tabs li.wds-is-current:hover {
  margin: 10px auto;
    background-color: transparent !important;
  border: 1px solid var(--accent-yellow);
    border: 0px none;
  border-left: 4px solid var(--accent-yellow);
    color: var(--cyberpunkwiki-accent-color--secondary);
  text-align: center;
}
  color: var(--text-primary);
  width: auto;
/* inactive tab */
  overflow: auto;
ul.wds-tabs li {
  padding: 5px;
    border: 0px none;
    margin: 0px 4px;
}
/* inactive tab hover */
ul.wds-tabs li:hover {
    background-color: transparent !important;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
}


/* section edits for different panels in infobox. Not this is only for the new style that was added to the backend called "section" and may not be in use*/
/* === OOUI A SPRÁVY === */
.pi-section-label {
.oo-ui-panelLayout, .oo-ui-widget,
text-transform:none;
.oo-ui-textInputWidget input,
height:20px;
.oo-ui-dropdownWidget-handle {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
}
 
.mw-message-box {
/*** tabber for portable infobox and images ***/
  background: var(--bg-tertiary) !important;
/* whole row, centers tabs but is based on tab width */
  color: var(--text-secondary) !important;
.portable-infobox ul.wds-tabs li {
  border: 1px solid #333 !important;
margin-left: auto;
  border-left: 4px solid var(--link-color) !important;
margin-right: auto;
}
 
/* activated tab */
.wds-tabs__tab.wds-is-current {
    background-color: transparent;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color);
}
/* activated hover tab */
.wds-tabs__tab.wds-is-current:hover {
    background-color: transparent;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
/* inactive tab */
.wds-tabs__tab {
    border: 0px none;
    margin: 0px 4px;
}
/* inactive tab hover */
.wds-tabs__tab:hover {
    background-color: transparent;
    border: 0px none;
    color: var(--cyberpunkwiki-accent-color--secondary);
}
}


/* No underline for tab links */
/* === RESPONZÍVNE ÚPRAVY === */
.wds-tabs__tab-label a:active, .wds-tabs__tab-label a:focus, .wds-tabs__tab-label a:hover{ text-decoration: none; }
 
/** CYBERPUNK WIKI - ACTUAL SITE CSS **/
/* Main Page header styles */
.mainpage-header {
    font-size:18pt;
    letter-spacing:1px;
    text-align:center;
    margin-top:5px;
    background-image: var(--cyberpunkwiki-h2-background-image);
    background-repeat:no-repeat;
    background-position:50% 100%;
    background-size:70% 8px;
    color: var(--cyberpunkwiki-accent-color--secondary);
    padding-bottom:6px;
}
 
.page-header__title {
font-family: BlenderProBook, sans-serif;
}
 
/* for smaller screen resolutions */
@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; }
}
 
/* Fixing smaller h2 headers styling */
#content h2 {
background-position-y: 30px;
padding-bottom: 6px;
text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111;
font-size: 15pt;
    }
}
}


/* fixes right column on main page to align with left */
/* === PÄTIČKA === */
.main-page-tag-rcs .divYellowBox { margin-top: 0px; }
#footer, .mw-footer {
 
  background: #0f0f0f !important;
/****************************************************/
   color: #9a9a9a !important;
/*                  portal main                    */
  border-top: 1px solid #222 !important;
/* Code created by Tierrie on the Dragon Age Wiki   */
/*      Code updated for UCP by Alex/Ursuul        */
/****************************************************/
/* container settings */
#portal_slider a.external:after,
.portal_metro .toc {
display: none;
}
}
#portal_slider.portal_metro.ui-corner-all {
#footer a, .mw-footer a { color: #c8c8c8 !important; }
border-radius: 0;
#footer a:hover, .mw-footer a:hover { color: var(--accent-yellow) !important; }
}
.portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; }
/* give all containers a black background so the opacity changes results in a brightness change */
.portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; /**/content: "";/* experimental */ background-color: rgb(0,0,0); z-index: -2; }
.portal_metro { border:3px solid var(--cyberpunkwiki-border-color); }
.portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; }
/* pages nested within a slider container should not render borders twice */
.portal_metro .portal_metro { border: none; }
.portal_metro.ui-tabs .ui-tabs-panel { padding: 0; }
.portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; }


/* font title and sliders */
/* === BEZPEČNOSTNÉ OVERRIDES === */
.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2  { width: 100%; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-align:left; color: white; }
* { border-color: currentColor; }
hr { border: 0; border-top: 1px solid #1f1f1f !important; }


/* main tabs headers */
/* ===== Global dark background & text ===== */
.portal_metro [class^=portal_sliderlink] .mw-headline,
body, #content, .mw-body, .mw-body-content, .vector-body, .vector-page-content, .mw-parser-output {
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
   background: #0a0a0a !important;
.portal_metro .portal_header_text,
  color: #e6e6e6;
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
   text-transform:uppercase;
}
}
.portal_metro [class^=portal_sliderlink] .mw-headline, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 15px #000);}
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li a {filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000);}


/** sub category headers **/
/* ===== Tables, TOC, navboxes, message boxes ===== */
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
.mw-parser-output table,
   font-size: 14pt !important;
table, .wikitable, .toc, .navbox, .ambox {
   padding-left: 10px !important;
   background: #111 !important;
   border-color: #333 !important;
}
}
 
.mw-parser-output table th,
/** headers inside sub categories **/
.mw-parser-output table td {
.portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
   background: transparent !important;
   background-image:none;
   border-color: #333 !important;
   color: white !important;
}
}


/** fix padding between headers and list **/
/* ===== Infoboxes (white backgrounds -> dark) ===== */
.portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 + ul {
table.infobox, .infobox,
   padding-top: 5px !important;
.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;
}
}


/** list of text **/
/* ===== Code blocks ===== */
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
pre, code, .mw-code {
   font-size: 14pt;
   background: #0f0f0f !important;
   line-height: 22pt;
   color: #e6e6e6 !important;
}
   border: 1px solid #333 !important;
/** fix red links in portal template **/
.portal_vtab.ui-tabs-vertical .ui-tabs-panel a.new {
   color: #e81a3f !important;
}
}
pre { padding: .6rem .8rem !important; overflow: auto; }


/** plain text **/
/* ===== Images ===== */
.portal_vtab.ui-tabs-vertical .ui-tabs-panel {
.mw-parser-output img, .thumb img, .thumbimage, .mw-file-element,
   color: white;
.gallerybox .thumb img, .fullImageLink img,
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
.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; }


.portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; }
/* Links (dark theme tweak) */
.portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }
a { color: #8ab4ff; }
a:visited { color: #b388ff; }


/* portal headers, headerlinks colors and formatting */
/* =======================
.portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; }
  Dark fix pack for Vector
.portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; }
  ======================= */
.portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; }
:root{ --bg:#0b0c0d; --ui-border:#2a2d33; --text:#e5e8eb; --text-muted:#a9b0b8; }
.portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(89,105,57); }


/* slider text position */
.mw-parser-output .thumb,
.portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; color: #FFFFFF; font-size: large;/* Experimental */}
.mw-parser-output .thumb .thumbinner {
.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: xx-large;/*experimental*/ left: 20px; line-height: 1em; }
  background: transparent !important;
 
  border: 1px solid var(--ui-border) !important;
/* main slider sizing */
  border-radius: 6px;
.portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; }
.portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; }
.portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }
 
/* Transclucency patch */
#portal_slider #portal_main .portal_body:before,
#portal_slider #portal_main .portal_body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    width: 225px;
    height: 450px;
    background-color: #000000;
}
 
.portal_sliderlink-2 {
    z-index: 20;
}
.portal_sliderlink-2 ~ [class^="portal_sliderlink"] {
    z-index: 40;
}
}
.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; }


/* slider background */
.gallerybox .thumb { background: transparent !important; border-color: var(--ui-border) !important; }
.portal_metro#portal_main [class^=portal_sliderlink]:before { /**content: "";/* Experimental */ width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; }
.gallerybox, .gallerytext { background: transparent !important; color: var(--text) !important; }
#file img { background: transparent !important; }


/* Experimental */
.mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4,
.portal_metro#portal_main [class^=portal_sliderlink] {
.mw-headline, .mw-editsection, #firstHeading, .portlet .pBody, .vector-menu-content {
    /*content: "";*/
  background: transparent !important; color: var(--text);
    position: absolute;
    top: 0;
    /*left: 0;*/
    /*z-index: -1;*/
    /*width: 100%;*/
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.8;
}
}


.portal_metro#portal_main [class^=portal_sliderlink]:hover {
.toc { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; border-radius: 6px; }
    opacity: 1;
.toc .toctitle, .tocnumber { color: var(--text-muted) !important; }
}
 
#portal_slider #portal_main .portal_body:after {
    z-index: 10;
    width: 100%;
}


/* slider background */
.mw-parser-output .wikitable {
.portal_metro#portal_main [class^=portal_sliderlink]:after {
  background: #0f1012 !important; color: var(--text) !important;
    content : "";
  border: 1px solid var(--ui-border) !important; border-collapse: collapse;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    opacity: 0.8;
}
}
.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; }


.portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; }
.portable-infobox { background: #0f1012 !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 8px; }
.portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; background-image: url('/mediawiki/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
.portable-infobox .pi-header, .portable-infobox .pi-data, .portable-infobox .pi-title { background: transparent !important; }
.portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; background-image: url('/mediawiki/images/5/59/Cp_bg_slider_2013_small.png/revision/latest?cb=20201121005633'); background-position: center; }
.portable-infobox .pi-image .thumb { background: transparent !important; border: 0 !important; }
.portal_metro#portal_main .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; background-image: url('/mediawiki/images/d/d2/Cp_bg_slider_2020_small.png/revision/latest?cb=20201121004818'); background-position: center; }
.portal_metro#portal_main .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; background-image: url('/mediawiki/images/5/58/Cp_bg_slider_red_small.png/revision/latest?cb=20201121000417'); background-position: center; }
.portal_metro#portal_main .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; background-image: url('/mediawiki/images/5/50/Cp_bg_slider_other_small.png/revision/latest?cb=20201121004845'); background-position: center; }
 
/* slider sub category background */
#portal_slider .ui-state-active,
#portal_slider .ui-state-default,
#portal_slider .ui-widget-content,
#portal_slider .ui-widget-header {
background: none;
}


#portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
.mw-body a:link, a { color: #f2bd00; }
#portal_cp2013:after, #portal_cp2020:after, #portal_cpred:after, #portal_other:after, #portal_cp2077:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
a:visited { color: #c99a00; }
#portal_cp2077 { background-image: url('/mediawiki/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
a.new { color: #ff7070; }
#portal_cp2013 { background-image: url('/mediawiki/images/b/b2/Cp_bg_slider_2013.png/revision/latest?cb=20201121005646'); background-position: center; }
.small, small, .thumbcaption { color: var(--text-muted) !important; }
#portal_cp2020 { background-image: url('/mediawiki/images/a/a5/Cp_bg_slider_2020.png/revision/latest?cb=20201121004834'); background-position: center; }
.thumb.tleft, .thumb.tright { margin-top: .3em; margin-bottom: .8em; }
#portal_cpred { background-image: url('/mediawiki/images/1/1e/Cp_bg_slider_red.png/revision/latest?cb=20201120033744'); background-position: center; }
#portal_other { background-image: url('/mediawiki/images/d/d3/Cp_bg_slider_other.png/revision/latest?cb=20201121004855'); background-position: center; }


.portal_metro#portal_slider .portal_navlink { display: none; }
pre, code, .mw-code { background: #0c0d0f !important; border: 1px solid var(--ui-border) !important; color: var(--text) !important; border-radius: 6px; }
.portal_metro#portal_slider { }
.portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
.portal_metro#portal_slider .portal_navlink img { opacity: 0.3; }
.portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; }
.portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; }
.portal_metro#portal_slider .portal_vtab.ui-corner-all {
border: 0;
border-radius: 0;
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display:block; width: 100%; padding: .25em 0 .5em 1em; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; }


.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; }
/* Odstránenie bielych rámov pri obrázkoch */
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; }
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ }
.mw-parser-output .thumb .thumbimage, .mw-parser-output img.mw-file-element,
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: 0.25em 0 0.25em 1em; margin: 0; }
.gallerybox .thumb, .gallerybox .thumb img {
/* changes text for the links within sub tabs */
  background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; outline: none !important;
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav .ui-corner-left {
border: 0;
border-radius: 0;
}
}
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display:block; color: rgb(255,255,255); color: #FFFFFF;}
.mw-parser-output .thumbcaption { background: transparent !important; border: 0 !important; }
/* changes h2 text within sub tabs */
.mw-body-content img, .mw-parser-output img { background-color: transparent !important; border: none !important; box-shadow: none !important; }
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 10px #000); padding: 0.5em 0 0 1em; margin: 0; border-bottom: none; text-transform: uppercase; color: rgb(89,105,57); font-size: 1.25em; }
.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"] {
/* column classes */
  background: transparent !important; border: 0 !important; margin: .5em auto !important; padding: 0 !important; box-shadow: none !important;
.portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
.portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; }
.portal_metro#portal_slider .cols_4 ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
 
/********************************/
/* portal screen wide overrides */
/********************************/
@media screen and (max-width: 1023px) {
    #portal_slider #portal_main .portal_body:before,
    .portal_metro [class^=portal_sliderlink] {
        width: 225px;
    }
 
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
        width: 360px;
    }
 
    .portal_metro#portal_images .wikia-slideshow-wrapper,
    .portal_metro#portal_images .wikia-slideshow-images,
    .portal_metro#portal_images img.thumbimage,
    .portal_metro#portal_images {
        height: 280px !important;
    }
 
    .WikiaRail .module {
        position: relative;
    }
}
}
 
figure[typeof*="mw:File"] img.mw-file-element {
@media screen and (min-width: 1023px) and (max-width: 1650px) {
  background: transparent !important; border: none !important; box-shadow: none !important; outline: none !important;
    #portal_slider #portal_main .portal_body:before,
    .portal_metro [class^=portal_sliderlink] {
        width: 225px;
    }
 
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
        width: 360px;
    }
 
    .portal_metro#portal_images .wikia-slideshow-wrapper,
    .portal_metro#portal_images .wikia-slideshow-images,
    .portal_metro#portal_images img.thumbimage,
    .portal_metro#portal_images {
        height: 280px !important;
    }
}
}
@media screen and (min-width: 1650px) {
figure[typeof*="mw:File"] figcaption {
    #portal_slider #portal_main .portal_body:before,
  background: transparent !important; color: #FCEE0A !important; border: 0 !important; padding: 0.2em 0 !important;
    .portal_metro [class^=portal_sliderlink] {
        width: 300px;
    }
}
}


/* default settings for div table */
/* Thin yellow frame around images (global) */
.divTable { display: table; }
:root { --accent: #f2bd00; }
.divTableRow { display: table-row; }
figure[typeof*="mw:File"] img.mw-file-element,
.divTableCell, .divTableHead { display: table-cell; padding: 10px; }
.mw-parser-output .thumb .thumbimage,
.divTableBody { display: table-row-group; }
.gallerybox .thumb img {
 
  border: 1px solid var(--accent) !important;
/* Curved notice banner style */
  border-radius: 6px;
.bannercurve {
  background: transparent !important;
background-color: rgba(255, 255, 255, 0.10);
  box-shadow: none !important;
margin: 10px auto;
border: 1px solid var(--cyberpunkwiki-accent-color);
border-left: 4px solid var(--cyberpunkwiki-accent-color);
text-align: center;
color: var(--cyberpunkwiki-text-color);
width: auto;
overflow: auto;
padding: 5px;
}
}
 
figure[typeof*="mw:File"] img.mw-file-element:hover,
.bannerdoubleborder {
.mw-parser-output .thumb .thumbimage:hover,
background-color: rgba(255,255,255,0.1);
.gallerybox .thumb img:hover {
border:7px double #101010; /* color is whatever article bg color is */
  box-shadow: 0 0 0 1px rgba(242,189,0,.25), 0 0 10px rgba(242,189,0,.15) !important;
max-width: 90%;
margin: auto;
padding: 8px;
text-align: center;
}
}


/* spoiler/warning box */
/* Random teaser card */
.warningbanner {
.random-card {
   background-image: url(/mediawiki/images/1/17/CP2077_warning_box.svg/revision/latest?cb=20241218194135);
   display: grid; grid-template-columns: 120px 1fr; gap: 12px; align-items: center;
  background-repeat: no-repeat;
   background: #0f1012; border: 1px solid #2a2d33; border-radius: 8px;
   background-size: 100% 100%;
   padding: 12px; margin: 8px 0 16px 0; color: #e5e8eb;
  min-width: 40%;
   padding: 5px;
  margin: auto;
  overflow: visible;
}
}
 
.random-card.loading { opacity: .7; }
.warningtext {
.random-card .thumb {
   padding: 20px 15px 20px 25px;
   width: 120px; height: 120px; overflow: hidden; border-radius: 6px;
   text-align: center;
   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; }
/*** FD light mode theme  ***/
.random-card .content h3 { margin: 0 0 6px 0; font-size: 1.1rem; line-height: 1.2; }
.theme-fandomdesktop-light .bannerdoubleborder {
.random-card .content p { margin: 0 0 8px 0; color: #a9b0b8; }
background-color:rgba(0,0,0,0.20);
.random-card .actions { display: flex; gap: 8px; margin-top: 6px; }
border-color: #e6e6e6;
.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; }
/* for reflist template */
@media (max-width: 600px){
.references-small {  
  .random-card { grid-template-columns: 1fr; }
font-size: 70%;  
  .random-card .thumb { width: 100%; height: auto; }
}
}


/***************/
/* ===== Main page – compact header ===== */
/* quote boxes */
.mp-hero {
/***************/
  display: grid; grid-template-columns: 2fr 1.2fr; gap: 12px; align-items: stretch; margin: 6px 0 12px;
.quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; }
.quotebox + .quotebox { margin:1em 0 0 0; }
.quotebox .leftquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; }
.quotebox .rightquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; }
.quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; }
.quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; }
 
/* Style for horizontal lists (separator following item).
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  @revision 9 (2016-08-10)
  @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* DisPlay list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* DisPlay nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
    display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
    display: none;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) "\a0";
}
}
@media (max-width: 900px){ .mp-hero { grid-template-columns: 1fr; } }


/* Prevents line breaks in links, used for navboxes */
/* Random teaser – compact variant */
.nowraplinks a, .nobreak { white-space: nowrap; }
.random-card.compact{
 
  display: grid; grid-template-columns: 110px 1fr; gap: 10px; align-items: center;
/* --- TABLE DESIGNS --- */
  background:#0f1012; border:1px solid #2a2d33; border-radius:8px;
/*******************
  padding:10px; margin:0;
* Navboxes
*******************/
/*
* CSS Vars
* Note: The linter will throw an error. See [Help:Advanced CSS and JS (Fandom) this page] for more info.
*/
.navbox {
--navbox-bg-color:var(--theme-page-background-color);
--navbox-text-color:var(--theme-page-text-color);
--navbox-title-color:#00687d;
--navbox-header-color:rgba(100, 100, 100 ,.3);
--navbox-alt-color:rgba(85,85,85,0.2);
--navbox-border-color:var(--cyberpunkwiki-border-color--secondary);
}
}
.navbox {
.random-card.compact .thumb{
    width: 100%;
  width:110px; height:110px; overflow:hidden; border-radius:6px; border:1px solid #2a2d33;
    background: var(--navbox-bg-color, white);
  display:flex; align-items:center; justify-content:center;
    color: var(--navbox-text-color, black);
    margin: 10px auto;
    font-size: 88%;
    clear: both;
    padding: 2px;
    border-spacing: 0;
    border: 1px solid var(--navbox-border-color);
}
}
 
.random-card.compact .thumb img{ max-width:100%; height:auto; display:block; }
/* Merges navboxes that are directly under eachother */
.random-card.compact .content h3{ margin:0 0 4px; font-size:1.05rem; line-height:1.2; }
.navbox + .navbox {
.random-card.compact .content p{ margin:0 0 6px; color:#a9b0b8; max-height:3.2em; overflow:hidden; }
    margin-top: -15px;
.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; }


.navbox .navbox-title {
/* Quick cards */
    background: var(--navbox-title-color);
.mp-cards{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
    color: #fff;
@media (max-width: 900px){ .mp-cards{ grid-template-columns: 1fr; } }
    font-weight: bold;
.mp-card{
    font-size: 105%;
  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; }


.theme-fandomdesktop-light .navbox-title {
/* Thin stats bar under hero */
   background: #8f001b;
.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{
.theme-fandomdesktop-light .navbox-title a {
   padding:3px 8px; border:1px solid #2a2d33; border-radius:999px; background:#14161a;
   color: #FCEE0A;
}
}


.navbox-title th {
/* Infobox & TOC – kompaktnejšie medzery */
  filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 2px #000);
.infobox, .portable-infobox{ margin-top:4px !important; }
}
.toc ul{ margin-top:4px; }


.navbox .navbox-vde {
/* Voliteľne: zruš neočakávané biele okraje okolo obrázkov */
    float:left;
.mw-parser-output .thumb, .mw-parser-output .thumb .thumbinner,
    width:65px;
.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;
}
}


.navbox .navbox-title-padright {
/* === CYBERPUNK SYSTÉMOVÉ POŽIADAVKY – FINÁLNA TABUĽKA (zlúčené) === */
    padding-right: 65px;
.article-table-cyberpunk,
.article-table-cyberpunk th,
.article-table-cyberpunk td {
  border-style: solid !important;
  border-color: var(--cp-yellow) !important;
}
}
 
.article-table-cyberpunk {
.navbox .navbox-title-padleft {
  /* separate -> žiadne konflikty a zachovaný vzhľad */
    padding-left: 65px;
  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,
.navbox .navbox-subgroup {
.article-table-cyberpunk td {
    border-spacing: 0;
  /* tenké vnútorné línie + kompaktné odsadenie a menšie písmo */
    width: 100%;
  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 {
.navbox .navbox-gutter {
  background: #1a1a1a;
    height: 2px;
  color: #fffcc0;
  font-weight: 600;
}
}


.navbox .navbox-subgroup .navbox-gutter {
/* --- koniec --- */
    background: var(--navbox-bg-color, white);
}


.navbox .navbox-section-row > td {
/* ==== FIX: biele plochy & žltá mriežka pre .article-table-cyberpunk ==== */
    padding: 0;
    height: 100%;
}


.navbox .navbox-section {
/* 0) Stabilné tmavé pozadia (aj keď niečo zdedí transparent) */
    width: 100%;
body, .mw-body, .mw-body-content, #content,
    border-spacing: 0;
.vector-body, .vector-page-content, .mw-parser-output {
  background-color: #0a0a0a !important;
}
}


.navbox .navbox-above,
/* 1) Zruš globálne prebitie border-color pre našu tabuľku */
.navbox .navbox-below {
.article-table-cyberpunk, .article-table-cyberpunk * {
    background: var(--navbox-header-color, #DDF);
  border-color: var(--cp-yellow, #ffff00) !important;
    text-align: center;
  border-style: solid !important;
}
}


.navbox .navbox-image {
/* 2) Najvyššia špecificita proti všeobecným pravidlám na table/td/th */
    background: var(--navbox-bg-color, white);
.mw-parser-output table.article-table-cyberpunk,
    text-align: center;
.mw-parser-output table.article-table-cyberpunk th,
.mw-parser-output table.article-table-cyberpunk td {
  border-color: var(--cp-yellow, #ffff00) !important;
}
}


.navbox .navbox-group,
/* 3) Režim bez konfliktov + presné hrúbky (tenká žltá mriežka) */
.navbox .navbox-header {
.mw-parser-output table.article-table-cyberpunk {
    background: var(--navbox-header-color, #DDF);
  border-collapse: separate !important;
    color: var(--navbox-text-color, black);
  border-spacing: 0 !important;
    font-weight: bold;
  width: 100%;
    height: 100%;
  table-layout: auto;
    padding: 2px 4px;
  background: #0b0b0b !important;
  color: #f5f5f5 !important;
  border-width: 2px !important;     /* vonkajší rám */
}
}
 
.mw-parser-output table.article-table-cyberpunk th,
.navbox .navbox-header-collapsible {
.mw-parser-output table.article-table-cyberpunk td {
    padding-left: 65px;
  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 {
.navbox .navbox-group {
  background: #1a1a1a !important;
    text-align: right;
  color: #fffcc0 !important;
    padding-right: 1em;
  font-weight: 600 !important;
    min-width: 150px;
}
}


.navbox .navbox-group,
/* 4) Oprav biele pásy z iných tabuliek/boxov, ktoré mali transparent
.navbox .navbox-image-left {
      a sedeli na svetlom predku (bez menenia tvojho vzhľadu) */
    border-right: 2px solid var(--navbox-bg-color, white);
.mw-parser-output .toc,
.mw-parser-output .navbox,
.mw-parser-output .ambox,
.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;
}
}


.navbox-image-right {
/* 5) Vector/Timeless ešte raz pre istotu prebijeme hranice v tabuľke */
    border-left: 2px solid var(--navbox-bg-color, white);
.skin-vector .article-table-cyberpunk th,
.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 ==== */


.navbox .navbox-list {
/* 0) zruš modrú hornú linku pod headerom */
    background: var(--navbox-bg-color, white);
#content, .mw-body, .mw-body-content { border: 0 !important; }
    color: var(--navbox-text-color, black);
    width: 100%;
    height: 100%;
    padding: 0 !important;
}


.navbox .alt > .navbox-list {
/* 1) bar za tabuľkami hore nech nie je biely */
    background: var(--navbox-alt-color, #F7F7F7);
#mw-head, #left-navigation, #right-navigation,
#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;
}
}


.navbox .navbox-list div {
/* 2) samotné „pills“ – tmavé pozadie bez gradientov (Vector legacy aj 2022) */
    padding: 0px 4px;
.vector-menu-tabs a,
.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;
}
}


.navbox .navbox-list.no-group {
/* 3) aktívna záložka */
    text-align: center;
.vector-menu-tabs .selected a,
.vector-menu-tabs-legacy .selected a,
.skin-vector #p-namespaces .vector-menu-content-list > li.selected > a,
.skin-vector #p-views .vector-menu-content-list > li.selected > a {
  background: #1b1b1b !important;
  color: var(--accent-yellow, #FCEE0A) !important;
  border-color: #444 !important;
  border-bottom-color: #1b1b1b !important; /* žiadny svetlý „schodík“ */
}
}


.navbox .mw-collapsible-toggle {
/* 4) odstráň biele pozadie na LI kontajneroch */
    width: 65px;
.vector-menu-tabs li,
.vector-menu-tabs-legacy li,
#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 === */
/* for printing purposes, won't show navbox if one wants to print page */
.mw-parser-output table.article-table-cyberpunk {
@media print {
  border-collapse: separate !important;
    .navbox {
  border-spacing: 0 !important;
        display: none;
  /* ponechaj svoj vonkajší rám (ak ho chceš tenší, daj 1px) */
        }}
  border: 2px solid var(--cp-yellow, #ffff00) !important;
 
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
  font-weight: normal;
  /* @noflip */
  text-align: right;
}
}


.divYellowBox {
/* reset – žiadne „druhé“ okraje na bunkách */
border: 3px solid transparent;
.mw-parser-output table.article-table-cyberpunk th,
-webkit-border-image: var(--cyberpunkwiki-main-box) round;
.mw-parser-output table.article-table-cyberpunk td {
-o-border-image: var(--cyberpunkwiki-main-box) round;
  border: 0 !important;
border-image: var(--cyberpunkwiki-main-box) round;
  /* kreslíme len pravú a spodnú hranu = jedna línia medzi bunkami */
border-image-slice: 10% fill;
  border-right: 1px solid var(--cp-yellow, #ffff00) !important;
border-image-width: 20px;
  border-bottom: 1px solid var(--cp-yellow, #ffff00) !important;
margin: 10px auto;
overflow: hidden;
text-align:center;
}
.divGrayBox {
border: 3px solid transparent;
-webkit-border-image: var(--cyberpunkwiki-main-box-alt) round;
-o-border-image: var(--cyberpunkwiki-main-box-alt) round;
border-image: var(--cyberpunkwiki-main-box-alt) round;
border-image-slice: 10% fill;
border-image-width: 20px;
padding: 10px;
}
.BlockQuote {
display: block;
border: 2px solid var(--cyberpunkwiki-border-color);
border-radius: 10px;
text-align: center;
padding: 1em;
overflow: hidden;
}
}


.BlockQuote p {
/* doplň ľavý okraj prvej bunky v riadku */
white-space:pre-wrap;
.mw-parser-output table.article-table-cyberpunk tr > *:first-child {
  border-left: 1px solid var(--cp-yellow, #ffff00) !important;
}
}


.BlockQuote br {
/* doplň horný okraj na prvom riadku (hlavička) */
display: none; !important
.mw-parser-output table.article-table-cyberpunk tr:first-child > * {
  border-top: 1px solid var(--cp-yellow, #ffff00) !important;
}
}


/*** category images ***/
/* outer div around image */
#mw-category-media .gallerybox {
    border: 1px solid var(--cyberpunkwiki-border-color);
}


/* thumbnail image */
/* ==== EDIT PAGE DARK FIX (Vector, wikiEditor, CodeMirror, OOUI) ==== */
#mw-category-media .thumb {
    background-color: transparent;
    border: 0 !important;
}


/* thumbnails in unused images section */
/* celý editovací formulár */
li.gallerybox div.thumb {
#editform, .mw-editform, form#editform {
    border: none !important;
  background: var(--bg-secondary) !important;
    background: transparent !important;
  border: 1px solid #333 !important;
  color: var(--text-secondary) !important;
}
}


/* video/image thumbnails */
/* wikiEditor kontajnery */
.gallery-image-wrapper {
.wikiEditor-ui,
    border: none !important;
.wikiEditor-ui-top, .wikiEditor-ui-toolbar, .wikiEditor-ui-tabs,
    background-color: transparent;
.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;
}
}


/* Tabs */
/* textové polia (obsah + zhrnutie) */
.cptabs {
#wpTextbox1, #wpSummary,
    width:100%;
.oo-ui-textInputWidget input, .oo-ui-textInputWidget textarea,
    margin-bottom:10px;
.mw-ui-input, .mw-ui-textfield {
    background-image: var(--cyberpunkwiki-h2-background-image);
  background: #121212 !important;
    background-repeat: no-repeat;
  color: var(--text-secondary) !important;
    background-position: 25% 105%;
  border: 1px solid #333 !important;
    background-size:100% 10px;
    padding-bottom: 6px;
}
}


.cptabs ul {
/* CodeMirror – celé pozadie ide na dark */
    margin:0px;
.CodeMirror, .CodeMirror-scroll, .CodeMirror-gutters {
    padding:0px;
  background: #121212 !important;
    height:27px;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}
}


.cptabs li {
/* spodné sekcie (minor edit, watch, tools…) */
    display:inline-block;
.editOptions, .editCheckboxes, .mw-editTools,
    margin-right:0px;
.templatesUsed, #templatesUsed, .previewnote, .mw-warning-with-logexcerpt {
    padding:0px;
  background: var(--bg-secondary) !important;
    height:20px;
  color: var(--text-secondary) !important;
}
  border: 1px solid #333 !important;
.cptabs li a {
display:block;
text-decoration:none !important;
}
}


.cptabs li span {
/* labely a checkbox kontajnery nech nie sú biele */
    padding:7px 15px 7px 15px;
.mw-editform label, .mw-ui-checkbox, .mw-ui-radio {
    border:2px solid var(--cyberpunkwiki-border-color);
  background: transparent !important;
    border-bottom:none !important;
  color: var(--text-secondary) !important;
    border-radius:10px 10px 0px 0px;
  border: 0 !important;
    height:24px;
    line-height:10px;
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
}


.cptabs .mw-selflink span, .cptabs .mw-selflink span:hover {
/* tlačidlá */
color:#111111;
.editButtons input, .editButtons button,
border:2px solid var(--cyberpunkwiki-border-color);
.mw-ui-button, .oo-ui-buttonElement > .oo-ui-buttonElement-button {
border-bottom:none !important;
  background: #222 !important;
background-color: var(--cyberpunkwiki-accent-color);
  color: var(--text-secondary) !important;
  -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
  border: 1px solid #555 !important;
  -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75);
  box-shadow: none !important;
box-shadow:0px 0px 5px rgba(255,239,0,0.75);
}
.cptabs li a span:hover {
    border-color: var(--cyberpunkwiki-accent-color--secondary);
    -moz-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
    -webkit-box-shadow:0px 0px 5px rgba(39,209,244,0.75);
    box-shadow:0px 0px 5px rgba(39,209,244,0.75);
}
}


/*** Tabber coding ***/
/* placeholder farba */
ul.tabbernav {
#wpSummary::placeholder, #wpTextbox1::placeholder,
border-bottom:none !important;
.oo-ui-textInputWidget input::placeholder,
}
.oo-ui-textInputWidget textarea::placeholder {
.tabberlive {
  color: #8a8a8a !important;
margin-top:1px;
overflow:auto;
}
.tabberlive > .tabbertab:not(.tabbertabhide) {
border:none !important;
}
.tabberlive > .tabbernav > li > a {
font-size:14pt;
font-weight:400 !important;
letter-spacing:1px;
text-align:center;
padding-bottom:1%;
background-color:transparent;
border:none;
color:#d5d4d4 !important;
padding: 0px 5px;
}
.tabberlive > .tabbernav > li > a:hover {
background-color:transparent;
color:#ebe152 !important;
background-image: none;
}
}
/* === Fix bielych pozadí v MediaWiki === */


.tabberlive > .tabbernav > li > a:active {
/* Hlavný obsah */
background-color:transparent
.mw-body,
}
.mw-parser-output,
.tabberlive > .tabbernav > li.tabberactive > a {
body,
background-color:transparent;
html {
border:none;
  background: var(--bg-primary) !important;
color: var(--cyberpunkwiki-accent-color--secondary) !important;
  color: var(--text-primary) !important;
}
.tabberlive > .tabbernav > li.tabberactive > a:hover {
background-color:transparent;
border:none;
}
.tabberlive > .tabbernav > li.tabberactive > a:active {
background-color:transparent;
}
/* remove extra spacing within the gallery */
.wikia-gallery-item {
padding-bottom: 0 !important;
}
}
/*** end Tabber style edits ***/
/* light mode fix */
.theme-fandomdesktop-light .DBContainer { background-color: rgba(0,0,0,.9); }


/* [[Template:Plainlist]] */
/* Tabuľky */
.page-content .plainlist ul {
.wikitable,
    line-height: inherit;
.mw-parser-output table,
    list-style: none none;
.mw-parser-output th,
    margin: 0;
.mw-parser-output td {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--accent-yellow) !important;
  color: var(--text-primary) !important;
}
}
.page-content .plainlist ul li { margin-bottom: 0; }


/* Styling for Template:CraftingTable */
/* Infoboxy a bočné boxy */
.CraftingTable {
.infobox,
display:inline-block;
.navbox,
width:auto;
.toc,
max-width:535px;
.mw-warning,
}
.mw-message-box,
.CraftingTable-Table {
.mw-body-content {
max-width:535px;
  background: var(--bg-secondary) !important;
font-size:12px;
  color: var(--text-primary) !important;
}
  border: 1px solid var(--accent-yellow) !important;
.CraftingTable-Table tr, .CraftingTable-Table td { vertical-align: top; }
.CraftingTable-Block {
border: 1px solid var(--theme-border-color);
margin: 0px;
padding: 1px 2px;
background-color: var(--theme-page-background-color--secondary);
}
}


.CraftingTable-Block + .CraftingTable-Block { margin-top: 3px; }
/* Transcript a preformatovaný text */
.CraftingTable-Table .selflink { font-weight: normal; }
pre,
.theme-fandomdesktop-light .CraftingTable-arrow .image {
code,
background-image: url(/mediawiki/images/1/1f/Pent-arrow_light.png/revision/latest);
blockquote {
background-repeat: no-repeat;
  background: var(--bg-tertiary) !important;
width: 14px;
  color: var(--text-secondary) !important;
background-size: contain;
  border: 1px solid var(--accent-yellow) !important;
background-position: center;
  padding: 0.5em;
}
}
.theme-fandomdesktop-light .CraftingTable-arrow .image img { opacity: 0; }


/*** Infobox Stat Bar ***/
/* Hlavičky a nadpisy */
.pi-stat-name {
h1, h2, h3, h4, h5, h6 {
    text-align: right;
  background: transparent !important;
    margin-right: 12px !important;
  color: var(--accent-yellow) !important;
}
}


.pi-stat-bar {
/* Linky */
display: -webkit-inline-box;
a,
vertical-align: text-top;
a:visited {
background-color: var(--cyberpunkwiki-pi-stat-bar-bg);
  color: var(--link-color) !important;
background-color: var(--cyberpunkwiki-pi-stat-bar-bg2);
width: 100px !important;
max-width: 100px !important;
height: 13px;
margin-left: 0px !important;
}
}


.pi-stat-bar-min {
/* === Fix white bar on categories (#catlinks) === */
background-color: var(--cyberpunkwiki-pi-stat-bar-min-bg);
#catlinks,
#catlinks .mw-normal-catlinks,
.skin-vector #catlinks,
.skin-vector-2022 #catlinks,
.skin-monobook #catlinks,
.skin-timeless #catlinks {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
  border: 1px solid var(--accent-yellow) !important;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  box-shadow: none !important;
}
}


.pi-stat-bar-max {
/* Inline list, no bullets, no extra gaps */
background-color: var(--cyberpunkwiki-pi-stat-bar-max-bg);
#catlinks ul {
background-color: var(--cyberpunkwiki-pi-stat-bar-max-bg2);
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline !important;
}
}
 
#catlinks li {
.pi-stat-bar-max:after {
  display: inline !important;
content: '';
  margin: 0 .6em 0 0 !important;
}
}


.pi-stat-bar-value {
/* Links/colors */
color: var(--cyberpunkwiki-pi-stat-bar-value);
#catlinks a,
font-weight: bold;
#catlinks a:visited {
}
  color: var(--link-color) !important;
/*** For coloring enemy abilities ***/
  background: transparent !important;
.theme-fandomdesktop-dark .icon-template {
  text-decoration: none;
filter: var(--cyberpunkwiki-icon-color)
}
.theme-fandomdesktop-light .icon-template {
filter: invert(100%) !important;  
}
}
#catlinks a:hover { text-decoration: underline; }


/* for light mode icons used across a variety of templates and pages */
/* Remove any inherited white backgrounds from descendants */
.theme-fandomdesktop-light .filtericon {
#catlinks * {
filter:drop-shadow(0 0 1px #000) drop-shadow(0 0 1px #000);
  background-color: transparent !important;
}
}


.fandom-sticky-header__sitename {
/* 2025 09 05 - 15 08 */
display: none;
}


section[data-item-name="general"] img {
/***** LAYOUT & TYPO *****/
filter: var(--cyberpunkwiki-icon-color);
.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;
}
}


section[data-item-name="stats"] img {
/***** INFOBOX A PRAVÝ STĹPEC *****/
filter: var(--cyberpunkwiki-icon-color);
.infobox, .portable-infobox {
  float: right;
  width: 320px; max-width: 100%;
  margin: .5rem 0 .75rem .75rem;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--accent-yellow) !important;
}
}
 
@media (max-width: 1100px) {
.condition {
   .infobox, .portable-infobox { float:none; margin:.75rem 0; }
color: var(--cyberpunkwiki-link-color);
}
/* === PATCH step1: base dark + sidebar === */
:root{
   --bg:#0d0d0d; --bg-2:#111; --text:#e0e0e0;
  --link:#00d0ff; --link-visited:#a0a0ff; --link-hover:#ffcc00;
  --border:#333;
}
}


html, body{background:var(--bg)!important;color:var(--text)!important;}
/***** TABUĽKY – PRETEKANIE DOPRAVA *****/
.mw-body, .mw-body-content, #content{background:var(--bg)!important;color:var(--text)!important;}
/* 1) Každú wiki tabuľku sprav ako blok s horizontálnym scrollom */
 
.mw-parser-output .wikitable,
/* top bar & navigation */
.mw-parser-output table.prettytable,
#mw-head, #left-navigation, #right-navigation{background:var(--bg)!important;}
.mw-parser-output table {
 
   display: block;                 /* umožní overflow-x */
/* left sidebar */
   max-width: 100%;
#mw-panel, #mw-panel .portal, #p-logo{background:var(--bg-2)!important;color:var(--text)!important;}
   overflow-x: auto;               /* scroll pri úzkych viewportoch */
#mw-panel .portal h3, #mw-panel .portal li a{color:#cfcfcf!important;}
  -webkit-overflow-scrolling: touch;
#mw-panel .portal li a:hover{color:var(--link-hover)!important;}
   box-sizing: border-box;
 
   clear: both;                   /* nenechaj ju „napchávať sa“ vedľa infoboxu */
/* links */
   border-collapse: collapse;
a{color:var(--link)!important;}
   background: var(--bg-secondary) !important;
a:visited{color:var(--link-visited)!important;}
   border: 1px solid var(--accent-yellow) !important;
a:hover{color:var(--link-hover)!important;}
 
/* tables / infoboxes */
table, .wikitable, .infobox{
   background:#1a1a1a!important;color:var(--text)!important;border:1px solid var(--border)!important;
}
.wikititle, .wikitable th, .infobox th{background:#222!important;color:var(--link-hover)!important;}
/* === PATCH step2: Cyberpunk accent === */
 
/* Headings */
h1, h2, h3, h4, h5, h6 {
   color: #ffcc00 !important;
   border-bottom: 1px solid #333 !important;
}
 
/* Links */
a { color: #39d1ff !important; }
a:visited { color: #a0a0ff !important; }
a:hover { color: #ffcc00 !important; }
 
/* Infobox */
.infobox {
   background: #111 !important;
  border: 2px solid #ffcc00 !important;
  color: #e0e0e0 !important;
}
.infobox th {
  background: #222 !important;
   color: #ffcc00 !important;
}
.infobox td {
  background: #181818 !important;
}
 
/* Navbox */
.navbox {
  background: #111 !important;
   border: 1px solid #ffcc00 !important;
}
.navbox-title {
  background: #222 !important;
  color: #ffcc00 !important;
}
 
/* Tables */
.wikitable {
   background: #1a1a1a !important;
   border: 1px solid #ffcc00 !important;
}
.wikitable th {
  background: #222 !important;
  color: #ffcc00 !important;
}
}


/* Sidebar highlight */
/* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */
#mw-panel .portal h3 {
.mw-parser-output .wikitable th,
   color: #ffcc00 !important;
.mw-parser-output .wikitable td,
.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;
}
}
/* === PATCH step3: header, footer, layout, toc, buttons === */


/* Layout width + center content (Vector) */
/* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */
.mw-body, .mw-content-container, #content {
.mw-parser-output .wikitable { table-layout: fixed; }
  max-width: 1080px !important;
  margin: 0 auto !important;
  box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4);
}


/* Top bar look */
/***** TOC, QUOTES, PRE/ CODE *****/
#mw-head, #left-navigation, #right-navigation {
  border-bottom: 1px solid #222 !important;
}
 
/* Page title strip */
.firstHeading {
  background: linear-gradient(90deg, #111 0%, #0d0d0d 60%);
  padding: .6rem .8rem;
  margin: 0 0 .8rem 0;
  color: #ffcc00 !important;
  border-left: 4px solid #ffcc00;
}
 
/* TOC — compact card with accent border */
#toc, .toc {
#toc, .toc {
   background: #121212 !important;
   background: var(--bg-secondary) !important;
   border: 1px solid #333 !important;
   border: 1px solid var(--accent-cyan) !important;
  border-left: 3px solid #ffcc00 !important;
  border-radius: 4px;
  padding: .6rem .8rem !important;
}
}
.tocnumber { color: #ffcc00 !important; }
pre, code, blockquote {
 
  background: var(--bg-tertiary) !important;
/* Infobox image & small polish */
  color: var(--text-secondary) !important;
.infobox .image img,
   border: 1px solid var(--accent-yellow) !important;
.infobox img {
   padding: .5rem .6rem;
   border: 1px solid #333;
  background: #0e0e0e;
   padding: 2px;
  border-radius: 2px;
   max-width: 100%;
   max-width: 100%;
  overflow: auto;                  /* dlhé riadky nech sa scrollujú, nie rozbíjajú layout */
}
}


/* Tables – subtle row stripes */
/***** DOLADENIE ROZHRANIA *****/
.wikitable tr:nth-child(even) td { background: #171717 !important; }
/* Kategórie – už máš, ale doplním drobnosti pre konzistenciu */
.wikitable tr:nth-child(odd)  td { background: #1b1b1b !important; }
#catlinks, #catlinks * { background: transparent !important; }
 
#catlinks { background: var(--bg-secondary) !important; border:1px solid var(--accent-cyan) !important; }
/* Navbox links */
.navbox a { color: #39d1ff !important; }
.navbox a:hover { color: #ffcc00 !important; }
 
/* Buttons (MediaWiki UI) */
.mw-ui-button, .mw-ui-progressive, .mw-ui-primary {
  background: #ffcc00 !important;
  color: #111 !important;
  border: 1px solid #eab800 !important;
}
.mw-ui-button:hover { filter: brightness(1.05); }
.mw-ui-quiet { color: #39d1ff !important; }
.mw-ui-quiet:hover { color: #ffcc00 !important; }
 
/* Code/Pre blocks */
pre, code, .mw-code {
  background: #101010 !important;
  color: #e8e8e8 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 4px;
}
pre { padding: .6rem .8rem !important; overflow: auto; }
 
/* Blockquotes */
blockquote {
  border-left: 3px solid #ffcc00;
  background: #111;
  padding: .6rem .8rem;
  color: #dcdcdc;
}
 
/* Lists tighter + readable */
.mw-body-content ul, .mw-body-content ol { margin: .4rem 0 .8rem 2rem !important; }
.mw-body-content li { line-height: 1.5; }
 
/* Footer */
#footer, .mw-footer {
  background: #0f0f0f !important;
  border-top: 1px solid #222 !important;
  color: #9a9a9a !important;
  padding-top: 12px;
}
#footer a, .mw-footer a { color: #c8c8c8 !important; }
#footer a:hover, .mw-footer a:hover { color: #ffcc00 !important; }
 
/* Categories bar */
#catlinks {
  background: #111 !important;
  border: 1px solid #333 !important;
  border-left: 3px solid #ffcc00 !important;
}
#catlinks a { color: #39d1ff !important; }
#catlinks a:hover { color: #ffcc00 !important; }


/* Minor polish for edit sections */
/* Mini fixy pre systémové boxy a message bannery */
.mw-editsection, .mw-editsection a {
.mw-message-box, .mw-warning, .mw-notification {
   color: #888 !important;
  background: var(--bg-secondary) !important;
  border-color: var(--accent-cyan) !important;
   color: var(--text-primary) !important;
}
}
.mw-editsection a:hover { color: #ffcc00 !important; }
/* === PATCH: anti-white panels (logo/header/sidebar/inputs/thumbs) === */
/* logo a jeho kontajner (ľavý horný roh) */
#p-logo, #p-logo a { background: #0d0d0d !important; }
/* hlavný header + navigačné pásy Vectoru */
#mw-page-base, #mw-head-base, #mw-head, #mw-navigation,
.vector-sticky-header { background:#0d0d0d !important; border-color:#222 !important; }
/* ľavý panel + portlety */
#mw-panel, #mw-panel .portal, #mw-panel .portal .body { background:#111 !important; color:#ddd !important; }


/* hlavné telo stránky */
/***** HRANICE A MIERKA TABULIEK *****/
#content, .mw-body, .mw-body-content { background:#0d0d0d !important; color:#e0e0e0 !important; }
.mw-parser-output .wikitable caption { color: var(--text-secondary); }
.mw-parser-output .wikitable tr:nth-child(even) td { background: rgba(255,255,255,.02); }


/* vyhľadávacie pole / inputy */
/* ************************** */
#simpleSearch, .vector-search-box { background:#111 !important; border:1px solid #222 !important; }
/***** TEXT – lepšia čitateľnosť *****/
.vector-search-box-input, input, textarea, select {
.mw-body,
   background:#121212 !important; color:#e0e0e0 !important; border:1px solid #333 !important;
.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);
}
}
input::placeholder, textarea::placeholder { color:#8a8a8a !important; }


/* záložky (Read/Edit/View history) – tmavé pozadie, žltý akcent na vybranej */
/* Tighter spacing pre headings */
.vector-menu-tabs a { background:#0f0f0f !important; color:#ddd !important; border-color:#222 !important; }
.mw-parser-output h1,
.vector-menu-tabs .selected a { background:#141414 !important; color:#ffcc00 !important; border-bottom-color:#141414 !important; }
.mw-parser-output h2,
 
.mw-parser-output h3 {
/* miniatúry a galérie — odstráň biele pozadia */
  margin-top: 1.6em;
.thumb, .thumbinner, .gallery, .gallerybox, .gallerytext {
  margin-bottom: 0.6em;
   background:#111 !important; border:1px solid #333 !important;
   line-height: 1.3;
}
}
.thumbcaption { background:#0f0f0f !important; color:#cfcfcf !important; border-top:1px solid #333 !important; }


/* tabuľky/infoboxy – tmavé telo, jemný okraj */
/* Odrážky a zoznamy nech sú kompaktnejšie */
.wikitable, .infobox, table {
.mw-parser-output ul,
   background:#1a1a1a !important; color:#e0e0e0 !important; border:1px solid #333 !important;
.mw-parser-output ol {
   margin-top: 0.4em;
  margin-bottom: 0.8em;
  padding-left: 1.4em;
}
}
.wikitable th, .infobox th { background:#222 !important; color:#ffcc00 !important; }


/* pätička */
#footer, .mw-footer { background:#0f0f0f !important; color:#9a9a9a !important; border-top:1px solid #222 !important; }


/* jemnejší hrubý biely okraj, ak by ho niečo pchalo cez inline štýly */
/*   ============================================================================================== */
* { border-color: currentColor; }
/* === PATCH: kill remaining whites in navboxes === */
 
/* Globálne prefarbi fallback premennú z white → #111 */
:root {
  --navbox-bg-color: #111 !important;
}


/* Navboxy a vnorené časti – tmavé pozadie, žltý akcent pri titulku */
.navbox,
.navbox-subgroup,
.navbox-list,
.navbox-abovebelow,
.navbox-group,
.navbox-odd,
.navbox-even {
  background: #111 !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}


.navbox-title,
/* === TYPO RESET: jednotná veľkosť a odsadenie === */
.navbox-abovebelow {
.mw-body,
   background: #222 !important;
.mw-parser-output {
   color: #ffcc00 !important;
   --font-body: 15.5px;
   border-color: #333 !important;
  --lh: 1.65;
  --space-xxs: .25rem;
  --space-xs: .4rem;
  --space-sm: .6rem;
  --space-md: .9rem;
   font-size: var(--font-body);
   line-height: var(--lh);
}
}


/* Ak niekde používa priamo var(--navbox-bg-color, white), nech je tmavé */
/* Bežný text (odstavce, zoznamy, definície) – všade rovnaké */
.navbox *,
.mw-parser-output p,
.navbox-subgroup * {
.mw-parser-output li,
   --navbox-bg-color: #111 !important;
.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 .infobox,
.mw-parser-output .portable-infobox,
.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 */
}
}


/* Linky v navboxoch – konzistentné farby */
/* Konzistentné okraje bežných prvkov */
.navbox a { color: #39d1ff !important; }
.mw-parser-output p        { margin: 0 0 var(--space-sm); }
.navbox a:hover { color: #ffcc00 !important; }
.mw-parser-output ul,
 
.mw-parser-output ol      { margin: var(--space-xs) 0 var(--space-sm); padding-left: 1.4em; }
/* Jemné pruhovanie riadkov (len pozadie, nie biela) */
.mw-parser-output li      { margin: 0 0 var(--space-xxs); }
.navbox-odd  { background: #101010 !important; }
.mw-parser-output dl      { margin: var(--space-xs) 0 var(--space-sm); }
.navbox-even { background: #151515 !important; }
.mw-parser-output dt      { font-weight: 600; margin-top: var(--space-xxs); }
/* === PATCH: vnútorné odsadenie obsahu a tabuliek === */
.mw-parser-output dd      { margin-left: 1.1em; }


/* Všeobecné odsadenie hlavného tela stránky */
/* Nadpisy – rovnaké medzery nad/pod a mierka */
.mw-body {
.mw-parser-output h1 { font-size: 1.9em; margin: 1.2em 0 .55em; line-height: 1.25; }
    padding-left: 15px !important; /* podľa vkusu, napr. 20px pre viac priestoru */
.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; }


/* Len pre infoboxy a tabuľky na začiatku obsahu */
/* TOC, infobox, tabuľky – nech neprepisujú typografiu */
.mw-body .infobox,  
.mw-parser-output #toc,
.mw-body .mw-parser-output > table {
.mw-parser-output .toc,
    margin-left: 15px !important;
.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);
}
}
/* === CYBERPUNK THEME – all-in-one patch (hero, TOC, infobox, links, refs, spacing) === */


/* ---------- Variables / base ---------- */
/* Obrázky a popisky – mierne kompaktnejšie, ale stále čitateľné */
:root{
.mw-parser-output .thumb .thumbcaption,
  --bg:#0d0d0d; --bg2:#111; --text:#e0e0e0; --muted:#cfcfcf;
.mw-parser-output figcaption { font-size: .95em; line-height: var(--lh); }
  --link:#39d1ff; --link-visited:#a0a0ff; --accent:#ffcc00; --border:#2b2b2b;
  --hero-image: url(/mediawiki/images/e/e6/Site-logo.png); /* uprav ak máš inú cestu */
}


/* Page chrome */
/* Poznámky a referencie – jednotné medzery */
html, body, #content, .mw-body, .mw-body-content { background:var(--bg)!important; color:var(--text)!important; }
.mw-parser-output .references li { margin: 0 0 var(--space-xxs); line-height: var(--lh); }
#mw-page-base, #mw-head-base, #mw-head, #mw-navigation, .vector-sticky-header { background:var(--bg)!important; border-color:#222!important; }
.mw-parser-output .reference { font-size: .95em; }
#mw-panel, #mw-panel .portal, #mw-panel .portal .body, #p-logo, #p-logo a { background:var(--bg2)!important; color:#ddd!important; }


/* Inputs / search */
/* Zaruč rovnakú veľkosť textu aj v tabuľkách/infoboxe */
#simpleSearch, .vector-search-box{ background:#111!important; border:1px solid #222!important; }
.mw-parser-output .wikitable th,
.vector-search-box-input, input, textarea, select{ background:#121212!important; color:#e0e0e0!important; border:1px solid #333!important; }
.mw-parser-output .wikitable td,
input::placeholder, textarea::placeholder{ color:#8a8a8a!important; }
.mw-parser-output .infobox td,
.mw-parser-output .infobox th { font-size: 1em; line-height: var(--lh); padding: .4rem .5rem; }


/* Tabs (Read/Edit/History) */
/* Zbytočne „zmenšené“ systémové prvky narovnaj */
.vector-menu-tabs a{ background:#0f0f0f!important; color:#ddd!important; border-color:#222!important; }
#catlinks, .mw-notification, .mw-warning, .hatnote, .dablink { font-size: 1em; line-height: var(--lh); }
.vector-menu-tabs .selected a{ background:#141414!important; color:var(--accent)!important; border-bottom-color:#141414!important; }


/* ---------- Hero strip (heading background like Fandom) ---------- */
/* Voliteľné: obmedz čitateľnú šírku bežného textu (bez tabuliek/infoboxu) */
h1.firstHeading, .firstHeading{
.mw-parser-output > p,
  background:
.mw-parser-output > ul,
    var(--hero-image) left center / 120px auto no-repeat,
.mw-parser-output > ol,
    linear-gradient(90deg, #0d0d0d 0%, #171717 60%, #1a1a1a 100%);
.mw-parser-output > dl,
   padding-left: 140px;
.mw-parser-output > blockquote {
   margin: .25rem 0 1.0rem 0 !important;
   max-width: 900px;
  color: var(--accent)!important;
   margin-left: auto;
  border-left: 4px solid var(--accent);
   margin-right: auto;
   border-bottom: 1px solid #222!important;
}
}


/* ---------- Links (Fandom-ish hover) ---------- */
.mw-body-content a{
  color:var(--link); text-decoration:none;
  background-image: linear-gradient(var(--accent),var(--accent));
  background-position: 0 100%; background-repeat:no-repeat; background-size: 0 1px;
  transition: background-size .16s ease, color .16s ease;
}
.mw-body-content a:hover, .mw-body-content a:focus{ color:var(--accent)!important; background-size:100% 1px; }


/* ---------- TOC ---------- */
/*   - ------------------------------------------------------------------------------      */
#toc, .toc{
/* === Fix obtekania obrázkov === */
  background:#111!important; border:1px solid var(--accent)!important; border-radius:4px; padding:.6rem .8rem!important;
.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 */
}
}
#toc ul li, .toc ul li{ border-left:1px solid transparent; transition:background-color .12s ease, border-color .12s ease; }
#toc ul li:hover, .toc ul li:hover{ background:rgba(255,204,0,.06); border-left-color:var(--accent); }
#toc a, .toc a{ color:#cfe8ff!important; text-decoration:none; }


/* ---------- Infobox (right) ---------- */
/* Ak je obrázok vľavo, nech má extra priestor vpravo */
.infobox{
.mw-parser-output .floatleft,
   background:#111!important; color:var(--text)!important;
.mw-parser-output .thumb.tright {
  border:1px solid var(--accent)!important;
   margin-right: 1.5rem !important;
}
}
.infobox th{
  background:var(--accent)!important; color:#111!important; text-align:center; font-weight:700;
}
.infobox td{ background:#151515!important; border-color:var(--border)!important; }
.infobox a{ color:var(--link)!important; } .infobox a:hover{ color:var(--accent)!important; }


/* ---------- Tables & navboxes ---------- */
/* Ak je obrázok vpravo, nech má extra priestor vľavo */
.wikitable, table{ background:#1a1a1a!important; color:var(--text)!important; border:1px solid #333!important; }
.mw-parser-output .floatright,
.wikitable th{ background:#222!important; color:var(--accent)!important; }
.mw-parser-output .thumb.tleft,
.navbox, .navbox-subgroup, .navbox-list, .navbox-abovebelow, .navbox-group{
.mw-parser-output .infobox,
   background:#111!important; border-color:#333!important; color:var(--text)!important;
.mw-parser-output .portable-infobox {
   margin-left: 1.5rem !important;
}
}
.navbox-title, .navbox-abovebelow{ background:#222!important; color:var(--accent)!important; border-color:#333!important; }
:root{ --navbox-bg-color:#111!important; }
/* ---------- Thumbs / galleries ---------- */
.thumb, .thumbinner, .gallery, .gallerybox, .gallerytext{ background:#111!important; border:1px solid #333!important; }
.thumbcaption{ background:#0f0f0f!important; color:#cfcfcf!important; border-top:1px solid #333!important; }


/* ---------- Message boxes / hatnotes ---------- */
/* Popisky pod obrázkami nech sú kompaktnejšie, ale čitateľné */
.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox, .mw-message-box, .hatnote, .notice{
.mw-parser-output .thumbcaption {
   background:#111!important; color:#e6e6e6!important; border:1px solid #333!important; border-left:4px solid #4aa3ff!important;
   font-size: 0.95em;
   padding:.65rem .8rem!important; margin:.8rem 0!important; border-radius:3px;
   line-height: 1.5;
  margin-top: 0.3rem;
}
}
.mw-message-box-warning, .ambox-warning, .ombox-warning{ border-left-color:var(--accent)!important; }
.mw-message-box-error, .ambox-serious, .ombox-crit, .error{ border-left-color:#ff5b5b!important; background:#140f0f!important; }
.mw-message-box-success{ border-left-color:#66d17a!important; background:#0f1410!important; }


/* ---------- References ---------- */
/* Väčšie medzery okolo plávajúcich prvkov */
.references, .mw-references-wrap{
.mw-parser-output .thumb,
   background:#111!important; border:1px solid var(--accent)!important; padding:.6rem .8rem!important; border-radius:4px;
.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;
}
}
.references li{ line-height:1.5; }
/* ---------- Spacing / readability ---------- */
.mw-parser-output > p{ line-height:1.6; }
.mw-parser-output h2{ margin:1.4rem 0 .6rem!important; font-size:1.6rem; border-bottom:1px solid #1f1f1f!important; color:var(--accent)!important; }
.mw-parser-output h3{ margin:1.0rem 0 .45rem!important; font-size:1.25rem; border-bottom:1px solid #1f1f1f!important; color:#f0c957!important; }
/* ---------- Inner padding & left offset for tables/infobox ---------- */
.mw-body{ padding-left:15px!important; }
.mw-body .infobox, .mw-body .mw-parser-output > table{ margin-left:15px!important; }
/* ---------- Footer ---------- */
#footer, .mw-footer{ background:#0f0f0f!important; color:#9a9a9a!important; border-top:1px solid #222!important; }
/* Safety: avoid stray white borders */
hr{ border:0; border-top:1px solid #1f1f1f!important; }


/* DARK-GLOBAL-TABLES-v1 — univerzálny fix pre MW tabuľky + filtre */
/* Obrázok vľavo → priestor vpravo */
:root{
.mw-parser-output .thumb.tleft,
  --tb-bg0:#0b0b0b; --tb-row:#111111; --tb-rowAlt:#161616; --tb-head:#141414;
.mw-parser-output .floatleft {
   --tb-fg:#e6e6e6; --tb-border:#2b2b2b; --tb-link:#9ecbff; --tb-linkV:#c4b3ff;
  margin-left: 0 !important;
   margin-right: 1.6rem !important;
}
}


/* VŠETKY ŠTANDARDNÉ TABUĽKY V OBSAHU */
/* Obrázok vpravo (aj infobox) → priestor vľavo */
.mw-body table.mw-datatable,
.mw-parser-output .thumb.tright,
.mw-body .TablePager,
.mw-parser-output .floatright,
.mw-body table.filelist,
.mw-parser-output .infobox,
.mw-body .wikitable{
.mw-parser-output .portable-infobox {
  background:var(--tb-bg0) !important;
   margin-right: 0 !important;
  color:var(--tb-fg) !important;
   margin-left: 1.6rem !important;
  border:1px solid var(--tb-border) !important;
}
.mw-body table.mw-datatable th,
.mw-body table.mw-datatable td,
.mw-body .TablePager th,
.mw-body .TablePager td,
.mw-body table.filelist th,
.mw-body table.filelist td,
.mw-body .wikitable th,
.mw-body .wikitable td{
   background:var(--tb-row) !important;
  color:var(--tb-fg) !important;
   border-color:var(--tb-border) !important;
}
.mw-body table.mw-datatable tr:nth-child(even) > td,
.mw-body table.filelist tr:nth-child(even) > td,
.mw-body .wikitable tr:nth-child(even) > td{
  background:var(--tb-rowAlt) !important;
}
.mw-body table.mw-datatable th,
.mw-body .TablePager th,
.mw-body table.filelist th,
.mw-body .wikitable th{
  background:var(--tb-head) !important;
  font-weight:600;
}
}


/* navigácia/pager pod tabuľkou */
/* Jemný vnútorný odstup v rámci rámčeka thumb */
.mw-body .mw-pager-navigation,
.mw-parser-output .thumb .thumbinner {
.mw-body .TablePager_nav{
   padding: .25rem !important;
   background:var(--tb-bg0) !important;
  color:var(--tb-fg) !important;
  border:1px solid var(--tb-border) !important;
}
}


/* odkazy v tabuľkách */
/* Pri tabulkách: viac priestoru medzi stĺpcami s textom */
.mw-body table.mw-datatable a,
.mw-parser-output table td,
.mw-body .TablePager a,
.mw-parser-output table th {
.mw-body table.filelist a,
  padding: 0.75rem 0.9rem !important;
.mw-body .wikitable a{ color:var(--tb-link) !important; }
  vertical-align: top;                 /* text hore vedľa obrázka */
.mw-body table.mw-datatable a:visited,
.mw-body .TablePager a:visited,
.mw-body table.filelist a:visited,
.mw-body .wikitable a:visited{ color:var(--tb-linkV) !important; }
 
/* kód/prehľady v bunkách – zruš biele pozadie */
.mw-body table .mw-code,
.mw-body table code,
.mw-body table pre{
  background:#1a1a1a !important;
  color:var(--tb-fg) !important;
  border-color:var(--tb-border) !important;
}
}


/* OOUI prvky nad tabuľkami (filtre na Special:* stránkach) */
/* Extra ľavé odsadenie pre každý nasledujúci stĺpec v riadku */
.mw-body .oo-ui-panelLayout,
.mw-parser-output table td + td,
.mw-body .oo-ui-fieldLayout,
.mw-parser-output table th + td,
.mw-body .oo-ui-inputWidget,
.mw-parser-output table th + th {
.mw-body .oo-ui-textInputWidget input,
   padding-left: 1.25rem !important;   /* toto vytvorí medzeru od obrázka */
.mw-body .oo-ui-dropdownWidget,
.mw-body .oo-ui-menuSelectWidget{
   background:var(--tb-bg0) !important;
  color:var(--tb-fg) !important;
  border-color:var(--tb-border) !important;
}
}
.mw-body .oo-ui-labelElement-label{ color:var(--tb-fg) !important; }


/* thumbnaily v riadkoch – bez bieleho okraja */
/* Ak je v bunke obrázok, nech je jemný odstup od rámu bunky */
.mw-body .TablePager img,
.mw-parser-output table td img,
.mw-body table.filelist img{ background:transparent !important; box-shadow:none !important; }
.mw-parser-output table td .thumb {
 
   margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
/* Fix white background in filters (OOUI widgets) */
   max-width: 100%;
.oo-ui-textInputWidget input,
   height: auto;
.oo-ui-dropdownWidget-handle,
.oo-ui-menuSelectWidget,
.oo-ui-buttonElement .oo-ui-buttonElement-button {
    background-color: #1a1a1a !important;
    color: #ddd !important;
    border-color: #444 !important;
}
 
.oo-ui-widget,
.oo-ui-optionWidget {
    background-color: #1a1a1a !important;
    color: #ddd !important;
}
 
.oo-ui-toolbar,
.mw-rcfilters-ui-filterMenuHeaderWidget {
    background-color: #111 !important;
}
 
/* ===== Dark fixes for RecentChanges + OOUI ===== */
:root {
   --dark-bg: #0e0e0e;
  --dark-panel: #1a1a1a;
  --dark-border: #333;
  --dark-text: #ddd;
  --dark-muted: #a8a8a8;
}
 
/* Panely a polia vo filtri */
.oo-ui-panelLayout,
.oo-ui-widget,
.oo-ui-fieldLayout,
.oo-ui-fieldLayout-field,
.oo-ui-tagMultiselectWidget,
.oo-ui-textInputWidget input,
.oo-ui-dropdownWidget-handle,
.oo-ui-buttonElement .oo-ui-buttonElement-button,
.mw-rcfilters-ui-filterMenuHeaderWidget,
.mw-rcfilters-ui-rcTopSectionWidget {
  background-color: var(--dark-panel) !important;
   color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
 
/* „Active filters“ pás a tagy */
.oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagItemWidget.oo-ui-widget {
   background-color: var(--dark-bg) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
 
/* Rozbaľovacie menu (Saved filters, Namespaces, Tags) */
.oo-ui-menuSelectWidget,
.oo-ui-menuSelectWidget .oo-ui-menuOptionWidget,
.oo-ui-popupWidget-popup,
.oo-ui-popupWidget-body {
  background-color: var(--dark-panel) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
}


/* Input placeholdery a sekundárny text */
/* Odstránenie bielych pozadí z RecentChanges */
.oo-ui-inputWidget .oo-ui-inputWidget-input::placeholder,
.mw-body,
.mw-rcfilters-ui-filterMenuHeaderWidget,
.mw-body-content,
.mw-rcfilters-ui-itemMenuOptionWidget .oo-ui-labelElement-label {
.rcfilters-head,
  color: var(--dark-muted) !important;
}
 
/* „List of abbreviations“ blok vpravo */
.mw-changeslist-legend,
.mw-changeslist-legend,
.mw-changeslist-legend dl,
.mw-changeslist-legend dd,
.mw-changeslist-legend .mw-changeslist-legend-abbr {
  background: var(--dark-panel) !important;
  color: var(--dark-text) !important;
  border-color: var(--dark-border) !important;
}
/* Tlačidlá (hover/focus/quiet) – jemné stmavenie */
.oo-ui-buttonElement .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement .oo-ui-buttonElement-button:focus {
  background-color: #141414 !important;
  border-color: var(--dark-border) !important;
}
/* Hrany boxov na RC stránke */
.mw-changeslist,
.mw-changeslist,
.mw-changeslist-line,
.mw-specialpage-summary {
.mw-rcfilters-ui-watchlistTopSectionWidget,
.mw-changeslist-legend {
  border-color: var(--dark-border) !important;
}
 
/* --- Fix Portable Infobox headers (e.g., "Biographical Information") on dark theme --- */
.portable-infobox,
.portable-infobox .pi-item,
.portable-infobox .pi-data,
.portable-infobox .pi-group {
  background: #0d1117 !important;
  border-color: #1f2a34 !important;
  color: #e6edf3 !important;
}
 
/* Header prúžky ako "Biographical Information" */
.portable-infobox .pi-header,
.portable-infobox .pi-secondary-background,
.portable-infobox .pi-section-label {
  background: #0f1620 !important;  /* zruší biely pás */
  color: #e6edf3 !important;
  border-color: #1f2a34 !important;
}
 
/* Popisky vľavo (label) nech nie sú na bielom */
.portable-infobox .pi-data-label {
  color: #9db1c3 !important;
   background: transparent !important;
   background: transparent !important;
  color: var(--text-primary, #fff) !important;
}
}
 
.mw-changeslist-legend,
/* Odkazy v infoboxe – kontrast */
.rcfilters-head {
.portable-infobox a { color: #58a6ff !important; }
 
/* Fandom/infobox občas farbí nepárne riadky na bielo – zruš */
.portable-infobox .pi-item:nth-child(odd),
.portable-infobox .pi-group:nth-child(odd) {
  background: #0d1117 !important;
}
 
/* Dark theme pre editovacie polia */
textarea,
input,
select {
  background-color: #111 !important;
  color: #eee !important;
   border: 1px solid #333 !important;
   border: 1px solid #333 !important;
}
}
 
/* Fix bielych rámikov v Live updates / filteroch */
/* Summary box pod editorom */
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper,
#wpSummary {
.oo-ui-menuSelectWidget,
.oo-ui-tagMultiselectWidget-handle {
   background-color: #111 !important;
   background-color: #111 !important;
   color: #eee !important;
   color: #fff !important;
}
 
/* Minor edit a watch this page checkbox panel */
.mw-editform .editCheckboxes,
.mw-summary {
  background-color: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
 
/* Tlačidlá dole */
#editform input[type="submit"],
#editform button {
  background-color: #222 !important;
  color: #eee !important;
  border: 1px solid #555 !important;
}
 
/* ---- Dark theme pre editaciu ---- */
 
/* hlavné textové pole */
#wpTextbox1 {
  background-color: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
 
/* summary input */
#wpSummary {
  background-color: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
 
/* oblasť s checkboxami (minor edit, watch this page) */
.editOptions,
.editCheckboxes {
  background-color: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
}
 
/* tlačidlá dole */
.editButtons input,
.editButtons button {
  background-color: #222 !important;
  color: #eee !important;
  border: 1px solid #555 !important;
}
}

Latest revision as of 18:12, 5 September 2025

/* === OPTIMALIZOVANÉ CSS PRE MEDIAWIKI CYBERPUNK WIKI === */

/* === CSS PREMENNÉ === */
:root {
  /* Základné farby */
  --bg-primary: #0a0a0a;
  --bg-secondary: #111111;
  --bg-tertiary: #1a1a1a;
  --text-primary: #ffffff;
  --text-secondary: #e0e0e0;
  --text-muted: #cfcfcf;

  /* Cyberpunk farby */
  --accent-yellow: #FCEE0A;
  --accent-cyan: #29FFFF;
  --link-color: #39d1ff;
  --link-visited: #a0a0ff;
  --border-color: #2b2b2b;

  /* Grafické assets */
  --h2-bg-image: url("/mediawiki/images/d/df/CP2077_header_bottom.svg");
  --main-box: url("/mediawiki/images/0/0e/Cyberpunk_2077_yellow_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");

  /* Cyberpunk table farba */
  --cp-yellow: #ffff00; /* čistá žltá */
}

/* === FONT FACES === */
@font-face {
  font-family: "Rajdhani";
  font-weight: 400;
  font-display: swap;
  src: url('wiki/Special:FilePath/Rajdhani-Regular.ttf') format("opentype");
}
@font-face {
  font-family: "Orbitron";
  font-weight: 400;
  font-display: swap;
  src: url('wiki/Special:FilePath/Orbitron.ttf') format("opentype");
}
@font-face {
  font-family: "BlenderProBook";
  font-weight: 400;
  font-display: swap;
  src: url('wiki/Special:FilePath/BlenderPro-Book.ttf') format("opentype");
}
@font-face {
  font-family: "BlenderProBold";
  font-weight: 700;
  font-display: swap;
  src: url('wiki/Special:FilePath/BlenderPro-Bold.ttf') format("opentype");
}

/* === IMPORTS === */
@import url("/mediawiki/index.php?title=MediaWiki:CustomNavigation.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:CustomTables.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:CustomTemplates.css&action=raw&ctype=text/css");
@import url("/mediawiki/index.php?title=MediaWiki:Netpages2077.css&action=raw&ctype=text/css");

/* === ZÁKLADNÉ ŠTÝLY === */
html, body {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
}
.mw-body, .mw-body-content, #content {
  background: var(--bg-primary) !important;
  color: var(--text-primary) !important;
  max-width: 1080px !important;
  margin: 0 auto !important;
  padding-left: 15px !important;
  box-shadow: 0 0 0 1px #222, 0 10px 40px rgba(0,0,0,.4);
}

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

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

/* === NADPISY === */
h1, h2, h3, h4, h5, h6 {
  color: var(--accent-yellow) !important;
  border-bottom: 1px solid #333 !important;
  font-family: BlenderProBold, sans-serif;
}
.firstHeading {
  background:
    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%);
  padding-left: 140px;
  margin: .25rem 0 1.0rem 0 !important;
  border-left: 4px solid var(--accent-yellow);
}
.page-content h2:not(.all-maps__empty-title), .pi-header {
  background-image: var(--h2-bg-image);
  background-repeat: no-repeat;
  background-position: 25% 105%;
  background-size: 100% 10px;
  line-height: 1.2;
  color: var(--accent-cyan);
  border-bottom: none;
  overflow: auto;
}

/* === TOC === */
#toc, .toc {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--accent-yellow) !important;
  border-radius: 4px;
  padding: .6rem .8rem !important;
}
.tocnumber { color: var(--accent-yellow) !important; }
#toc ul li:hover, .toc ul li:hover {
  background: rgba(255,204,0,.06);
  border-left: 1px solid var(--accent-yellow);
  transition: all .12s ease;
}

/* === PORTABLE INFOBOXES === */
.portable-infobox {
  position: relative;
  margin-right: 5px;
  margin-left: 15px !important;
  border: 1px solid var(--accent-yellow);
  border-radius: 10px 0 0 10px;
  background-color: var(--bg-secondary);
  padding-bottom: 4px;
}
.portable-infobox::after {
  content: "";
  position: absolute;
  width: 6%;
  height: 100%;
  top: 0; right: 0;
  background-image: var(--infobox-bg);
  background-repeat: repeat-y;
  background-size: 32px 1080px;
}
.pi-title {
  background-color: transparent;
  border-radius: 10px 10px 0 0;
  color: var(--accent-cyan);
  border-bottom: none;
  margin-top: 5px;
  text-align: center;
  font-family: BlenderProBold, sans-serif;
  font-size: 1.4em;
}
.pi-header {
  background-color: transparent;
  color: var(--accent-cyan);
  margin: 5px 15px !important;
  text-align: center;
  font-family: BlenderProBold, sans-serif !important;
  font-size: 1.2em !important;
  background-position: 0% 135% !important;
  text-transform: none !important;
}
.pi-data-label {
  padding: 3px 5px 3px 1px;
  text-align: right;
  border-right: 1px var(--accent-yellow) solid;
  color: var(--accent-cyan);
  text-transform: none !important;
}

/* === TABY A SELEKTORY === */
.wds-tabs, .wds-tabs__wrapper, .wds-tabs__tab,
.wds-tabs__tab-label, .wds-tabs__tab a,
.pi-tab-link, .pi-media-collection-tabs .pi-tab-link {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
.wds-tabs__tab.wds-is-current .wds-tabs__tab-label,
.wds-tabs__tab[aria-selected="true"] .wds-tabs__tab-label,
.pi-tab-link.is-active, .pi-tab-link.current,
[role="tab"][aria-selected="true"] {
  background: var(--accent-yellow) !important;
  color: #111 !important;
  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 --- */

/* ==== FIX: biele plochy & žltá mriežka pre .article-table-cyberpunk ==== */

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

/* 1) Zruš globálne prebitie border-color pre našu tabuľku */
.article-table-cyberpunk, .article-table-cyberpunk * {
  border-color: var(--cp-yellow, #ffff00) !important;
  border-style: solid !important;
}

/* 2) Najvyššia špecificita proti všeobecným pravidlám na table/td/th */
.mw-parser-output table.article-table-cyberpunk,
.mw-parser-output table.article-table-cyberpunk th,
.mw-parser-output table.article-table-cyberpunk td {
  border-color: var(--cp-yellow, #ffff00) !important;
}

/* 3) Režim bez konfliktov + presné hrúbky (tenká žltá mriežka) */
.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;
}

/* 4) Oprav biele pásy z iných tabuliek/boxov, ktoré mali transparent
      a sedeli na svetlom predku (bez menenia tvojho vzhľadu) */
.mw-parser-output .toc,
.mw-parser-output .navbox,
.mw-parser-output .ambox,
.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;
}

/* 5) Vector/Timeless ešte raz pre istotu prebijeme hranice v tabuľke */
.skin-vector .article-table-cyberpunk th,
.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 ==== */

/* 0) zruš modrú hornú linku pod headerom */
#content, .mw-body, .mw-body-content { border: 0 !important; }

/* 1) bar za tabuľkami hore nech nie je biely */
#mw-head, #left-navigation, #right-navigation,
#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;
}

/* 2) samotné „pills“ – tmavé pozadie bez gradientov (Vector legacy aj 2022) */
.vector-menu-tabs a,
.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;
}

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

/* 4) odstráň biele pozadie na LI kontajneroch */
.vector-menu-tabs li,
.vector-menu-tabs-legacy li,
#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;
}

/* reset – žiadne „druhé“ okraje na bunkách */
.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;
}

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

/* doplň horný okraj na prvom riadku (hlavička) */
.mw-parser-output table.article-table-cyberpunk tr:first-child > * {
  border-top: 1px solid var(--cp-yellow, #ffff00) !important;
}


/* ==== EDIT PAGE DARK FIX (Vector, wikiEditor, CodeMirror, OOUI) ==== */

/* celý editovací formulár */
#editform, .mw-editform, form#editform {
  background: var(--bg-secondary) !important;
  border: 1px solid #333 !important;
  color: var(--text-secondary) !important;
}

/* wikiEditor kontajnery */
.wikiEditor-ui,
.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;
}

/* textové polia (obsah + zhrnutie) */
#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;
}

/* CodeMirror – celé pozadie ide na dark */
.CodeMirror, .CodeMirror-scroll, .CodeMirror-gutters {
  background: #121212 !important;
  color: var(--text-secondary) !important;
  border-color: #333 !important;
}

/* spodné sekcie (minor edit, watch, tools…) */
.editOptions, .editCheckboxes, .mw-editTools,
.templatesUsed, #templatesUsed, .previewnote, .mw-warning-with-logexcerpt {
  background: var(--bg-secondary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid #333 !important;
}

/* labely a checkbox kontajnery nech nie sú biele */
.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;
  color: var(--text-secondary) !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;
}

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

/* Infoboxy a bočné boxy */
.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;
}

/* Transcript a preformatovaný text */
pre,
code,
blockquote {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !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;
}

/* Linky */
a,
a:visited {
  color: var(--link-color) !important;
}

/* === Fix white bar on categories (#catlinks) === */
#catlinks,
#catlinks .mw-normal-catlinks,
.skin-vector #catlinks,
.skin-vector-2022 #catlinks,
.skin-monobook #catlinks,
.skin-timeless #catlinks {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !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;
}

/* 2025 09 05 - 15 08 */

/***** LAYOUT & TYPO *****/
.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;
}

/***** INFOBOX A PRAVÝ STĹPEC *****/
.infobox, .portable-infobox {
  float: right;
  width: 320px; max-width: 100%;
  margin: .5rem 0 .75rem .75rem;
  background: var(--bg-secondary) !important;
  border: 1px solid var(--accent-yellow) !important;
}
@media (max-width: 1100px) {
  .infobox, .portable-infobox { float:none; margin:.75rem 0; }
}

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

/* 2) Rozumné lámanie dlhých slov/URL a stabilná šírka stĺpcov */
.mw-parser-output .wikitable th,
.mw-parser-output .wikitable td,
.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;
}

/* 3) Pri tabuľkách s veľa stĺpcami zrýchli layout */
.mw-parser-output .wikitable { table-layout: fixed; }

/***** TOC, QUOTES, PRE/ CODE *****/
#toc, .toc {
  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 */
}

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

/***** HRANICE A MIERKA TABULIEK *****/
.mw-parser-output .wikitable caption { color: var(--text-secondary); }
.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;
}


/*    ============================================================================================== */


/* === TYPO RESET: jednotná veľkosť a odsadenie === */
.mw-body,
.mw-parser-output {
  --font-body: 15.5px;
  --lh: 1.65;
  --space-xxs: .25rem;
  --space-xs: .4rem;
  --space-sm: .6rem;
  --space-md: .9rem;
  font-size: var(--font-body);
  line-height: var(--lh);
}

/* 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 .infobox,
.mw-parser-output .portable-infobox,
.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;
}

/* Obrázok vľavo → priestor vpravo */
.mw-parser-output .thumb.tleft,
.mw-parser-output .floatleft {
  margin-left: 0 !important;
  margin-right: 1.6rem !important;
}

/* Obrázok vpravo (aj infobox) → priestor vľavo */
.mw-parser-output .thumb.tright,
.mw-parser-output .floatright,
.mw-parser-output .infobox,
.mw-parser-output .portable-infobox {
  margin-right: 0 !important;
  margin-left: 1.6rem !important;
}

/* Jemný vnútorný odstup v rámci rámčeka thumb */
.mw-parser-output .thumb .thumbinner {
  padding: .25rem !important;
}

/* Pri tabulkách: viac priestoru medzi stĺpcami s textom */
.mw-parser-output table td,
.mw-parser-output table th {
  padding: 0.75rem 0.9rem !important;
  vertical-align: top;                 /* text hore vedľa obrázka */
}

/* Extra ľavé odsadenie pre každý nasledujúci stĺpec v riadku */
.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 */
}

/* Ak je v bunke obrázok, nech je jemný odstup od rámu bunky */
.mw-parser-output table td img,
.mw-parser-output table td .thumb {
  margin: 0.2rem 0.2rem 0.2rem 0.2rem !important;
  max-width: 100%;
  height: auto;
}

/* Odstránenie bielych pozadí z RecentChanges */
.mw-body,
.mw-body-content,
.rcfilters-head,
.mw-changeslist-legend,
.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;
}
Retrieved from "https://wiki.cbrpnk.eu/index.php?title=MediaWiki:Common.css&oldid=27410"