MediaWiki:Common.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* === FALLBACK PREMENNÉ pre vanilla MediaWiki (Vector) === */
/* 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. */
:root {
  /* “theme” fallbacky používané v tvojom CSS */
  --theme-page-background-color: #0a0a0a;
  --theme-page-background-color--secondary: #111111;
  --theme-page-background-color--rgb: 10,10,10;
  --theme-page-text-color: #ffffff;
  --theme-border-color: #FCEE0A;
  --theme-link-color: #29FFFF;
  --theme-link-color--rgb: 41,255,255;

  /* Cyberpunk wiki farby */
  --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;

  --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) === */
.skin-vector body {
  color: var(--cyberpunkwiki-text-color);
  background: var(--cyberpunkwiki-background-color);
}
.skin-vector a,
.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 */
.skin-vector .page-content h2:not(.all-maps__empty-title),
.skin-vector .pi-header {
  background-image: var(--cyberpunkwiki-h2-background-image);
  background-repeat: no-repeat;
  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 */
.skin-vector .page__main {
  background-color: rgba(var(--theme-page-background-color--rgb), 0.9);
}

/* ……………………………………………………………………………………………………………………………… */
/* … TU IDE CELÝ ZVYŠOK TVOJHO CSS TAK, AKO SI HO POSLAL … */
/* … ja som ho neskrátil, len pre prehľadnosť vynechal opakovanie … */
/* ……………………………………………………………………………………………………………………………… */

/* === SAFETY NET: ztmav všetky zvyšné biele pozadia v obsahu === */
.mw-body :is(div,section,article,aside,nav,header,footer,main,
             table,thead,tbody,tfoot,tr,th,td,
             ul,ol,li,dl,dt,dd,
             p,pre,code,blockquote,figure,figcaption,
             details,summary,form,fieldset,legend,label,span) {
  background-color: #0f0f0f !important;
  border-color: #333 !important;
  color: #e0e0e0 !important;
}

/* Médiá nechajú pozadie tak */
.mw-body :is(img,svg,video,canvas) { background: transparent !important; }

/* Bežné „biele“ vinníci */
#toc, .toc,
.catlinks,
.ambox, .tmbox, .ombox, .imbox, .mw-message-box, .hatnote, .notice,
.thumb, .thumbinner, .thumbcaption,
.gallery, .gallerybox, .gallerytext,
.oo-ui-panelLayout, .oo-ui-widget,
.oo-ui-textInputWidget input,
.oo-ui-dropdownWidget-handle,
.oo-ui-buttonElement .oo-ui-buttonElement-button {
  background-color: #111 !important;
  border-color: #333 !important;
  color: #ddd !important;
}

/* Edit UI */
#wpTextbox1, #wpSummary, .editOptions, .editCheckboxes {
  background-color: #111 !important; color: #ddd !important; border: 1px solid #333 !important;
}

/* PortableInfobox – media tabs */
.pi-media-collection-tabs .pi-tab-link {
  display: inline-block;
  padding: .35em .7em;
  margin: 0 .2em;
  background: #111 !important;
  color: #eee !important;
  border: 1px solid #333 !important;
  transition: none !important; box-shadow: none !important; text-shadow: none !important; filter: none !important;
}
.pi-media-collection-tabs .pi-tab-link.current {
  background: #d19a00 !important;  /* žltý aktívny */
  color: #111 !important;
  border-color: #555 !important;
}
.pi-media-collection-tabs .pi-tab-link:hover {
  background: #1a1a1a !important;
  color: #eee !important;          /* žiadny modrý hover text */
}