User:Aphrodite Sweetheart/common.css

.portable-infobox .pi-title, .portable-infobox .pi-secondary-background, .portable-infobox h3.pi-data-label { color: #FFF; text-align: center; vertical-align: middle; background-color: var(--pi-secondary-background); }

.pi-data:last-child { border-bottom: none; }

.portable-infobox .pi-item-spacing { padding: 3px; }

.pi-image img { width: 100%; height: auto; }

.portable-infobox .pi-title, .portable-infobox .pi-header { padding: 12px 9px; margin: 0; }

.portable-infobox h3.pi-data-label { display: flex; flex-direction: column; justify-content: center; }

.pi-theme-1 .pi-title, .pi-theme-1 .pi-secondary-background, .pi-theme-1 h3.pi-data-label { background-color: #FFA500; } .pi-theme-1, .pi-theme-1 .pi-border { border-color: #FFA500; } .pi-theme-1 .pi-data { border-bottom: solid 1px #FFA500; }

.pi-theme-2 .pi-title, .pi-theme-2 .pi-secondary-background, .pi-theme-2 h3.pi-data-label { background-color: #FF4500; } .pi-theme-2, .pi-theme-2 .pi-border { border-color: #FF4500; } .pi-theme-2 .pi-data { border-bottom: solid 1px #FF4500; }

.pi-theme-3 .pi-title, .pi-theme-3 .pi-secondary-background, .pi-theme-3 h3.pi-data-label { background-color: #FF7F50; } .pi-theme-3, .pi-theme-3 .pi-border { border-color: #FF7F50; } .pi-theme-3 .pi-data { border-bottom: solid 1px #FF7F50; }