MediaWiki:Infobox.css

/* General Infobox styling Wookieepedia-Inspired */ .portable-infobox { border: none; width: 250px; } /* Match with border colors */ .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); }

/* Remove bg colors */ .portable-infobox.pi-background { background: none; }

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

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

/* Data tweaks */ .portable-infobox .pi-secondary-font.pi-data-label { font-weight: normal; }

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

/* Fix padding-less top on episode information */ .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"], .portable-infobox .pi-horizontal-group .pi-data-value[data-source="episode list"] { padding: 4px; }

/* Tabs */ .portable-infobox .wds-tabs { flex-wrap: wrap; } .portable-infobox .wds-tabs__wrapper { border-bottom: none; } .portable-infobox .wds-tabs__tab { border-top-left-radius: 6px; border-top-right-radius: 6px; background-color: var(--secondary-bg-color); } .portable-infobox .wds-tabs__tab:hover { background-color: var(--tertiary-bg-color); } .portable-infobox .wds-tabs__tab-label { height: auto; margin: 0; letter-spacing: normal; font-weight: normal; padding: 6px 10px; transition: none; } .portable-infobox .wds-tabs__tab.wds-is-current { background-color: var(--tertiary-bg-color); box-shadow: none; }