MediaWiki:Common.css: Unterschied zwischen den Versionen
Aus Steinzeit
Die Seite wurde neu angelegt: „→Das folgende CSS wird für alle Benutzeroberflächen geladen.: :root { --ss-ink: #263442; --ss-muted: #65717c; --ss-paper: #ffffff; --ss-page: #f4f5f6; --ss-line: #d9dfe3; --ss-accent: #8a6946; --ss-accent-dark: #665039; } body { background: var(--ss-page); color: var(--ss-ink); font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.7; } .vector-header-container { background: var(--ss-paper); border-…“ |
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. */ | ||
/* Steinzeit-Sahara: modernes, wissenschaftliches Erscheinungsbild */ | |||
:root { | :root { | ||
--ss- | --ss-text: #263442; | ||
--ss-muted: # | --ss-muted: #64717d; | ||
--ss-paper: #ffffff; | --ss-paper: #ffffff; | ||
--ss- | --ss-background: #f3f5f6; | ||
--ss- | --ss-border: #d9dfe4; | ||
--ss-accent: # | --ss-accent: #806342; | ||
} | } | ||
body { | body { | ||
background: var(--ss- | background: var(--ss-background); | ||
color: var(--ss- | color: var(--ss-text); | ||
font-family: system-ui, -apple-system, "Segoe UI", sans-serif; | font-family: system-ui, -apple-system, "Segoe UI", sans-serif; | ||
line-height: 1.7; | line-height: 1.7; | ||
} | } | ||
/* Helle Kopfzeile und ruhige Seitenfläche */ | |||
.vector-header-container { | .vector-header-container { | ||
background: var(--ss-paper); | background: var(--ss-paper); | ||
border-bottom: 1px solid var(--ss- | border-bottom: 1px solid var(--ss-border); | ||
box-shadow: none; | box-shadow: none; | ||
} | |||
/* Einspaltiger, zentrierter Lesebereich */ | |||
.mw-page-container { | |||
max-width: 1120px; | |||
} | |||
.mw-content-container { | |||
max-width: 820px; | |||
margin-inline: auto; | |||
} | } | ||
.mw-body { | .mw-body { | ||
background: var(--ss-paper); | background: var(--ss-paper); | ||
border: 1px solid var(--ss- | border: 1px solid var(--ss-border); | ||
border-radius: 4px; | border-radius: 4px; | ||
box-shadow: none; | box-shadow: none; | ||
color: var(--ss-text); | |||
} | } | ||
/* Akademisch anmutende Überschriften */ | |||
#firstHeading, | #firstHeading, | ||
.mw-body h1, | .mw-body h1, | ||
| Zeile 35: | Zeile 48: | ||
.mw-body h3, | .mw-body h3, | ||
.mw-body h4 { | .mw-body h4 { | ||
color: var(--ss- | color: var(--ss-text); | ||
font-family: Georgia, "Times New Roman", serif; | font-family: Georgia, "Times New Roman", serif; | ||
line-height: 1.3; | line-height: 1.3; | ||
| Zeile 46: | Zeile 59: | ||
.mw-body h2 { | .mw-body h2 { | ||
border-bottom: 1px solid var(--ss- | border-bottom: 1px solid var(--ss-border); | ||
padding-bottom: 0.3em; | padding-bottom: 0.3em; | ||
margin-top: 1.8em; | margin-top: 1.8em; | ||
} | } | ||
/* Links, Inhaltsverzeichnis und Bildunterschriften */ | |||
.mw-body a { | .mw-body a { | ||
color: | color: #665039; | ||
text-underline-offset: 0.18em; | text-underline-offset: 0.18em; | ||
} | } | ||
| Zeile 63: | Zeile 73: | ||
#toc { | #toc { | ||
background: #f7f8f8; | background: #f7f8f8; | ||
border: 1px solid var(--ss- | border: 1px solid var(--ss-border); | ||
border-radius: 4px; | border-radius: 4px; | ||
} | } | ||
.mw-body .thumbinner { | |||
background: #f7f8f8; | |||
border-color: var(--ss-border); | |||
} | |||
.mw-body .thumbcaption { | |||
color: var(--ss-muted); | |||
font-size: 0.9em; | |||
} | |||
/* Tabellen */ | |||
.mw-body table.wikitable { | .mw-body table.wikitable { | ||
background: var(--ss-paper); | background: var(--ss-paper); | ||
border: 1px solid var(--ss- | border: 1px solid var(--ss-border); | ||
border-collapse: collapse; | border-collapse: collapse; | ||
} | } | ||
| Zeile 75: | Zeile 96: | ||
.mw-body table.wikitable th { | .mw-body table.wikitable th { | ||
background: #eef1f3; | background: #eef1f3; | ||
text-align: left; | text-align: left; | ||
} | } | ||
| Zeile 81: | Zeile 101: | ||
.mw-body table.wikitable th, | .mw-body table.wikitable th, | ||
.mw-body table.wikitable td { | .mw-body table.wikitable td { | ||
border: 1px solid var(--ss- | border: 1px solid var(--ss-border); | ||
padding: 0.55em 0.75em; | padding: 0.55em 0.75em; | ||
} | } | ||
@media screen and (max-width: 720px) { | |||
.mw-content-container { | |||
max-width: 100%; | |||
} | |||
.mw- | |||
} | |||
.mw-body { | .mw-body { | ||
border-radius: 0; | border-radius: 0; | ||
Version vom 5. November 2026, 18:03 Uhr
/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Steinzeit-Sahara: modernes, wissenschaftliches Erscheinungsbild */
:root {
--ss-text: #263442;
--ss-muted: #64717d;
--ss-paper: #ffffff;
--ss-background: #f3f5f6;
--ss-border: #d9dfe4;
--ss-accent: #806342;
}
body {
background: var(--ss-background);
color: var(--ss-text);
font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
line-height: 1.7;
}
/* Helle Kopfzeile und ruhige Seitenfläche */
.vector-header-container {
background: var(--ss-paper);
border-bottom: 1px solid var(--ss-border);
box-shadow: none;
}
/* Einspaltiger, zentrierter Lesebereich */
.mw-page-container {
max-width: 1120px;
}
.mw-content-container {
max-width: 820px;
margin-inline: auto;
}
.mw-body {
background: var(--ss-paper);
border: 1px solid var(--ss-border);
border-radius: 4px;
box-shadow: none;
color: var(--ss-text);
}
/* Akademisch anmutende Überschriften */
#firstHeading,
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: var(--ss-text);
font-family: Georgia, "Times New Roman", serif;
line-height: 1.3;
}
#firstHeading {
border-bottom: 2px solid var(--ss-accent);
padding-bottom: 0.45em;
}
.mw-body h2 {
border-bottom: 1px solid var(--ss-border);
padding-bottom: 0.3em;
margin-top: 1.8em;
}
/* Links, Inhaltsverzeichnis und Bildunterschriften */
.mw-body a {
color: #665039;
text-underline-offset: 0.18em;
}
.toc,
#toc {
background: #f7f8f8;
border: 1px solid var(--ss-border);
border-radius: 4px;
}
.mw-body .thumbinner {
background: #f7f8f8;
border-color: var(--ss-border);
}
.mw-body .thumbcaption {
color: var(--ss-muted);
font-size: 0.9em;
}
/* Tabellen */
.mw-body table.wikitable {
background: var(--ss-paper);
border: 1px solid var(--ss-border);
border-collapse: collapse;
}
.mw-body table.wikitable th {
background: #eef1f3;
text-align: left;
}
.mw-body table.wikitable th,
.mw-body table.wikitable td {
border: 1px solid var(--ss-border);
padding: 0.55em 0.75em;
}
@media screen and (max-width: 720px) {
.mw-content-container {
max-width: 100%;
}
.mw-body {
border-radius: 0;
}
.mw-body table.wikitable {
display: block;
max-width: 100%;
overflow-x: auto;
}
}
