MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus Bibliothek der Magieakademie zu Surom
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. */


/* Library Theme für MediaWiki - Einheitliche Linkfarben */


/* Grundlegende Farben */
/* Grundlegende Farben */
Zeile 6: Zeile 8:
     --main-bg: #2c2620;
     --main-bg: #2c2620;
     --content-bg: #3a332d;
     --content-bg: #3a332d;
     --text-color: #dfc5a1;
     --text-color: #e6d5c4;
     --link-color: #dfc5a1;
     --link-color: #dfc5a1; /* Einheitliche hellbraune Farbe für alle Links */
    --link-hover: #dfc5a1;
     --header-color: #e6c9a3;
     --header-color: #e6c9a3;
     --border-color: #564b41;
     --border-color: #564b41;
Zeile 39: Zeile 40:
}
}


/* Links */
/* Einheitliche Linkfarben für alle Zustände */
a {
a,
a:visited,
a:hover,
a:active,
a.new,
a.new:visited,
a.new:hover,
#mw-navigation a,
#mw-navigation a:visited,
.vector-menu-content a,
.vector-menu-content a:visited,
#p-personal a,
#p-personal a:visited {
     color: var(--link-color);
     color: var(--link-color);
     text-decoration: none;
     text-decoration: none;
}
}


a:hover {
/* Hover-Effekt nur mit Unterstreichung, keine Farbänderung */
    color: var(--link-hover);
a:hover,
a.new:hover,
#mw-navigation a:hover,
.vector-menu-content a:hover,
#p-personal a:hover {
     text-decoration: underline;
     text-decoration: underline;
    color: var(--link-color);
}
}


Zeile 112: Zeile 130:


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


Zeile 127: Zeile 146:
     background-color: var(--input-bg);
     background-color: var(--input-bg);
     border-color: var(--border-color);
     border-color: var(--border-color);
    color: var(--text-color);
}
/* Entfernen der roten Farbe für neue Artikel-Links */
a.new::after {
    content: " (noch nicht angelegt)";
     color: var(--text-color);
     color: var(--text-color);
}
}

Version vom 19. November 2024, 11:01 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */


/* Library Theme für MediaWiki - Einheitliche Linkfarben */

/* Grundlegende Farben */
:root {
    --main-bg: #2c2620;
    --content-bg: #3a332d;
    --text-color: #e6d5c4;
    --link-color: #dfc5a1;  /* Einheitliche hellbraune Farbe für alle Links */
    --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;
}

/* Einheitliche Linkfarben für alle Zustände */
a, 
a:visited, 
a:hover, 
a:active,
a.new,
a.new:visited,
a.new:hover,
#mw-navigation a,
#mw-navigation a:visited,
.vector-menu-content a,
.vector-menu-content a:visited,
#p-personal a,
#p-personal a:visited {
    color: var(--link-color);
    text-decoration: none;
}

/* Hover-Effekt nur mit Unterstreichung, keine Farbänderung */
a:hover,
a.new:hover,
#mw-navigation a:hover,
.vector-menu-content a:hover,
#p-personal a:hover {
    text-decoration: underline;
    color: var(--link-color);
}

/* 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-color);
    text-decoration: none;
}

/* 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);
}

/* Entfernen der roten Farbe für neue Artikel-Links */
a.new::after {
    content: " (noch nicht angelegt)";
    color: var(--text-color);
}