Zum Inhalt springen

MediaWiki:Common.css

Aus Simulakrum
Version vom 2. Januar 2026, 08:07 Uhr von Admin (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „Das folgende CSS wird für alle Benutzeroberflächen geladen.: Zeitungs-Artikel im 2-Spalten-Stil: .simulakrum-article { max-width: 900px; margin: 0 auto; font-family: "Georgia", "Times New Roman", serif; line-height: 1.6; } Titel-Optik: .simulakrum-title { font-size: 2.4em; text-align: center; letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 0.5em; border-bottom: 2px solid #000;…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

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. */
/* Zeitungs-Artikel im 2-Spalten-Stil */
.simulakrum-article {
    max-width: 900px;
    margin: 0 auto;
    font-family: "Georgia", "Times New Roman", serif;
    line-height: 1.6;
}

/* Titel-Optik */
.simulakrum-title {
    font-size: 2.4em;
    text-align: center;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.5em;
    border-bottom: 2px solid #000;
    padding-bottom: 0.2em;
}

/* Zwei Spalten, typisch Zeitung */
.simulakrum-columns {
    column-count: 2;
    column-gap: 2em;
    column-rule: 1px solid #ccc;
}

/* Bild, um das der Text läuft */
.simulakrum-image {
    float: right;              /* alternativ left */
    width: 260px;              /* anpassen */
    margin: 0 0 1em 1em;       /* Abstand zur Schrift */
    shape-outside: circle(50%);/* schöner, organischer Textfluss (moderne Browser) */
}

/* Fallback, falls shape-outside nicht unterstützt wird */
.simulakrum-image img {
    display: block;
    width: 100%;
    height: auto;
}