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 */ .portable-infobox .pi-data:nth-child(even), .portable-infobox .pi-horizontal-group .pi-horizontal-group-item:nth-child(even) { background-color: var(--tertiary-bg-color); } .portable-infobox .pi-data:nth-child(odd), .portable-infobox .pi-horizontal-group .pi-horizontal-group-item:nth-child(odd) { background-color: var(--secondary-bg-color); }

/* Extra bg colors */ .portable-infobox.pi-background { background-color: var(--secondary-bg-color); }

/* Image settings */ .portable-infobox .pi-image img { width: 100%; height: auto; background-color: var(--tertiary-bg-color); }

/* 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; } .portable-infobox .pi-secondary-font.pi-navigation { color: white; }

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

/* Tabs */ .portable-infobox .wds-tabs { flex-wrap: wrap; } .portable-infobox .wds-tabs__tab.wds-is-current { box-shadow: none; background-color: var(--theme-accent-color); color: var(--theme-accent-label-color); }