MediaWiki:Common.css
Aus S/HBV-Wiki
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. */
blockquote {
display: flex;
background-color: #f8f9fa;
color: black;
border: solid thin gray;
padding: 10px;
margin: 3px;
max-width: 90%;
}
/* Du kannst den neuen Style anwenden, indem du theme="deintheme" dem <infobox>-Tag hinzufügst */
.pi-theme-deintheme .pi-background { background-color: red; } /* genereller Hintergrund */
.pi-theme-deintheme .pi-image { } /* Anpassung der Bild-Box */
.pi-theme-deintheme .pi-image-thumbnail { /* Anpassungen für das Bild */
/* max-width: 123px; */ /* maximale Breite des Bildes; üblicherweise die Breite der Infobox, abzüglich der Ränder */
/* max-height: 123px; */ /* (falls nötig) */
/* width: auto; */ /* (falls nötig) */
/* height: auto; */ /* Bewahrt das Seitenverhältnis */
}
.pi-theme-deintheme { } /* generell die Ränder, Farbe, Schriftart, etc. */
.pi-theme-deintheme .pi-item-spacing { } /* Innenabstand von Elementen */
.pi-theme-deintheme .pi-title { } /* Innenabstand, Außenabstand, Schriftart, usw. des Titelfelds */
.pi-theme-deintheme .pi-caption { } /* Schriftart, Farbe, usw. der Bildunterschrift */
.pi-theme-deintheme .pi-group { } /* Ränder, usw. von Gruppen */
.pi-theme-deintheme .pi-border-color { } /* Randfarbe von Gruppen data-Feldern */
.pi-theme-deintheme .pi-header { } /* Ausrichtung, Ränder, usw. der Zwischenüberschriften */
.pi-theme-deintheme .pi-secondary-font { } /* Schrift der Zwischenüberschriften und Feldbeschriftungen */
.pi-theme-deintheme .pi-secondary-background { } /* Hintergrund der Zwischenüberschriften */
.pi-theme-deintheme .pi-data { } /* Das Element, das Feldbeschriftung und Wert umschließt */
.pi-theme-deintheme .pi-data-label { } /* Anpassungen der Feldbeschriftung */
{
/* flex-basis: 50%; */ /* Seitenverhältnis der linken und rechten Spalte */
}
.pi-theme-deintheme .pi-data .pi-secondary-font { } /* Ändert die Schrift des Werts (rechte Spalte) unabhängig von der Beschriftung (linke Spalte) */
.pi-theme-deintheme .pi-data-value { } /* Wertefeld (rechte Spalte) */
.pi-theme-deintheme .pi-data-value:not(:first-child) { } /* Innen-/Außenabstand zwischen Wert-Spalten */
{
/* padding-left: 0; */ /* Je nach Fall anpassen */
/* margin-left: 4px; */
}
.pi-theme-deintheme .pi-font { } /* Schrift des Wertefelds */
.pi-theme-deintheme .pi-horizontal-group { } /* Tabellen-Styling von horizontalen Gruppen */
.pi-theme-deintheme .pi-horizontal-group-item { } /* Anpassungen für Zellen in horizontalen Gruppen */
.pi-theme-deintheme .pi-horizontal-group .pi-data-label { } /* Beschriftung von horizontalen Gruppen */
.pi-theme-deintheme .pi-navigation { } /* <nav>-Tag */
.pi-theme-deintheme .pi-item /* Vorsicht: Betrifft nahezu alle Elemente der Infobox */ { }
