MediaWiki

MediaWiki:Common.css: Difference between revisions

← Older editNewer edit →
Replaced content with "→=== Core variables ===: :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 .port..."
Tags: Replaced Reverted
No edit summary
Tag: Reverted
Line 1: Line 1:
/* === Core variables === */
/* =========================
  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{
:root{
   --bg:#0d0d0d; --bg2:#111; --text:#e6e6e6; --muted:#b7b7b7;
   --bg:#0d0d0d; --bg2:#111; --text:#e6e6e6; --muted:#b7b7b7;
Line 5: Line 12:
}
}


/* === Page chrome === */
/* Page chrome */
html, body, #content, .mw-body, .mw-body-content{background:var(--bg)!important;color:var(--text)!important;}
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-page-base,#mw-head-base,#mw-head,#mw-navigation,.vector-sticky-header{background:var(--bg)!important;border-color:#1a1a1a!important;}
Line 15: Line 22:
.mw-body-content a:hover,.mw-body-content a:focus{color:var(--accent)!important;}
.mw-body-content a:hover,.mw-body-content a:focus{color:var(--accent)!important;}


/* Inputs */
/* Inputs / forms */
.vector-search-box-input, input, textarea, select{background:#121212!important;color:var(--text)!important;border:1px solid #333!important;}
.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;}
input::placeholder, textarea::placeholder{color:#8a8a8a!important;}
Line 24: Line 31:


/* Tables / infobox / navbox */
/* Tables / infobox / navbox */
.wikitable, table{background:#1a1a1a!important;color:var(--text)!important;border:1px solid #333!important;}
.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;}
.wikitable th{background:#222!important;color:var(--accent)!important;}
.infobox{background:#111!important;border:1px solid var(--accent)!important;color:var(--text)!important;}
.infobox{background:#111!important;border:1px solid var(--accent)!important;color:var(--text)!important;}
Line 45: Line 52:
.CodeMirror-cursor{border-left:1px solid var(--text)!important;}
.CodeMirror-cursor{border-left:1px solid var(--text)!important;}


/* === PortableInfobox (dark + tabs) === */
/* 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,.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-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;}
.portable-infobox .pi-data-label{color:#9db1c3!important;background:transparent!important;}


/* Infobox media tabs (your selector): <ul class="pi-media-collection-tabs"> */
/* ===== 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{
.pi-media-collection-tabs .pi-tab-link{
   display:inline-block; padding:.35em .7em;
   display:inline-block; padding:.35em .7em; margin:0 .2em;
   background:#111!important; color:#eee!important; border:1px solid #333!important;
   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{
.pi-media-collection-tabs .pi-tab-link.current{
   background:#d19a00!important; color:#111!important; border:1px solid #555!important;
   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;} /* bez modrého hover textu */
.pi-media-collection-tabs .pi-tab-link:hover{background:#1a1a1a!important;color:#eee!important;}


/* Vector tabs (Read/Edit/History) */
/* Kill heavy effects globally (perf) */
.vector-menu-tabs a{background:#0f0f0f!important;color:#ddd!important;border-color:#222!important;}
*, *::before, *::after{
.vector-menu-tabs .selected a{background:#141414!important;color:var(--accent)!important;border-bottom-color:#141414!important;}
  text-shadow:none!important; box-shadow:none!important; filter:none!important;
  backdrop-filter:none!important;
}


/* Footer */
/* Remove big decorative backgrounds that cause repaint spikes */
.mw-footer{background:#0f0f0f!important;color:#9a9a9a!important;border-top:1px solid #222!important;}
.page-content h2, .pi-header{background-image:none!important;}
Retrieved from "https://wiki.cbrpnk.eu/MediaWiki:Common.css"