|
|
| Zeile 1: |
Zeile 1: |
| /* =====================================================================
| | == Willkommen im Alchenomicon-Wiki == |
| MediaWiki:Timeless.css — The Alchenomicon Wiki
| |
| Skin: Timeless
| |
|
| |
| Token-System: Alle Farben als CSS Custom Properties.
| |
| Light Mode ist Standard (cremefarbenes Papier-Theme).
| |
| Dark Mode via prefers-color-scheme: dark.
| |
| color-scheme: dark im Dark Mode → Dark Reader deaktiviert sich automatisch.
| |
|
| |
| Spezialseiten & Editor: Immer dunkel, unabhängig vom Theme.
| |
| ===================================================================== */
| |
|
| |
|
| @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap');
| | <div class="content-text-intro"> |
| | Dies ist die offizielle Enzyklopädie des Alchenomicon-Universums — einer Welt namens [[Mierkon]], auf der zwei Spezies eine gemeinsame Zukunft aufzubauen versuchen: die Menschen und die [[Lingai]]. Dieses Wiki dokumentiert alles, was die Bücher berühren — und vieles, was sie nur andeuten. Es enthält vollständige Spoiler aller Werke. |
| | </div> |
|
| |
|
|
| |
|
| /* =====================================================================
| | <!-- ================= WORLD MAP ================= --> |
| TOKENS — LIGHT MODE (Standard)
| | <html> |
| ===================================================================== */ | | <div id="mierkon-map-wrapper" class="content-block-container"> <!--style="position:relative; width:100%; max-width:1100px; margin:2em auto 0 auto; font-family:Georgia, serif;"--> |
| | <div style="position:relative; width:100%;"> |
| | <img id="mierkon-map-img" src="/index.php?title=Spezial:Filepath&file=PoliticalWorldMap.png" style="width:100%; display:block; border-radius:4px;" alt="Weltkarte Mierkons" /> |
| | <svg id="mierkon-map-svg" viewBox="0 0 1622 719" style="position:absolute; top:0; left:0; width:100%; height:100%; cursor:pointer;" preserveAspectRatio="none"> |
| | <polygon id="region-Durr-Ahn" data-name="Durr'Ahn" data-wiki="Geographie:Durr%27Ahn" points="574,117 563,128 570,140 552,155 532,158 518,153 502,178 520,189 545,196 563,187 568,169 592,173 617,158 590,133 592,124" fill="rgba(0,0,0,0)" stroke="none"/> |
| | <polygon id="region-Dilmun" data-name="Dilmun" data-wiki="Geographie:Dilmun" points="939,255 975,288 1000,300 1009,327 996,336 987,360 964,369 928,374 910,363 870,342 863,327 861,306 816,288 834,273 852,282 870,246 903,252" fill="rgba(0,0,0,0)" stroke="none"/> |
| | </svg> |
| | </div> |
| | <div id="mierkon-label" style="text-align:center; font-size:30px; color:#e8dfc8; margin-top:6px; letter-spacing:0.08em; min-height:1.5em; text-transform:uppercase; font-family:Georgia,serif;"></div> |
| | <script> |
| | (function(){ |
| | var svg=document.getElementById('mierkon-map-svg'); |
| | var label=document.getElementById('mierkon-label'); |
| | var polygons=svg.querySelectorAll('polygon[data-name]'); |
| | polygons.forEach(function(poly){ |
| | var name=poly.getAttribute('data-name'); |
| | var wiki=poly.getAttribute('data-wiki'); |
| | poly.addEventListener('mouseenter',function(){ label.textContent=name; }); |
| | poly.addEventListener('mouseleave',function(){ label.textContent=''; }); |
| | poly.addEventListener('click',function(){ window.location.href='/index.php?title='+wiki; }); |
| | }); |
| | })(); |
| | </script> |
| | </div> |
| | </html> |
|
| |
|
| :root
| | <!-- ================= FAST ACCESS ================= --> |
| {
| | <html> |
| color-scheme: light;
| | <div class="content-block"> |
| | <h2 class="content-block-heading">Das Universum erkunden</h2> |
| | <div class="hyper-grid"> |
|
| |
|
| /* Hintergrundbild */
| | <a href="/index.php?title=Kategorie:Charakter" class="hyper-box"> |
| --bi-body: url('https://thealchenomiconwiki.com/images/8/8e/BackgroundImage_Main.png?v=4');
| | <div class="hyper-box-icon">👥</div> |
| | <div class="hyper-box-title">Charaktere</div> |
| | <div class="hyper-box-desc">Lingai, Menschen, Helden und Antagonisten</div> |
| | </a> |
|
| |
|
| /* Hintergründe */
| | <a href="/index.php?title=Kategorie:Geographie" class="hyper-box"> |
| --bg-body: #333333; /* Hintergrundfarbe hinter dem Content (sichtbar nur außerhalb) */
| | <div class="hyper-box-icon">🌐</div> |
| --bg-header: #a1a1a1;
| | <div class="hyper-box-title">Orte & Geographie</div> |
| --bg-content: #999999; /* Cremefarbener Papier-Hintergrund Hauptinhalt */
| | <div class="hyper-box-desc">Städte, Regionen und die Welt Mierkons</div> |
| --bg-content-alt: #ede4d8;
| | </a> |
|
| |
|
| --bg-editor: #111111;
| | <a href="/index.php?title=Kategorie:Fraktion" class="hyper-box"> |
| --bg-editor-base: #111111;
| | <div class="hyper-box-icon">🏛️</div> |
| --bg-highlight: #00ff0000;
| | <div class="hyper-box-title">Fraktionen & Staaten</div> |
| | <div class="hyper-box-desc">Politische Mächte, Allianzen und Konflikte</div> |
| | </a> |
|
| |
|
| | <a href="/index.php?title=Kategorie:Energie" class="hyper-box"> |
| | <div class="hyper-box-icon">⚡</div> |
| | <div class="hyper-box-title">Energieformen & Kräfte</div> |
| | <div class="hyper-box-desc">Das Kraftsystem der Lingai</div> |
| | </a> |
|
| |
|
| --height-wiki-header: 5vh;
| | <a href="/index.php?title=Kategorie:Buch" class="hyper-box"> |
| | <div class="hyper-box-icon">📖</div> |
| | <div class="hyper-box-title">Die Bücher</div> |
| | <div class="hyper-box-desc">Die sechs Hauptwerke der Reihe</div> |
| | </a> |
|
| |
|
| | <a href="/index.php?title=Alchenomicon:Alchenomicon" class="hyper-box"> |
| | <div class="hyper-box-icon">🔮</div> |
| | <div class="hyper-box-title">Das Alchenomicon</div> |
| | <div class="hyper-box-desc">Das Artefakt, das alles verändert</div> |
| | </a> |
|
| |
|
| /* Text */
| | </div> |
| --color-dedault: #222222;
| | </div> |
| --color-primary: #333333; /* Haupttext */
| | </html> |
| --color-heading: #2e2010; /* Überschriften */
| |
| --color-muted: #6b5c47; /* Sekundärtext, Beschriftungen */
| |
| --color-link: #112266;
| |
| --color-link-hover: #3d2208;
| |
| --color-header: #222222; /* Text im dunklen Header */
| |
| --color-editor: #cccccc; /* Text im Editor */
| |
|
| |
|
| /* Rahmen */
| | <!-- ================= WORLD KNOWLEDGE ================= --> |
| --border-color: #c9b99a;
| | <html> |
| --border-strong: #a8906e;
| | <div class="content-block"> |
| --border-header: #4a3520;
| | <h2 class="content-block-heading">Mierkon verstehen lernen</h2> |
| | <p class="content-text-intro"> |
| | Mierkon unterscheidet sich in vielerlei Hinsicht von der Erde. Erforsche diese fremde Welt auf den folgenden Seiten: |
| | </p> |
| | <div class="hyper-grid"> |
|
| |
|
| --border-header: 5px solid #666666;
| | <a href="/index.php?title=Mierkons_Geologie_und_Klima" class="hyper-box"> |
| --border-wrapper: 3px solid #333333;
| | <div class="hyper-box-icon">⛰</div> |
| | <div class="hyper-box-title">Geologie und Klima</div> |
| | <div class="hyper-box-desc">Funktionsweise des Planeten</div> |
| | </a> |
|
| |
|
| /* Page Actions */
| | <a href="/index.php?title=Mierkons_%C3%96kosystem" class="hyper-box"> |
|
| | <div class="hyper-box-icon">🦠</div> |
| --bg-page-header-link: #bbbbbb;
| | <div class="hyper-box-title">Das Ökosystem</div> |
| --border-page-header-link: 2px solid #333333;
| | <div class="hyper-box-desc">Stammbaum aller bekannten Lebewesen</div> |
| --br-page-header-link: 5px;
| | </a> |
|
| |
|
| --color-page-header-link: #333333;
| | </div> |
| --ff-page-header-link: "Inter", serif;
| | </div> |
| --fs-page-header-link: 0.8rem;
| | </html> |
| --fw-page-header-link: 500;
| |
|
| |
|
| /* Sidebar */
| |
| --bg-sidebar-panel: #67676767;
| |
| --border-sidebar-panel: 5px solid #cccccc99;
| |
| --color-sidebar-panel-label: #101010;
| |
| --color-sidebar-panel: #111111;/* #00ff00; */
| |
|
| |
|
| /* Akzent */
| |
| --accent: #7a4f2a;
| |
|
| |
|
| /* Typografie */ | | <!-- ================= FOCUS ================= --> |
| --ff-body: "Rubik", serif; | | <html> |
| | <div class="content-block" id="main-page-recommendations"> |
| | <h2 class="content-block-heading">Artikel im Fokus</h2> |
| | <div> |
| | <div style="font-weight:bold; font-size:1.1em; margin-bottom:0.5em;">[[Kaleth Castorr]]</div> |
| | <div style="font-size:0.95em; color:#ccc; line-height:1.7;"> |
| | Kaleth Castorr ist ein Lingai und die Hauptfigur der ersten drei Bücher der Alchenomicon-Reihe. Träger der seltenen Blitzkraft, die seit Generationen an seine Blutlinie gebunden ist, steht er im Zentrum der wachsenden Spannungen zwischen Menschen und Lingai. |
| | </div> |
| | </div> |
| | </div> |
| | </html> |
|
| |
|
| --ff-default: serif;
| | == Zeitlinie == |
| --ff-wiki-title: "Object Sans", serif;
| |
| --ff-header-box: "Rubik", serif;
| |
|
| |
|
| --fw-body: 400;
| | <div> |
| --fw-wiki-title: 300;
| |
| --fw-sidebar-panel-header: 700;
| |
| --fw-content-intro: 500;
| |
|
| |
|
| --fs-body: 1.0rem;
| | * [[Chronik:Urzeit|Urzeit]] <span style="color:#666;"> (~6.000.000.000vnz bis ~6.000.000 vnz)</span> |
| --fs-wiki-title: clamp(0, 1.4rem);
| | * [[Chronik:Antike|Antike]] <span style="color:#666;"> (~6.000.000vnz bis ~15.500 vnz)</span> |
| --fs-sidebar-panel-header: 1.2rem;
| | * [[Chronik:Altertum|Altertum]] <span style="color:#666;"> (~15.500vnz bis ~3.500 vnz)</span> |
| --fs-content-intro: 1.25rem;
| | * [[Chronik:Moderne|Moderne]] <span style="color:#666;"> (~3.500vnz bis 66 vnz)</span> |
| | * [[Chronik:Neuzeit|Neuzeit]] <span style="color:#666;"> (ab 66 vnz)</span> |
|
| |
|
| --lh-body: 1.7;
| | </div> |
| --lh-wiki-title: 1;
| |
| | |
| /* Spezialseiten (immer dunkel — eigene Tokens, nie überschreiben) */
| |
| --bg-special: #111111;
| |
| --color-special: #cccccc;
| |
| --border-special: #333333;
| |
| --bg-special-panel: #1a1a1a;
| |
| --link-special: #8ab4f8;
| |
| | |
| | |
| | |
| /* Hyper Box */
| |
| --bg-hyper-box: #333a33;
| |
| --border-hyper-box: 3px solid #333333;
| |
| --br-hyper-box: 10px;
| |
| --pad-hyper-box: 5% 0%;
| |
| --gap-hyper-box: 30px;
| |
| | |
| --mar-hyper-box-text: 0 30px;
| |
| | |
| --bg-hyper-box-icon: #ffffffcc;
| |
| | |
| --color-hyper-box-title: #d0cccc;
| |
| --fs-hyper-box-title: 1.5rem;
| |
| --fw-hyper-box-title: 700;
| |
| | |
| --color-hyper-box-desc: #cccccc;
| |
| --fs-hyper-box-desc: 1.2rem;
| |
| --fw-hyper-box-desc: 550;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| TOKENS — DARK MODE
| |
| Aktiviert via prefers-color-scheme: dark.
| |
| color-scheme: dark → Dark Reader erkennt nativen Dark Mode
| |
| und deaktiviert sich automatisch.
| |
| ===================================================================== */
| |
| | |
| body.dark
| |
| {
| |
| color-scheme: dark;
| |
| | |
| --bg-body: #0d0d0d;
| |
| --bg-content: #1a1a1a;
| |
| --bg-content-alt: #111111;
| |
| --bg-header: #1a1a1a;
| |
| | |
| --color-primary: #cccccc;
| |
| --color-heading: #e8dfc8;
| |
| --color-muted: #888888;
| |
| --color-link: #8ab4f8;
| |
| --color-link-hover: #aaccff;
| |
| --color-header: #e8dfc8;
| |
| | |
| --border-color: #444444;
| |
| --border-strong: #555555;
| |
| --border-header: #330077;
| |
| | |
| --bg-sidebar-panel: rgba(23, 16, 31, 0.75);
| |
| --sidebar-link: #8ab4f8;
| |
|
| |
| --accent: #8ab4f8;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| BODY & WRAPPER
| |
| ===================================================================== */
| |
| | |
| body.mediawiki
| |
| {
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| background-color: var(--bg-body) !important;
| |
| background-image: none !important; /* Kein Hintergrundbild im Light Mode */
| |
| }
| |
| | |
| #mw-wrapper
| |
| {
| |
| padding-top: 0px !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| EDITOR
| |
| ===================================================================== */
| |
| | |
| | |
| .mw-editform
| |
| {
| |
| background: var(--bg-editor-base) !important;
| |
| }
| |
| | |
| .editOptions
| |
| {
| |
| background: var(--bg-editor-base) !important;
| |
| border: 10px solid #dd6666;
| |
| | |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| HEADER (immer dunkel — ist so gewünscht)
| |
| ===================================================================== */
| |
| | |
| #mw-header-container
| |
| {
| |
| height: var(--height-wiki-header) !important;
| |
|
| |
| position: fixed !important;
| |
| margin: 0 !important;
| |
| padding: 0 15% !important;
| |
| z-index: 100 !important;
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| background: var(--bg-header) !important;
| |
| | |
| border-bottom: var(--border-header) !important;
| |
| }
| |
| | |
| #mw-header
| |
| {
| |
| width: 100% !important;
| |
| margin: 0 !important;
| |
| padding: 0 !important;
| |
| display: flex !important;
| |
| align-items: stretch !important;
| |
| border-left: 4px solid var(--bg-content) !important;
| |
| border-right: 4px solid var(--bg-content) !important;
| |
| }
| |
| | |
| #p-logo-text
| |
| {
| |
| min-width: 0 !important;
| |
| max-width: none !important;
| |
| width: 0 !important;
| |
| | |
| flex: 1 1 0 !important;
| |
| overflow: hidden !important;
| |
| | |
| padding: 0 !important;
| |
| | |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| | |
| | |
| color: var(--color-header) !important;
| |
| font-family: var(--ff-wiki-title) !important;
| |
| font-weight: var(--fw-wiki-title) !important;
| |
| | |
| /* background: #ff0000 !important; */
| |
| }
| |
| | |
| #p-banner
| |
| {
| |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| color: var(--color-header) !important;
| |
| font-size: var(--fs-wiki-title) !important;
| |
| line-height: var(--lh-wiki-title) !important;
| |
| text-align: center !important;
| |
| }
| |
| | |
| #p-search
| |
| {
| |
| flex: 3 1 0 !important;
| |
| min-width: 0 !important;
| |
| | |
| /* background: #00ff00 !important; */
| |
| }
| |
| | |
| /* Suchfeld im Header */
| |
| #searchInput
| |
| {
| |
| background: #3a2d1e !important;
| |
| color: #e8dfc8 !important;
| |
| border: 1px solid #5a4530 !important;
| |
| }
| |
| | |
| #searchInput::placeholder
| |
| {
| |
| color: #8a7a60 !important;
| |
| }
| |
| | |
| #user-tools
| |
| {
| |
| min-width: 0 !important;
| |
| width: 0 !important;
| |
| | |
| flex: 1 1 0 !important;
| |
| overflow: hidden !important;
| |
| | |
| display: flex !important;
| |
| align-items: center !important;
| |
| justify-content: center !important;
| |
| | |
| color: var(--color-header) !important;
| |
| | |
| /* background: #0000ff !important; */
| |
| }
| |
| | |
| /* Verstecke Timeless-Farbbalken */
| |
| #mw-header-hack,
| |
| #mw-header-nav-hack
| |
| {
| |
| display: none !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| SIDEBAR
| |
| ===================================================================== */
| |
| | |
| #mw-site-navigation
| |
| {
| |
| background: transparent !important;
| |
| }
| |
| | |
| .sidebar-chunk
| |
| {
| |
| background: var(--bg-sidebar-panel) !important;
| |
| border: var(--border-sidebar-panel) !important;
| |
| | |
| color: var(--color-sidebar-panel) !important;
| |
| }
| |
| | |
| .sidebar-chunk h2
| |
| {
| |
| color: var(--color-heading) !important;
| |
| }
| |
| | |
| .mw-portlet
| |
| {
| |
| background: transparent !important;
| |
| }
| |
| | |
| .mw-page-header-link .tools-inline
| |
| {
| |
| background: var(--bg-page-header-link) !important;
| |
| border: var(--border-page-header-link) !important;
| |
| border-radius: var(--br-page-header-link) !important;
| |
| | |
| color: var(--color-page-header-link) !important;
| |
| font-family: var(--ff-page-header-link) !important;
| |
| font-size: var(--fs-page-header-link) !important;
| |
| font-weight: var(--fw-page-header-link) !important;
| |
| }
| |
| | |
| #p-pagemisc-label,
| |
| #p-navigation-label,
| |
| #p-tb-label,
| |
| #p-cactions-label
| |
| {
| |
| color: var(--color-sidebar-panel-label) !important;
| |
| | |
| font-family: var(--ff-header-box) !important;
| |
| font-weight: var(--fw-sidebar-panel-header) !important;
| |
| font-size: var(--fs-sidebar-panel-header) !important;
| |
| }
| |
| | |
| #mw-site-navigation a,
| |
| #mw-related-navigation a
| |
| {
| |
| color: var(--sidebar-link) !important;
| |
| }
| |
| | |
| /* Leere Sidebar-Boxen ausblenden */
| |
| #site-tools .emptyPortlet
| |
| {
| |
| display: none !important;
| |
| }
| |
| #site-tools:has(.emptyPortlet:only-child)
| |
| {
| |
| display: none !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| HAUPTINHALT
| |
| ===================================================================== */
| |
| | |
| #mw-content-container
| |
| {
| |
| margin: var(--height-wiki-header) !important;
| |
| | |
| display: flex !important;
| |
| justify-content: center !important;
| |
| background: transparent !important;
| |
| }
| |
| | |
| #mw-content-block
| |
| {
| |
| width: 80%;
| |
| margin: 0;
| |
| padding: 0;
| |
| display: flex !important;
| |
| justify-content: center !important;
| |
| background: transparent !important;
| |
| }
| |
| | |
| #mw-content-wrapper
| |
| {
| |
| margin: 0;
| |
|
| |
| padding: 0;
| |
| | |
| background: var(--bg-content) !important;
| |
| border: 2px solid var(--border-color) !important;
| |
| | |
| color: var(--color-primary) !important;
| |
| font-family: var(--ff-body) !important;
| |
| font-weight: var(--fw-body) !important;
| |
| font-size: var(--fs-body) !important;
| |
| line-height: var(--lh-body) !important;
| |
| }
| |
| | |
| #mw-content,
| |
| #content
| |
| {
| |
| background: transparent !important;
| |
| color: var(--color-primary) !important;
| |
| }
| |
| | |
| /* Seitenüberschrift */
| |
| h1.firstHeading
| |
| {
| |
| color: var(--color-heading) !important;
| |
| border-bottom: 1px solid var(--border-strong) !important;
| |
| }
| |
| | |
| /* Wiki-Überschriften im Artikel */
| |
| .mw-parser-output h2,
| |
| .mw-parser-output h3,
| |
| .mw-parser-output h4
| |
| {
| |
| color: var(--color-heading) !important;
| |
| border-bottom: 1px solid var(--border-color) !important;
| |
| }
| |
| | |
| /* Fließtext Links */
| |
| .mw-parser-output a,
| |
| #bodyContent a
| |
| {
| |
| color: var(--color-link) !important;
| |
| }
| |
| | |
| .mw-parser-output a:hover,
| |
| #bodyContent a:hover
| |
| {
| |
| color: var(--color-link-hover) !important;
| |
| }
| |
| | |
| /* Tabs (Lesen / Quelltext / Geschichte) */
| |
| .ca-nstab-main,
| |
| #p-views a,
| |
| #p-namespaces a
| |
| {
| |
| color: var(--color-primary) !important;
| |
| }
| |
| | |
| /* "Aus The Alchenomicon Wiki" Unterzeile */
| |
| #siteSub
| |
| {
| |
| color: var(--color-muted) !important;
| |
| }
| |
| | |
| /* Inhaltsverzeichnis */
| |
| #toc
| |
| {
| |
| background: var(--bg-content-alt) !important;
| |
| border: 1px solid var(--border-color) !important;
| |
| color: var(--color-primary) !important;
| |
| }
| |
| | |
| #toc a
| |
| {
| |
| color: var(--color-link) !important;
| |
| }
| |
| | |
| /* Tabellen im Artikel (wikitable) */
| |
| .wikitable
| |
| {
| |
| background: var(--bg-content-alt) !important;
| |
| border-color: var(--border-strong) !important;
| |
| color: var(--color-primary) !important;
| |
| }
| |
| | |
| .wikitable th
| |
| {
| |
| background: var(--bg-content-alt) !important;
| |
| color: var(--color-heading) !important;
| |
| border-color: var(--border-strong) !important;
| |
| }
| |
| | |
| .wikitable td
| |
| {
| |
| border-color: var(--border-color) !important;
| |
| }
| |
| | |
| /* Kategorie-Leiste */
| |
| #catlinks
| |
| {
| |
| background: var(--bg-content-alt) !important;
| |
| border: 1px solid var(--border-color) !important;
| |
| color: var(--color-muted) !important;
| |
| }
| |
| | |
| #catlinks a
| |
| {
| |
| color: var(--color-link) !important;
| |
| }
| |
| | |
| /* Druckfußnote */
| |
| .printfooter
| |
| {
| |
| color: var(--color-muted) !important;
| |
| border-top: 1px solid var(--border-color) !important;
| |
| }
| |
| | |
| .content-block-container
| |
| {
| |
| background: var(--bg-highlight);
| |
| }
| |
| | |
| .content-text-intro
| |
| {
| |
| color: var(--color-default);
| |
| font-family: var(--ff-default);
| |
| font-size: var(--fs-content-intro);
| |
| font-weight: var(--fw-content-intro);
| |
| }
| |
| | |
| #focused-character
| |
| {
| |
| display: none;
| |
| }
| |
| | |
| | |
| | |
| /* =====================================================================
| |
| FOOTER
| |
| ===================================================================== */
| |
| | |
| #mw-footer-container
| |
| {
| |
| background: var(--bg-content-alt) !important;
| |
| border-top: 1px solid var(--border-strong) !important;
| |
| color: var(--color-muted) !important;
| |
| }
| |
| | |
| #mw-footer a
| |
| {
| |
| color: var(--color-link) !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| EDITOR & QUELLTEXT — IMMER DUNKEL
| |
| Gilt für: Bearbeiten-Seiten, Quelltext-Ansicht, WikiEditor, VisualEditor
| |
| ===================================================================== */
| |
| | |
| /* Alle Bearbeiten-Seiten (action=edit, action=submit) */
| |
| body.action-edit,
| |
| body.action-submit
| |
| {
| |
| background-color: var(--bg-editor) !important;
| |
| color: var(--color-editor) !important;
| |
| }
| |
| | |
| body.action-edit #mw-content-wrapper,
| |
| body.action-submit #mw-content-wrapper
| |
| {
| |
| background: #1a1a1a !important;
| |
| color: var(--color-editor) !important;
| |
| border-color: #333 !important;
| |
| }
| |
| | |
| body.action-edit h1.firstHeading,
| |
| body.action-submit h1.firstHeading
| |
| {
| |
| color: #e8dfc8 !important;
| |
| border-color: #444 !important;
| |
| }
| |
| | |
| /* Das eigentliche Textfeld */
| |
| #wpTextbox1,
| |
| .mw-editfont-monospace,
| |
| .CodeMirror,
| |
| .CodeMirror-scroll,
| |
| .ve-ce-surface,
| |
| .wikiEditor-ui-text textarea
| |
| {
| |
| background: #0d0d0d !important;
| |
| color: #cccccc !important;
| |
| border: 1px solid #333 !important;
| |
| caret-color: #e8dfc8 !important;
| |
| }
| |
| | |
| /* WikiEditor Toolbar */
| |
| .wikiEditor-ui-toolbar,
| |
| .wikiEditor-ui
| |
| {
| |
| background: #222 !important;
| |
| border-color: #333 !important;
| |
| color: #ccc !important;
| |
| }
| |
| | |
| .wikiEditor-ui-toolbar .group
| |
| {
| |
| border-color: #444 !important;
| |
| }
| |
| | |
| /* Edit-Buttons (Speichern, Vorschau etc.) */
| |
| body.action-edit .editButtons,
| |
| body.action-submit .editButtons
| |
| {
| |
| background: #1a1a1a !important;
| |
| }
| |
| | |
| /* Edit-Zusammenfassungsfeld */
| |
| #wpSummary
| |
| {
| |
| background: #111 !important;
| |
| color: #ccc !important;
| |
| border-color: #333 !important;
| |
| }
| |
| | |
| /* Checkboxen und Labels im Edit-Formular */
| |
| body.action-edit .editCheckboxes label,
| |
| body.action-submit .editCheckboxes label
| |
| {
| |
| color: #aaa !important;
| |
| }
| |
| | |
| /* Vorschaubereich beim Bearbeiten */
| |
| #wikiPreview
| |
| {
| |
| background: #1a1a1a !important;
| |
| color: #ccc !important;
| |
| border: 1px solid #333 !important;
| |
| }
| |
| | |
| /* Edit-Seite: Links in der Sidebar ebenfalls hell */
| |
| body.action-edit #mw-site-navigation a,
| |
| body.action-submit #mw-site-navigation a
| |
| {
| |
| color: #8ab4f8 !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| HYPER BOXES (Hauptseite Kästchen)
| |
| ===================================================================== */
| |
| | |
| .content-block-heading {
| |
| border-bottom: 1px solid var(--border-color);
| |
| padding-bottom: 0.3em;
| |
| }
| |
| | |
| .hyper-grid
| |
| {
| |
| display: grid;
| |
| grid-template-columns: repeat(3, 1fr);
| |
| gap: 1em;
| |
| margin-top: 1em;
| |
| }
| |
| | |
| .hyper-box
| |
| {
| |
| background: var(--bg-hyper-box);
| |
| border: var(--border-hyper-box);
| |
| border-radius: var(--br-hyper-box);
| |
| | |
| padding: var(--pad-hyper-box);
| |
| gap: var(--gap-hyper-box);
| |
| text-align: center;
| |
| text-decoration: none;
| |
| display: block;
| |
| }
| |
| | |
| .hyper-box-icon
| |
| {
| |
| | |
| background: var(--bg-hyper-box-icon);
| |
| | |
| font-size: 2.3em;
| |
| }
| |
| | |
| .hyper-box-title
| |
| {
| |
| margin: var(--mar-hyper-box-text);
| |
| | |
| font-weight: var(--fw-hyper-box-title);
| |
| font-size: var(--fs-hyper-box-title);
| |
| color: var(--color-hyper-box-title);
| |
| }
| |
| | |
| .hyper-box-desc
| |
| {
| |
| margin: var(--mar-hyper-box-text);
| |
| | |
| font-weight: var(--fw-hyper-box-desc);
| |
| font-size: var(--fs-hyper-box-desc);
| |
| color: var(--color-hyper-box-desc);
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| SPEZIALSEITEN — IMMER DUNKEL
| |
| Gilt für alle Seiten im Special:-Namensraum
| |
| ===================================================================== */
| |
| | |
| body.ns-special
| |
| {
| |
| background-color: var(--bg-special) !important;
| |
| color: var(--color-special) !important;
| |
| }
| |
| | |
| body.ns-special #mw-content-wrapper
| |
| {
| |
| background: var(--bg-special-panel) !important;
| |
| color: var(--color-special) !important;
| |
| border-color: var(--border-special) !important;
| |
| }
| |
| | |
| body.ns-special h1.firstHeading
| |
| {
| |
| color: #e8dfc8 !important;
| |
| border-color: #444 !important;
| |
| }
| |
| | |
| body.ns-special .mw-parser-output,
| |
| body.ns-special #bodyContent
| |
| {
| |
| color: var(--color-special) !important;
| |
| }
| |
| | |
| body.ns-special a
| |
| {
| |
| color: var(--link-special) !important;
| |
| }
| |
| | |
| body.ns-special .wikitable
| |
| {
| |
| background: #1f1f1f !important;
| |
| border-color: #444 !important;
| |
| color: #ccc !important;
| |
| }
| |
| | |
| body.ns-special .wikitable th
| |
| {
| |
| background: #2a2a2a !important;
| |
| color: #e8dfc8 !important;
| |
| border-color: #444 !important;
| |
| }
| |
| | |
| body.ns-special .sidebar-chunk
| |
| {
| |
| background: rgba(23, 16, 31, 0.75) !important;
| |
| border-color: #444 !important;
| |
| color: #ccc !important;
| |
| }
| |
| | |
| body.ns-special #mw-site-navigation a,
| |
| body.ns-special #mw-related-navigation a
| |
| {
| |
| color: var(--link-special) !important;
| |
| }
| |
| | |
| body.ns-special #catlinks
| |
| {
| |
| background: #1a1a1a !important;
| |
| border-color: #333 !important;
| |
| color: #888 !important;
| |
| }
| |
| | |
| body.ns-special #mw-footer-container
| |
| {
| |
| background: #111 !important;
| |
| border-color: #333 !important;
| |
| color: #666 !important;
| |
| }
| |
| | |
| body.ns-8 div.mw-highlight,
| |
| body.ns-8 div.mw-highlight pre
| |
| {
| |
| background: #0d0d0d !important;
| |
| color: #cccccc !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| QUELLTEXT-ANZEIGE (Highlight-Ansicht auf CSS/JS/Lua-Seiten)
| |
| Betrifft: div.mw-highlight, pre — die Seite wo Code angezeigt wird
| |
| Immer dunkel, unabhängig vom Theme.
| |
| ===================================================================== */
| |
| | |
| div.mw-highlight,
| |
| div.mw-highlight pre,
| |
| div.mw-code,
| |
| #content div.mw-highlight,
| |
| #bodyContent div.mw-highlight,
| |
| .mw-parser-output div.mw-highlight,
| |
| .mw-highlight
| |
| {
| |
| background: #0d0d0d !important;
| |
| color: #cccccc !important;
| |
| border: 1px solid #333 !important;
| |
| }
| |
| | |
| /* Zeilennummern */
| |
| div.mw-highlight td.mw-linenos,
| |
| div.mw-highlight .ln
| |
| {
| |
| background: #1e1e1e !important;
| |
| color: #606060 !important;
| |
| border-right: 1px solid #333 !important;
| |
| }
| |
| | |
| #mw-content-text div.mw-highlight,
| |
| #mw-content-text div.mw-highlight pre,
| |
| #mw-content-text div.mw-highlight td
| |
| {
| |
| background: #0d0d0d !important;
| |
| color: #cccccc !important;
| |
| border: 1px solid #333 !important;
| |
| }
| |
| | |
| #mw-content-text div.mw-highlight td.mw-linenos
| |
| {
| |
| background: #1e1e1e !important;
| |
| color: #606060 !important;
| |
| border-right: 1px solid #333 !important;
| |
| }
| |
| | |
| /* Syntax-Highlighting Farben im Dark Context erhalten */
| |
| div.mw-highlight .c,
| |
| div.mw-highlight .c1,
| |
| div.mw-highlight .cm { color: #6a9955 !important; } /* Kommentare: Grün */
| |
| div.mw-highlight .s,
| |
| div.mw-highlight .s1,
| |
| div.mw-highlight .s2 { color: #ce9178 !important; } /* Strings: Orange */
| |
| div.mw-highlight .k,
| |
| div.mw-highlight .kd { color: #569cd6 !important; } /* Keywords: Blau */
| |
| div.mw-highlight .nt { color: #4ec9b0 !important; } /* Tag names */
| |
| div.mw-highlight .na { color: #9cdcfe !important; } /* Attribute names */
| |
| div.mw-highlight .nv { color: #9cdcfe !important; } /* Variablen */
| |
| div.mw-highlight .mi { color: #b5cea8 !important; } /* Zahlen */
| |
| div.mw-highlight .err { color: #f44747 !important; } /* Fehler */
| |
| | |
| /* Zeilennummern */ | |
| div.mw-highlight .ln, | |
| div.mw-highlight td.ln
| |
| {
| |
| color: #555 !important;
| |
| border-right: 1px solid #333 !important;
| |
| background: #111 !important;
| |
| user-select: none;
| |
| }
| |
| | |
| /* Auch plain <pre>-Blöcke im Artikel immer dunkel */
| |
| .mw-parser-output pre
| |
| {
| |
| background: #0d0d0d !important;
| |
| color: #cccccc !important;
| |
| border: 1px solid #333 !important;
| |
| }
| |
| | |
| .mw-parser-output .mw-editsection a
| |
| {
| |
| color: var(--color-page-header-link) !important;
| |
| }
| |
| | |
| | |
| /* =====================================================================
| |
| SONSTIGES
| |
| ===================================================================== */
| |
| | |
| /* Bildchronik-Container (bestehendes Feature) */
| |
| .bildchronik-container figure,
| |
| .bildchronik-container figure a,
| |
| .bildchronik-container figure img
| |
| {
| |
| height: 100% !important;
| |
| width: auto !important;
| |
| max-width: none !important;
| |
| display: block !important;
| |
| }
| |
| | |
| /* Infoboxen: im Light Mode anpassen */
| |
| /* Die Inline-Styles in den Infobox-Templates überschreiben wir hier */
| |
| .infobox-charakter,
| |
| .infobox-staat,
| |
| .infobox-stadt,
| |
| .infobox-fraktion,
| |
| .infobox-stern
| |
| {
| |
| background: var(--bg-content-alt) !important;
| |
| border-color: var(--border-strong) !important;
| |
| color: var(--color-primary) !important;
| |
| }
| |
| | |
| /* Infobox Tabellenzellen */
| |
| .infobox-charakter th,
| |
| .infobox-staat th,
| |
| .infobox-stadt th,
| |
| .infobox-fraktion th,
| |
| .infobox-stern th
| |
| {
| |
| color: var(--color-muted) !important;
| |
| border-color: var(--border-color) !important;
| |
| }
| |
| | |
| .infobox-charakter td,
| |
| .infobox-staat td,
| |
| .infobox-stadt td,
| |
| .infobox-fraktion td,
| |
| .infobox-stern td
| |
| {
| |
| color: var(--color-primary) !important;
| |
| border-color: var(--border-color) !important;
| |
| }
| |
| | |
| /* Infobox Kopfzeile (Name) */
| |
| .infobox-charakter tr:first-child td,
| |
| .infobox-staat tr:first-child td,
| |
| .infobox-stadt tr:first-child td,
| |
| .infobox-fraktion tr:first-child td,
| |
| .infobox-stern tr:first-child td
| |
| {
| |
| color: var(--color-heading) !important;
| |
| border-color: var(--border-strong) !important;
| |
| }
| |
