MediaWiki:Infobox.css

/* General Infobox styling Wookieepedia-Inspired */ .portable-infobox { border: none; border-radius: 12px; overflow: hidden; width: 250px; } /* Removing remaining border */ .portable-infobox .pi-border-color { border: none; }

/* Setting row background colors */ .theme-fandomdesktop-light .portable-infobox .pi-data:nth-child(even), .theme-fandomdesktop-light .portable-infobox .pi-horizontal-group .pi-horizontal-group-item:nth-child(even) { background-color: #f0f0f0; } .theme-fandomdesktop-light .portable-infobox .pi-data:nth-child(odd), .theme-fandomdesktop-light .portable-infobox .pi-horizontal-group .pi-horizontal-group-item:nth-child(odd) { background-color: #f9f9f9; }

/* Dark Theme */ .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(even), .theme-fandomdesktop-dark .pi-horizontal-group .pi-horizontal-group-item:nth-child(even) { background-color: #393939; } .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(odd), .theme-fandomdesktop-dark .pi-horizontal-group .pi-horizontal-group-item:nth-child(odd) { background-color: #2f2f2f; }

/* Extra bg colors */ .theme-fandomdesktop-light .portable-infobox.pi-background { background-color: #f9f9f9; } .theme-fandomdesktop-dark .portable-infobox.pi-background { background-color: #2f2f2f; }

/* Image bg colors */ .theme-fandomdesktop-light .portable-infobox .pi-image { background-color: #f0f0f0; } .theme-fandomdesktop-dark .portable-infobox .pi-image { background-color: #393939; }

/* Reduce padding */ .portable-infobox .pi-item-spacing, .portable-infobox .pi-item-spacing.pi-title, .portable-infobox .pi-item-spacing.pi-header, .portable-infobox .pi-item-spacing.pi-navigation { padding: 4px; }

/* Reduce font size and tweaks */ .portable-infobox .pi-item-spacing.pi-title { font-size: 14px; } .portable-infobox .pi-item-spacing.pi-header, .portable-infobox .pi-item-spacing.pi-navigation { font-size: 12px; } .portable-infobox .pi-secondary-font.pi-header { font-size: 12px; color: black; }

/* Slightly extend labels */ .portable-infobox .pi-data-label { flex-basis: 40%; }

/* Remove extra padding on horizontally-aligned rows */ .portable-infobox .pi-horizontal-group .pi-data-label { padding-bottom: 0; } .portable-infobox .pi-horizontal-group .pi-data-value { padding-top: 0; }

/* Full padding */ .portable-infobox .pi-horizontal-group .pi-data-value[data-source="series"], .portable-infobox .pi-horizontal-group .pi-data-value[data-source="season"], .portable-infobox .pi-horizontal-group .pi-data-value[data-source="number"] { padding: 4px; }