MediaWiki:Common.css: Difference between revisions

Line 1,735:

margin-left: 15px !important;

}

/* === CYBERPUNK THEME – all-in-one patch (hero, TOC, infobox, links, refs, spacing) === */

/* ---------- Variables / base ---------- */

:root{

--bg:#0d0d0d; --bg2:#111; --text:#e0e0e0; --muted:#cfcfcf;

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

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:#222!important; }

#mw-panel, #mw-panel .portal, #mw-panel .portal .body, #p-logo, #p-logo a { background:var(--bg2)!important; color:#ddd!important; }

/* Inputs / search */

#simpleSearch, .vector-search-box{ background:#111!important; border:1px solid #222!important; }

.vector-search-box-input, input, textarea, select{ background:#121212!important; color:#e0e0e0!important; border:1px solid #333!important; }

input::placeholder, textarea::placeholder{ color:#8a8a8a!important; }

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

/* ---------- Hero strip (heading background like Fandom) ---------- */

h1.firstHeading, .firstHeading{

background:

var(--hero-image) left center / 120px auto no-repeat,

linear-gradient(90deg, #0d0d0d 0%, #171717 60%, #1a1a1a 100%);

padding-left: 140px;

margin: .25rem 0 1.0rem 0 !important;

color: var(--accent)!important;

border-left: 4px solid var(--accent);

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{

background:#111!important; border:1px solid var(--accent)!important; border-radius:4px; padding:.6rem .8rem!important;

}

#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) ---------- */

.infobox{

background:#111!important; color:var(--text)!important;

border:1px solid var(--accent)!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 ---------- */

.wikitable, table{ background:#1a1a1a!important; color:var(--text)!important; border:1px solid #333!important; }

.wikitable th{ background:#222!important; color:var(--accent)!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; }

: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 ---------- */

.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox, .mw-message-box, .hatnote, .notice{

background:#111!important; color:#e6e6e6!important; border:1px solid #333!important; border-left:4px solid #4aa3ff!important;

padding:.65rem .8rem!important; margin:.8rem 0!important; border-radius:3px;

}

.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 ---------- */

.references, .mw-references-wrap{

background:#111!important; border:1px solid var(--accent)!important; padding:.6rem .8rem!important; border-radius:4px;

}

.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; }

@@ Line 1,735: / Line 1,735: @@
      margin-left: 15px !important;
 }
+/* === CYBERPUNK THEME – all-in-one patch (hero, TOC, infobox, links, refs, spacing) === */
+/* ---------- Variables / base ---------- */
+:root{
+  --bg:#0d0d0d; --bg2:#111; --text:#e0e0e0; --muted:#cfcfcf;
+  --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 */
+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:#222!important; }
+#mw-panel, #mw-panel .portal, #mw-panel .portal .body, #p-logo, #p-logo a { background:var(--bg2)!important; color:#ddd!important; }
+/* Inputs / search */
+#simpleSearch, .vector-search-box{ background:#111!important; border:1px solid #222!important; }
+.vector-search-box-input, input, textarea, select{ background:#121212!important; color:#e0e0e0!important; border:1px solid #333!important; }
+input::placeholder, textarea::placeholder{ color:#8a8a8a!important; }
+/* 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; }
+/* ---------- Hero strip (heading background like Fandom) ---------- */
+h1.firstHeading, .firstHeading{
+  background:
+    var(--hero-image) left center / 120px auto no-repeat,
+    linear-gradient(90deg, #0d0d0d 0%, #171717 60%, #1a1a1a 100%);
+  padding-left: 140px;
+  margin: .25rem 0 1.0rem 0 !important;
+  color: var(--accent)!important;
+  border-left: 4px solid var(--accent);
+  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{
+  background:#111!important; border:1px solid var(--accent)!important; border-radius:4px; padding:.6rem .8rem!important;
+}
+#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) ---------- */
+.infobox{
+  background:#111!important; color:var(--text)!important;
+  border:1px solid var(--accent)!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 ---------- */
+.wikitable, table{ background:#1a1a1a!important; color:var(--text)!important; border:1px solid #333!important; }
+.wikitable th{ background:#222!important; color:var(--accent)!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; }
+: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 ---------- */
+.ambox, .tmbox, .ombox, .fmbox, .imbox, .cmbox, .mw-message-box, .hatnote, .notice{
+  background:#111!important; color:#e6e6e6!important; border:1px solid #333!important; border-left:4px solid #4aa3ff!important;
+  padding:.65rem .8rem!important; margin:.8rem 0!important; border-radius:3px;
+}
+.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 ---------- */
+.references, .mw-references-wrap{
+  background:#111!important; border:1px solid var(--accent)!important; padding:.6rem .8rem!important; border-radius:4px;
+}
+.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; }