|
|
| 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 {
| |
| --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;
| |
| }
| |
| }
| |
