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.

/* =========================
   CYBERPUNK FAST THEME (Vector)
   — krátke selektory, žiadne @import,
   — minimum !important, žiadne tieňe/filtre,
   — okamžité prepínanie tabov (transition:none)
========================= */

/* Core vars */
:root{
  --bg:#0d0d0d; --bg2:#111; --text:#e6e6e6; --muted:#b7b7b7;
  --accent:#ffcc00; --link:#39d1ff; --linkV:#a0a0ff; --border:#2b2b2b;
}

/* Page chrome */
html, body, #content, .mw-body, .mw-body-content{background:var(--bg)!important;color:var(--text)!important;}
#mw-page-base,#mw-head-base,#mw-head,#mw-navigation,.vector-sticky-header{background:var(--bg)!important;border-color:#1a1a1a!important;}
#mw-panel, #mw-panel .portal, #mw-panel .portal .body, #p-logo, #p-logo a{background:var(--bg2)!important;color:var(--text)!important;}

/* Links */
.mw-body-content a{color:var(--link)!important;text-decoration:none;}
.mw-body-content a:visited{color:var(--linkV)!important;}
.mw-body-content a:hover,.mw-body-content a:focus{color:var(--accent)!important;}

/* Inputs / forms */
.vector-search-box-input, input, textarea, select{background:#121212!important;color:var(--text)!important;border:1px solid #333!important;}
input::placeholder, textarea::placeholder{color:#8a8a8a!important;}

/* Headings */
.mw-parser-output h2{color:var(--accent)!important;border-bottom:1px solid #1f1f1f!important;margin:1.2rem 0 .6rem;}
.mw-parser-output h3{color:#eac341!important;border-bottom:1px solid #1f1f1f!important;margin:.9rem 0 .45rem;}

/* Tables / infobox / navbox */
.wikitable, table{background:#1a1a1a!important;color:var(--text)!important;border:1px solid #333!important;border-collapse:separate;}
.wikitable th{background:#222!important;color:var(--accent)!important;}
.infobox{background:#111!important;border:1px solid var(--accent)!important;color:var(--text)!important;}
.infobox th{background:var(--accent)!important;color:#111!important;}
.navbox,.navbox-subgroup,.navbox-list,.navbox-abovebelow,.navbox-group{background:#111!important;border-color:#333!important;color:var(--text)!important;}
.navbox-title,.navbox-abovebelow{background:#222!important;color:var(--accent)!important;border-color:#333!important;}

/* Galleries / thumbs */
.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 + edit warnings */
.mw-message-box,.mw-warning,.mw-editnotice{background:#111!important;color:var(--text)!important;border:1px solid #333!important;}
.mw-message-box-warning,.mw-warning{border-left:4px solid var(--accent)!important;}

/* Edit UI */
#wpTextbox1,#wpSummary,.editOptions,.editCheckboxes{background:#111!important;color:var(--text)!important;border:1px solid #333!important;}
.editButtons input,.editButtons button{background:#222!important;color:var(--text)!important;border:1px solid #555!important;}
.CodeMirror,.CodeMirror-gutters{background:#111!important;color:var(--text)!important;border-color:#333!important;}
.CodeMirror-cursor{border-left:1px solid var(--text)!important;}

/* Vector top tabs (Read/Edit/History) */
.vector-menu-tabs a{background:#0f0f0f!important;color:#ddd!important;border-color:#222!important;}
.vector-menu-tabs .selected a{background:#141414!important;color:var(--accent)!important;border-bottom-color:#141414!important;}

/* Footer */
.mw-footer{background:#0f0f0f!important;color:#9a9a9a!important;border-top:1px solid #222!important;}

/* ===== PortableInfobox (dark) ===== */
.portable-infobox,.portable-infobox .pi-item,.portable-infobox .pi-group{background:#0d1117!important;border-color:#1f2a34!important;color:#e6edf3!important;}
.portable-infobox .pi-header,.portable-infobox .pi-section-label{background:#0f1620!important;color:#e6edf3!important;border-color:#1f2a34!important;}
.portable-infobox .pi-data-label{color:#9db1c3!important;background:transparent!important;}

/* ===== PortableInfobox media tabs (fast, zero-lag) =====
   Markup (example):
   <ul class="pi-media-collection-tabs">
     <li class="pi-tab-link ... current">Male V Cover</li>
*/
.pi-media-collection-tabs{display:block; text-align:center;}
.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; color:#111!important; border:1px solid #555!important;
}
.pi-media-collection-tabs .pi-tab-link:hover{background:#1a1a1a!important;color:#eee!important;}

/* Kill heavy effects globally (perf) */
*, *::before, *::after{
  text-shadow:none!important; box-shadow:none!important; filter:none!important;
  backdrop-filter:none!important;
}

/* Remove big decorative backgrounds that cause repaint spikes */
.page-content h2, .pi-header{background-image:none!important;}