MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Hytalebase
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* =========================
/* ===============================
   Hytale-inspiriertes Theme
   Dunkles magisches Fantasy-Theme
   ========================= */
   =============================== */


/* Hintergrund */
/* Grundlayout */
body {
body {
     background-color: #e6d8b8;
     background-color: #0f1612;
     color: #1a1a1a;
     color: #e8f5ee;
     font-family: "Segoe UI", "Roboto", sans-serif;
     font-family: "Segoe UI", "Roboto", sans-serif;
}
}
Zeile 13: Zeile 13:
/* Links */
/* Links */
a {
a {
     color: #4caf50;
     color: #3cff8f;
}
     text-shadow: 0 0 6px rgba(60, 255, 143, 0.3);
 
a:visited {
     color: #3e8e41;
}
}


a:hover {
a:hover {
     color: #d4af37;
     color: #d4af37;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.6);
}
}


/* Überschriften */
/* Überschriften */
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
     color: #2b1f14;
     color: #3cff8f;
    text-shadow: 0 0 10px rgba(60, 255, 143, 0.4);
}
}


/* Seiteninhalt */
/* Inhaltsbereich */
.mw-body {
.mw-body {
     background-color: #f2ead4;
     background-color: #16211a;
     border-radius: 6px;
     border-radius: 10px;
     padding: 1em;
     padding: 1.5em;
    box-shadow: 0 0 20px rgba(60, 255, 143, 0.08);
}
 
/* Header (Vector Desktop) */
.mw-header,
.vector-header {
    background-color: #0b120e;
    border-bottom: 1px solid #1e8f55;
    box-shadow: 0 0 15px rgba(60, 255, 143, 0.15);
}
 
/* Footer */
.mw-footer {
    background-color: #0b120e;
    color: #a7d9c1;
    border-top: 1px solid #1e8f55;
    box-shadow: inset 0 5px 10px rgba(0,0,0,0.6);
}
 
.mw-footer a {
    color: #3cff8f;
}
}


/* Tabellen */
/* Tabellen */
table {
table {
     background-color: #f7f1df;
     background-color: #132019;
     border: 1px solid #4a3524;
     border: 1px solid #1e8f55;
}
}


th {
th {
     background-color: #4a3524;
     background-color: #1e8f55;
     color: #ffffff;
     color: #ffffff;
    text-shadow: 0 0 5px rgba(0,0,0,0.6);
}
}


/* Code-Blöcke */
/* Code & Pre */
pre, code {
pre, code {
     background-color: #ede4cc;
     background-color: #101a14;
     border: 1px solid #cbb890;
     border: 1px solid #1e8f55;
    color: #9effc8;
}
}


/* Auswahl */
/* Scrollbar (Webkit) */
::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    background: #0b120e;
}
 
::-webkit-scrollbar-thumb {
    background: #1e8f55;
    box-shadow: 0 0 8px rgba(60,255,143,0.6);
}
 
/* Textauswahl */
::selection {
::selection {
     background: #4caf50;
     background: #3cff8f;
     color: #ffffff;
     color: #0b120e;
}
}

Version vom 17. Januar 2026, 17:21 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* ===============================
   Dunkles magisches Fantasy-Theme
   =============================== */

/* Grundlayout */
body {
    background-color: #0f1612;
    color: #e8f5ee;
    font-family: "Segoe UI", "Roboto", sans-serif;
}

/* Links */
a {
    color: #3cff8f;
    text-shadow: 0 0 6px rgba(60, 255, 143, 0.3);
}

a:hover {
    color: #d4af37;
    text-shadow: 0 0 8px rgba(212, 175, 55, 0.6);
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: #3cff8f;
    text-shadow: 0 0 10px rgba(60, 255, 143, 0.4);
}

/* Inhaltsbereich */
.mw-body {
    background-color: #16211a;
    border-radius: 10px;
    padding: 1.5em;
    box-shadow: 0 0 20px rgba(60, 255, 143, 0.08);
}

/* Header (Vector Desktop) */
.mw-header,
.vector-header {
    background-color: #0b120e;
    border-bottom: 1px solid #1e8f55;
    box-shadow: 0 0 15px rgba(60, 255, 143, 0.15);
}

/* Footer */
.mw-footer {
    background-color: #0b120e;
    color: #a7d9c1;
    border-top: 1px solid #1e8f55;
    box-shadow: inset 0 5px 10px rgba(0,0,0,0.6);
}

.mw-footer a {
    color: #3cff8f;
}

/* Tabellen */
table {
    background-color: #132019;
    border: 1px solid #1e8f55;
}

th {
    background-color: #1e8f55;
    color: #ffffff;
    text-shadow: 0 0 5px rgba(0,0,0,0.6);
}

/* Code & Pre */
pre, code {
    background-color: #101a14;
    border: 1px solid #1e8f55;
    color: #9effc8;
}

/* Scrollbar (Webkit) */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #0b120e;
}

::-webkit-scrollbar-thumb {
    background: #1e8f55;
    box-shadow: 0 0 8px rgba(60,255,143,0.6);
}

/* Textauswahl */
::selection {
    background: #3cff8f;
    color: #0b120e;
}