MediaWiki:Infobox.css

/* General Infobox styling Wookieepedia-Inspired */ .portable-infobox { border: none; 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: none; }

/* Image settings */ .portable-infobox .pi-image img { width: 100%; height: auto; }

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

/* Data tweaks */ .portable-infobox .pi-item .pi-data-label { text-align: right; } .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"] { padding: 4px; }

/* Fix alignment error on the horizontally-aligned labels */ .portable-infobox .pi-horizontal-group .pi-data-label { text-align: center; }

/* Tabs */ .portable-infobox .wds-tabs { flex-wrap: wrap; } .portable-infobox .wds-tabs__tab { border-top-left-radius: 12px; border-top-right-radius: 12px; transition: none; } .portable-infobox .wds-tabs__tab-label { transition: none; } .portable-infobox .wds-tabs__tab { background-color: var(--secondary-bg-color); } .portable-infobox .wds-tabs__tab:hover { background-color: var(--tertiary-bg-color); } .portable-infobox .wds-tabs__tab.wds-is-current { box-shadow: none; background-color: var(--theme-accent-color); color: var(--theme-accent-label-color); }

/* Rounded corners */ .portable-infobox > :first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; } .portable-infobox > :last-child { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }