MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus S/HBV-Wiki
Keine Bearbeitungszusammenfassung
Markierung: Manuelle Zurücksetzung
Keine Bearbeitungszusammenfassung
Markierung: Zurückgesetzt
Zeile 9: Zeile 9:
max-width: 90%;
max-width: 90%;
}
}
/* Du kannst den neuen Style anwenden, indem du theme="deintheme" dem <infobox>-Tag hinzufügst */
.pi-theme-deintheme .pi-background { }  /* 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 */ { }

Version vom 11. November 2024, 16:20 Uhr

/* 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 { }   /* 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 */ { }