MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Hytalebase
Zur Navigation springen Zur Suche springen
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 1: Zeile 1:
/* =====================================================
/* =====================================================
   Modern Minimal MediaWiki Theme
   MediaWiki Dark Mode
   Author: Custom
   Auto-enabled via prefers-color-scheme
  Target: Vector / Vector-2022
   ===================================================== */
   ===================================================== */


/* ---------- Base Typography ---------- */
@media (prefers-color-scheme: dark) {
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
                Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.65;
    color: #1f2933;
    background-color: #ffffff;
}


/* ---------- Headings ---------- */
    /* ---------- Base ---------- */
h1, h2, h3, h4, h5, h6 {
    body {
    font-weight: 600;
        background-color: #0b1220;
    letter-spacing: -0.01em;
        color: #e5e7eb;
    color: #111827;
    }
}


h1 {
     /* ---------- Headings ---------- */
     font-size: 2.1em;
     h1, h2, h3, h4, h5, h6 {
     border-bottom: 1px solid #e5e7eb;
        color: #f9fafb;
     padding-bottom: 0.3em;
     }
}


h2 {
    h1, h2 {
    font-size: 1.6em;
        border-bottom-color: #1f2937;
    border-bottom: 1px solid #f1f5f9;
     }
     padding-bottom: 0.2em;
}


/* ---------- Links ---------- */
    /* ---------- Links ---------- */
a {
    a {
    color: #2563eb;
        color: #60a5fa;
     text-decoration: none;
     }
}


a:hover {
    a:hover {
    color: #1d4ed8;
        color: #93c5fd;
     text-decoration: underline;
     }
}


/* ---------- Content Area ---------- */
    /* ---------- Content ---------- */
.mw-parser-output {
    .mw-parser-output {
    max-width: 860px;
        background: transparent;
}
    }


/* ---------- Paragraphs & Lists ---------- */
    /* ---------- Tables ---------- */
p {
    table.wikitable {
    margin: 0.7em 0;
        background: #0f172a;
}
        color: #e5e7eb;
    }


ul, ol {
    table.wikitable th,
    padding-left: 1.5em;
    table.wikitable td {
}
        border-color: #1f2937;
    }


/* ---------- Tables ---------- */
    table.wikitable th {
table.wikitable {
        background: #111827;
    border-collapse: collapse;
     }
    background: #ffffff;
     font-size: 0.95em;
}


table.wikitable th,
    /* ---------- Code ---------- */
table.wikitable td {
    code {
    border: 1px solid #e5e7eb;
        background: #111827;
    padding: 0.5em 0.6em;
        color: #e5e7eb;
}
    }


table.wikitable th {
    pre {
    background: #f8fafc;
        background: #020617;
    font-weight: 600;
        color: #e5e7eb;
}
    }


/* ---------- Code & Pre ---------- */
    /* ---------- Blockquotes ---------- */
code {
    blockquote {
    background: #f3f4f6;
        background: #020617;
    padding: 0.15em 0.35em;
        border-left-color: #1f2937;
    border-radius: 4px;
        color: #cbd5f5;
    font-size: 0.9em;
    }
}


pre {
    /* ---------- Infobox ---------- */
    background: #0f172a;
    .infobox {
    color: #e5e7eb;
        background: #0f172a;
    padding: 1em;
        border-color: #1f2937;
     border-radius: 6px;
        color: #e5e7eb;
    overflow-x: auto;
     }
}


/* ---------- Blockquotes ---------- */
    .infobox th {
blockquote {
        background: #111827;
    border-left: 4px solid #e5e7eb;
        color: #f9fafb;
    padding-left: 1em;
     }
    color: #4b5563;
    background: #f9fafb;
     margin: 1em 0;
}


/* ---------- Infobox ---------- */
    /* ---------- Navigation ---------- */
.infobox {
    #mw-panel {
    border: 1px solid #e5e7eb;
        background: #020617;
    background: #ffffff;
        color: #cbd5f5;
     font-size: 0.9em;
     }
}


.infobox th {
    .vector-menu-heading {
    background: #f8fafc;
        color: #f9fafb;
     font-weight: 600;
     }
}


/* ---------- Navigation Cleanup ---------- */
    /* ---------- Buttons ---------- */
#mw-panel {
    .mw-ui-button {
    font-size: 0.9em;
        background: #2563eb;
}
        color: #ffffff;
    }


.vector-menu-heading {
    .mw-ui-button:hover {
    font-weight: 600;
        background: #3b82f6;
}
    }


/* ---------- Buttons ---------- */
    /* ---------- Footer ---------- */
.mw-ui-button {
    #footer {
    background: #2563eb;
        background: #020617;
    border: none;
        color: #9ca3af;
    color: #ffffff;
     }
     border-radius: 6px;
}


.mw-ui-button:hover {
    /* ---------- Inputs ---------- */
    background: #1d4ed8;
    input,
}
    textarea,
    select {
        background: #020617;
        color: #e5e7eb;
        border: 1px solid #1f2937;
    }


/* ---------- Footer ---------- */
    /* ---------- Images ---------- */
#footer {
    img {
    font-size: 0.85em;
        background: #020617;
    color: #6b7280;
    }
}
 
/* ---------- Images ---------- */
img {
    border-radius: 6px;
}
}

Version vom 17. Januar 2026, 17:48 Uhr

/* =====================================================
   MediaWiki Dark Mode
   Auto-enabled via prefers-color-scheme
   ===================================================== */

@media (prefers-color-scheme: dark) {

    /* ---------- Base ---------- */
    body {
        background-color: #0b1220;
        color: #e5e7eb;
    }

    /* ---------- Headings ---------- */
    h1, h2, h3, h4, h5, h6 {
        color: #f9fafb;
    }

    h1, h2 {
        border-bottom-color: #1f2937;
    }

    /* ---------- Links ---------- */
    a {
        color: #60a5fa;
    }

    a:hover {
        color: #93c5fd;
    }

    /* ---------- Content ---------- */
    .mw-parser-output {
        background: transparent;
    }

    /* ---------- Tables ---------- */
    table.wikitable {
        background: #0f172a;
        color: #e5e7eb;
    }

    table.wikitable th,
    table.wikitable td {
        border-color: #1f2937;
    }

    table.wikitable th {
        background: #111827;
    }

    /* ---------- Code ---------- */
    code {
        background: #111827;
        color: #e5e7eb;
    }

    pre {
        background: #020617;
        color: #e5e7eb;
    }

    /* ---------- Blockquotes ---------- */
    blockquote {
        background: #020617;
        border-left-color: #1f2937;
        color: #cbd5f5;
    }

    /* ---------- Infobox ---------- */
    .infobox {
        background: #0f172a;
        border-color: #1f2937;
        color: #e5e7eb;
    }

    .infobox th {
        background: #111827;
        color: #f9fafb;
    }

    /* ---------- Navigation ---------- */
    #mw-panel {
        background: #020617;
        color: #cbd5f5;
    }

    .vector-menu-heading {
        color: #f9fafb;
    }

    /* ---------- Buttons ---------- */
    .mw-ui-button {
        background: #2563eb;
        color: #ffffff;
    }

    .mw-ui-button:hover {
        background: #3b82f6;
    }

    /* ---------- Footer ---------- */
    #footer {
        background: #020617;
        color: #9ca3af;
    }

    /* ---------- Inputs ---------- */
    input,
    textarea,
    select {
        background: #020617;
        color: #e5e7eb;
        border: 1px solid #1f2937;
    }

    /* ---------- Images ---------- */
    img {
        background: #020617;
    }
}