MediaWiki:Common.css: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

@@ Zeile 748: / Zeile 748: @@
 //Halloween Style
+/* ==== Halloween-Theme (aktiv, wenn <body class="halloween-on">) ==== */
+/* Grundfarben + Hintergrund */
+body.halloween-on {
+  --hallo-bg: #0f0f12;
+  --hallo-card: #17171c;
+  --hallo-border: #2a2a33;
+  --hallo-text: #f5f5f5;
+  --hallo-sub: #c9c9cf;
+  --hallo-link: #ff7a00;
+  --hallo-link-hover: #ff9e42;
+  background: radial-gradient(1200px 600px at 10% -10%, #1a1a22 0%, #0f0f12 55%) fixed !important;
+  color: var(--hallo-text) !important;
+}
+/* Content-Bereich */
+body.halloween-on .mw-parser-output { color: var(--hallo-text); }
+/* Karten / Boxen */
+body.halloween-on .card,
+body.halloween-on .mw-parser-output .card {
+  background: var(--hallo-card);
+  border: 1px solid var(--hallo-border);
+  box-shadow: 0 8px 24px rgba(0,0,0,.35);
+}
+/* Überschriften */
+body.halloween-on h1,
+body.halloween-on h2,
+body.halloween-on h3,
+body.halloween-on .ados-hero h1 {
+  color: var(--hallo-text);
+  text-shadow: 0 0 12px rgba(255,122,0,.12);
+}
+/* Links */
+body.halloween-on a { color: var(--hallo-link); }
+body.halloween-on a:hover { color: var(--hallo-link-hover); text-decoration: underline; }
+/* Pills */
+body.halloween-on .pill-row a,
+body.halloween-on .mw-parser-output .pill-row a {
+  border-color: #3a2a1a;
+  background: #1b1510;
+  color: #ffd7b0;
+}
+body.halloween-on .pill-row a:hover { background: #231b12; }
+/* Diagrammrahmen */
+body.halloween-on .ados-chart-multi {
+  border: 1px dashed #3a2a1a;
+  border-radius: 12px;
+  padding: .25rem;
+  background: linear-gradient(180deg, rgba(255,122,0,.05), rgba(168,85,247,.05));
+}
+/* News-Liste */
+body.halloween-on .list.compact li { border-bottom: 1px dashed rgba(255,122,0,.25); }
+/* Tabellen (dunkel, lesbar) */
+body.halloween-on table,
+body.halloween-on .wikitable {
+  background: #131319;
+  color: var(--hallo-text);
+  border-color: var(--hallo-border);
+}
+body.halloween-on th { background: #1b1b24; color: var(--hallo-text); }
+/* Hinweise/Meta */
+body.halloween-on .hint,
+body.halloween-on .meta { color: var(--hallo-sub); }
+/* Mobile-Feinschliff */
+.skin-minerva body.halloween-on .card { padding: 12px; }
+.skin-minerva body.halloween-on .ados-hero h1 { font-size: 1.45rem; }
+/* Optional: kleines Badge/Schalter-Styling */
+body.halloween-on #pt-halloween-toggle {
+  background:#20140a; color:#ffb469; border:1px solid #3a2a1a; border-radius:999px;
+  padding:.2rem .6rem; margin-left:.4rem;
+}
+body.halloween-on #pt-halloween-toggle:hover { background:#28190d; }