Hauptseite: Unterschied zwischen den Versionen

Aus The Alchenomicon Wiki
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
 
(46 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
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="page-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)
===================================================================== */


:root
<html>
{
<div class="content-block">
    color-scheme: light;
<h2 class="content-block-heading">Mierkons Weltkarte</h2>


    /* Hintergrundbild */
<div class="content-block-container">
    --bi-body: url('https://thealchenomiconwiki.com/images/8/8e/BackgroundImage_Main.png?v=4');


    /* Hintergründe */
<div class="content-block-info">
    --bg-body:            #333333;          /* Hintergrundfarbe hinter dem Content (sichtbar nur außerhalb) */
Der Superkontinent Geganto — von den Lingai Rak'Ium genannt — vereint auf sich beinahe die gesamte bewohnbare Landmasse Mierkons: von den jungen, schneebedeckten Gipfeln des Nordwestens über die uralten Steppen und Steinwüsten des Nordostens bis zu den vulkanischen Riftzonen im Süden. Im Herzen des Kernlandes liegt ein großes Binnenmeer, das die umliegenden Landschaften seit jeher prägt, während vor der Ostküste ein isolierter Kleinkontinent und im Südwesten eine weitläufige Inselgruppe eigene, von der übrigen Welt lange abgeschnittene Wege gegangen sind. Getrennt durch den Drogath, das zentrale Gebirge, das den fruchtbaren Westen vom trockeneren Osten scheidet, haben sich hier über Jahrtausende eigenständige Reiche, Fraktionen und Lebensweisen entwickelt.
    --bg-header:         #a1a1a1;
</div>
    --bg-content:        #999999;          /* Cremefarbener Papier-Hintergrund Hauptinhalt */
    --bg-content-alt:    #ede4d8;


    --bg-editor: #111111;
<div class="content-block-body">
    --bg-editor-base: #111111;
    --bg-highlight: #00ff0000;


<div class="map-navigator">


    --height-wiki-header: 5vh;
<div class="map-navigator-image">
<img id="mierkon-map-img" src="/index.php?title=Spezial:Filepath&file=WorldMap_Political_Blank.png" style="width:100%" 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 class="map-navigator-label">


    /* Text */
<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>
    --color-dedault: #222222;
<script>
    --color-primary:       #333333;         /* Haupttext */
(function(){
    --color-heading:       #2e2010;         /* Überschriften */
  var svg=document.getElementById('mierkon-map-svg');
    --color-muted:        #6b5c47;         /* Sekundärtext, Beschriftungen */
  var label=document.getElementById('mierkon-label');
     --color-link:          #112266;
  var polygons=svg.querySelectorAll('polygon[data-name]');
     --color-link-hover:    #3d2208;
  polygons.forEach(function(poly){
     --color-header:        #222222;         /* Text im dunklen Header */
     var name=poly.getAttribute('data-name');
     --color-editor:        #cccccc;         /* Text im Editor */
     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>


    /* Rahmen */
</div>
    --border-color:      #c9b99a;
</div>
    --border-strong:      #a8906e;
</div>
    --border-header:      #4a3520;
</div>
</div>


    --border-header: 5px solid #666666;
</html>
    --border-wrapper: 3px solid #333333;


    /* Page Actions */
<!-- ================= FAST ACCESS ================= -->
   
    --bg-page-header-link: #bbbbbb;
    --border-page-header-link: 2px solid #333333;
    --br-page-header-link: 5px;


    --color-page-header-link: #333333;
<html>
    --ff-page-header-link: "Inter", serif;
<div class="content-block">
    --fs-page-header-link: 0.8rem;
<h2 class="content-block-heading">Das Universum erkunden</h2>
    --fw-page-header-link: 500;
</html>
<tieraccess mintier="3">
<html>


    /* Sidebar */
<div class="content-block-container">
    --bg-sidebar-panel: #67676767;
    --border-sidebar-panel: 5px solid #cccccc99;
    --color-sidebar-panel-label:  #101010;
    --color-sidebar-panel: #111111;/* #00ff00; */


    /* Akzent */
<div class="content-block-info">
    --accent:             #7a4f2a;
Ob Charaktere, Orte, Fraktionen oder das Kraftsystem der Lingai — hier findest du den schnellsten Weg zu jedem Teil des Alchenomicon-Universums. Wähle einen Bereich und tauche ein:
</div>


    /* Typografie */
<div class="content-block-body">
    --ff-body: "Rubik", serif;


    --ff-default: serif;
<div class="hyper-grid">
    --ff-wiki-title: "Object Sans", serif;
    --ff-header-box: "Rubik", serif;


    --fw-body: 400;
<a href="/index.php?title=Kategorie:Charakter" class="hyper-box">
    --fw-wiki-title: 300;
<div class="hyper-box-icon">👥</div>
    --fw-sidebar-panel-header: 700;
<div class="hyper-box-title">Charaktere</div>
    --fw-content-intro: 500;
<div class="hyper-box-desc">Lingai, Menschen, Helden und Antagonisten</div>
</a>


    --fs-body: 1.0rem;
<a href="/index.php?title=Kategorie:Geographie" class="hyper-box">
    --fs-wiki-title: clamp(0, 1.4rem);
<div class="hyper-box-icon">🌐</div>
    --fs-sidebar-panel-header: 1.2rem;
<div class="hyper-box-title">Orte &amp; Geographie</div>
    --fs-content-intro: 1.25rem;
<div class="hyper-box-desc">Städte, Regionen und die Welt Mierkons</div>
</a>


    --lh-body: 1.7;
<a href="/index.php?title=Kategorie:Fraktion" class="hyper-box">
    --lh-wiki-title: 1;
<div class="hyper-box-icon">🏛️</div>
<div class="hyper-box-title">Fraktionen &amp; Staaten</div>
<div class="hyper-box-desc">Politische Mächte, Allianzen und Konflikte</div>
</a>


    /* Spezialseiten (immer dunkel — eigene Tokens, nie überschreiben) */
<a href="/index.php?title=Kategorie:Energie" class="hyper-box">
    --bg-special:        #111111;
<div class="hyper-box-icon">⚡</div>
    --color-special:      #cccccc;
<div class="hyper-box-title">Energieformen &amp; Kräfte</div>
    --border-special:    #333333;
<div class="hyper-box-desc">Das Kraftsystem der Lingai</div>
    --bg-special-panel:  #1a1a1a;
</a>
    --link-special:      #8ab4f8;


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


    /* Hyper Box */
</div>
    --bg-hyper-box: #333a33;
</div>
    --border-hyper-box: 3px solid #333333;
</div>
    --br-hyper-box: 10px;
</html>
    --pad-hyper-box: 5% 0%;
</tieraccess>
    --gap-hyper-box: 30px;
<html>
</div>
</html>


    --mar-hyper-box-text: 0 30px;
<!-- ================= WORLD KNOWLEDGE ================= -->


    --bg-hyper-box-icon: #ffffffcc;
<html>
<div class="content-block">
<h2 class="content-block-heading">Mierkon verstehen lernen</h2>


    --color-hyper-box-title: #d0cccc;
<div class="content-block-container">
    --fs-hyper-box-title: 1.5rem;
    --fw-hyper-box-title: 700;


    --color-hyper-box-desc: #cccccc;
<div class="content-block-info">
    --fs-hyper-box-desc: 1.2rem;
Mierkon unterscheidet sich in vielerlei Hinsicht von der Erde. Erforsche diese fremde Welt auf den folgenden Seiten:
    --fw-hyper-box-desc: 550;
</div>
}


<div class="content-block-body">


/* =====================================================================
<div class="hyper-grid">
  TOKENS — DARK MODE
  Aktiviert via prefers-color-scheme: dark.
  color-scheme: dark → Dark Reader erkennt nativen Dark Mode
  und deaktiviert sich automatisch.
===================================================================== */


body.dark
<a href="/index.php?title=Astronomie:Avae-System" class="hyper-box">
{
<div class="hyper-box-icon">⛰</div>
    color-scheme: dark;
<div class="hyper-box-title">Das Sternsystem</div>
<div class="hyper-box-desc">Alle Himmelskörper</div>
</a>


    --bg-body:            #0d0d0d;
<a href="/index.php?title=Geographie:Mierkons_Geologie_und_Klima" class="hyper-box">
    --bg-content:        #1a1a1a;
<div class="hyper-box-icon">⛰</div>
    --bg-content-alt:    #111111;
<div class="hyper-box-title">Geologie und Klima</div>
    --bg-header:          #1a1a1a;
<div class="hyper-box-desc">Funktionsweise des Planeten</div>
</a>


    --color-primary:       #cccccc;
<a href="/index.php?title=%C3%96kologie:Mierkons_%C3%96kosystem" class="hyper-box">
    --color-heading:      #e8dfc8;
<div class="hyper-box-icon">🦠</div>
    --color-muted:        #888888;
<div class="hyper-box-title">Das Ökosystem</div>
    --color-link:          #8ab4f8;
<div class="hyper-box-desc">Stammbaum aller bekannten Lebewesen</div>
    --color-link-hover:    #aaccff;
</a>
    --color-header:        #e8dfc8;


    --border-color:      #444444;
</div>
    --border-strong:      #555555;
</div>
    --border-header:      #330077;
</div>
</div>
</html>


    --bg-sidebar-panel:  rgba(23, 16, 31, 0.75);
<!-- ================= CHRONIC ================= -->
    --sidebar-link:      #8ab4f8;
 
    --accent:            #8ab4f8;
}


<html>
<div class="content-block">
<h2 class="content-block-heading">Chronik</h2>


/* =====================================================================
<div class="content-block-container">
  BODY & WRAPPER
===================================================================== */


body.mediawiki
<div class="content-block-info">
{
Entdecke die Geschichte Mierkons - von der Entstehung des Planeten, über geologische und ökologische Entwicklungen, bis zu den antiken Zivilisationen und der Moderne.
    margin: 0 !important;
</div>
    padding: 0 !important;
    background-color: var(--bg-body) !important;
    background-image: none !important;  /* Kein Hintergrundbild im Light Mode */
}


#mw-wrapper
<div class="content-block-body">
{
    padding-top: 0px !important;
}


<div class="hyper-grid">


/* =====================================================================
<a href="/index.php?title=Chronik:Urzeit" class="hyper-box">
  EDITOR
      <div class="hyper-box-title">Urzeit</div>
===================================================================== */
      <div class="hyper-box-desc">~6T3vnz bis ~6T2vnz</div>
      </a>


      <a href="/index.php?title=Chronik:Antike" class="hyper-box">
      <div class="hyper-box-title">Antike</div>
      <div class="hyper-box-desc">~6T2vnz bis ~15.500vnz</div>
      </a>


.mw-editform
      <a href="/index.php?title=Chronik:Altertum" class="hyper-box">
{
      <div class="hyper-box-title">Altertum</div>
    background: var(--bg-editor-base) !important;
      <div class="hyper-box-desc">~15.500vnz bis ~3.500vnz</div>
}
      </a>


.editOptions
      <a href="/index.php?title=Chronik:Moderne" class="hyper-box">
{
      <div class="hyper-box-title">Moderne</div>
    background: var(--bg-editor-base) !important;
      <div class="hyper-box-desc">~3.500vnz bis 66vnz</div>
    border: 10px solid #dd6666;
      </a>


}
      <a href="/index.php?title=Chronik:Neuzeit" class="hyper-box">
      <div class="hyper-box-title">Neuzeit</div>
      <div class="hyper-box-desc">ab 66vnz</div>
      </a>


 
</div>
/* =====================================================================
</div>
  HEADER (immer dunkel — ist so gewünscht)
</div>
===================================================================== */
</div>
 
</html>
#mw-header-container
<!-- ========================================= -->
{
<!-- ========================================= -->
    height: var(--height-wiki-header) !important;
<!-- ========================================= -->
   
<!-- ========================================= -->
    position: fixed !important;
<!-- ================= FOCUS ================= -->
    margin: 0 !important;
<html>
    padding: 0 15% !important;
  <div class="content-block" id="main-page-recommendations">
    z-index: 100 !important;
     <h2 class="content-block-heading">Artikel im Fokus</h2>
    display: flex !important;
     <div>
    align-items: center !important;
      <div style="font-weight:bold; font-size:1.1em; margin-bottom:0.5em;">[[Kaleth Castorr]]</div>
    justify-content: center !important;
      <div style="font-size:0.95em; color:#ccc; line-height:1.7;">
    background: var(--bg-header) !important;
      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>
    border-bottom: var(--border-header) !important;
     </div>
}
   </div>
 
</html>
#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);
}
 
 
 
/* =====================================================================
  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;
}

Aktuelle Version vom 2. August 2026, 21:38 Uhr

Willkommen im Alchenomicon-Wiki

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.


Mierkons Weltkarte

Der Superkontinent Geganto — von den Lingai Rak'Ium genannt — vereint auf sich beinahe die gesamte bewohnbare Landmasse Mierkons: von den jungen, schneebedeckten Gipfeln des Nordwestens über die uralten Steppen und Steinwüsten des Nordostens bis zu den vulkanischen Riftzonen im Süden. Im Herzen des Kernlandes liegt ein großes Binnenmeer, das die umliegenden Landschaften seit jeher prägt, während vor der Ostküste ein isolierter Kleinkontinent und im Südwesten eine weitläufige Inselgruppe eigene, von der übrigen Welt lange abgeschnittene Wege gegangen sind. Getrennt durch den Drogath, das zentrale Gebirge, das den fruchtbaren Westen vom trockeneren Osten scheidet, haben sich hier über Jahrtausende eigenständige Reiche, Fraktionen und Lebensweisen entwickelt.
Weltkarte Mierkons


Das Universum erkunden

Dieser Inhalt enthält massive Spoiler der Werke und ist daher nur für ausgewählte Nutzer verfügbar.


Mierkon verstehen lernen

Mierkon unterscheidet sich in vielerlei Hinsicht von der Erde. Erforsche diese fremde Welt auf den folgenden Seiten:


Chronik

Entdecke die Geschichte Mierkons - von der Entstehung des Planeten, über geologische und ökologische Entwicklungen, bis zu den antiken Zivilisationen und der Moderne.

Artikel im Fokus

[[Kaleth Castorr]]
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.