|
|
| (Eine dazwischenliegende Version desselben Benutzers wird nicht angezeigt) |
| 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 */ { }
| |
/* 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%;
}
