MediaWiki:Common.css

Aus Bibliothek der Magieakademie zu Surom
Zur Navigation springen Zur Suche springen

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

  • Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
  • Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
  • Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


/* Grundlegende Farben */
:root {
    --main-bg: #2c2620;
    --content-bg: #3a332d;
    --text-color: #dfc5a1;
    --link-color: #dfc5a1;
    --link-hover: #dfc5a1;
    --header-color: #e6c9a3;
    --border-color: #564b41;
    --input-bg: #463c34;
}

/* Basis-Layout */
body {
    background-color: var(--main-bg);
    color: var(--text-color);
    font-family: 'Georgia', serif;
}

#content {
    background-color: var(--content-bg);
    padding: 2em;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    margin: 1em auto;
    max-width: 1200px;
}

/* Überschriften */
h1, h2, h3, h4, h5, h6 {
    color: var(--header-color);
    font-family: 'Libre Baskerville', Georgia, serif;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 0.3em;
}

/* Links */
a {
    color: var(--link-color);
    text-decoration: none;
}

a:hover {
    color: var(--link-hover);
    text-decoration: underline;
}

/* Navigation */
#mw-navigation {
    background-color: var(--content-bg);
    border-bottom: 1px solid var(--border-color);
    padding: 0.5em;
}

.vector-menu-content {
    background-color: var(--content-bg);
    border: 1px solid var(--border-color);
    border-radius: 3px;
}

/* Suchfeld */
#searchInput {
    border: 1px solid var(--border-color);
    border-radius: 3px;
    padding: 0.5em;
    background-color: var(--input-bg);
    color: var(--text-color);
}

/* Tabellen */
table.wikitable {
    background-color: var(--content-bg);
    border: 1px solid var(--border-color);
    border-collapse: collapse;
    margin: 1em 0;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color: var(--input-bg);
    border: 1px solid var(--border-color);
    padding: 0.5em;
    color: var(--header-color);
}

table.wikitable > tr > td,
table.wikitable > * > tr > td {
    border: 1px solid var(--border-color);
    padding: 0.5em;
}

/* Bearbeitungsbereich */
#editform textarea {
    background-color: var(--input-bg);
    color: var(--text-color);
    border: 1px solid var(--border-color);
    padding: 0.5em;
}

/* Buttons */
.mw-ui-button {
    background-color: var(--link-color);
    color: var(--main-bg);
    border: none;
    padding: 0.5em 1em;
    border-radius: 3px;
}

.mw-ui-button:hover {
    background-color: var(--link-hover);
}

/* Code und Vorformatierter Text */
pre, code {
    background-color: var(--input-bg);
    border: 1px solid var(--border-color);
    padding: 0.2em 0.4em;
    border-radius: 3px;
}

/* Infoboxen und Warnungen */
.mw-message-box {
    background-color: var(--input-bg);
    border-color: var(--border-color);
    color: var(--text-color);
}