Themes/starter theme.css

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