MediaWiki:Themes.css

.portable-infobox { --prime-color: #CCCCCC; --label-color: #E5E5E5; --value-color: #F2F2F2; --border-color: #AAAAAA; }

.theme-fandomdesktop-dark .portable-infobox { --prime-color: #140F0F; --label-color: #241C1C; --value-color: #302626; --border-color: #523E3E; }

/* All Infoboxes - General */ .portable-infobox { background-color: var(--value-color, #F2F2F2); border: 1px solid var(--border-color, #AAAAAA); }

.portable-infobox .pi-smart-data-value:not(:first-child), .portable-infobox .pi-smart-data-label:not(:first-child), .portable-infobox .pi-border-color { border-color: var(--border-color, #AAAAAA); }

/* All Infoboxes - Titles, Headers, & Navigation */ .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-title { background-color: var(--prime-color, #CCCCCC); font-weight: bold; font-size: small; line-height: 18px; text-align: center; padding: 3px 2px; }

.portable-infobox .pi-navigation { font-size: smaller; }

.portable-infobox .pi-header[data-item-name="subtitle"] { font-weight: normal; }

.portable-infobox .pi-navigation + .pi-item, .portable-infobox .pi-header + .pi-item, .portable-infobox .pi-title + .pi-item, .portable-infobox .pi-image + .pi-item { border-top: 1px solid var(--border-color, #AAAAAA); }

/* All Infoboxes - Data */ .portable-infobox .pi-data { padding: 0; }

.portable-infobox .pi-data-label { flex-basis: 72px; background-color: var(--label-color, #E5E5E5); font-size: x-small; line-height: 17px; padding: 2px 0 2px 2px; border-right: 1px solid var(--border-color, #AAAAAA); margin-right: 1px; }

.portable-infobox .pi-data-value { flex-grow: 1; font-size: small; line-height: 18px; padding: 1px; }

/* All Infoboxes - Groups */ .portable-infobox .pi-group[data-item-name="nav"] .pi-data-value { background-color: var(--label-color, #E5E5E5); font-weight: bold; font-size: smaller; }

.portable-infobox .pi-data-value[data-item-name="prev"] { text-align: left; padding-left: 2px; }

.portable-infobox .pi-data-value[data-item-name="next"] { text-align: right; padding-right: 2px; }

.portable-infobox .pi-data-value.pi-font[data-item-name="current"] { width: calc(13 / 24 * 100%) !important;/* override inline style */ background-color: #000000; color: #FFFFFF; }

/* All Infoboxes - Lists */ .portable-infobox ol ol, .portable-infobox ol ul, .portable-infobox ul ol, .portable-infobox ul ul { margin-left: 15px; }

.portable-infobox li + li { margin-top: 3px; }

.portable-infobox .pi-data[data-item-name="list-icon"] .pi-data-value > ol, .portable-infobox .pi-data[data-item-name="list-icon"] .pi-data-value > ul { padding-left: 5px; }

.portable-infobox .pi-data:not([data-item-name="list-icon"]) ol, .portable-infobox .pi-data:not([data-item-name="list-icon"]) ul { list-style: none inside none; }

.portable-infobox .pi-data:not([data-item-name="list-icon"]) .pi-data-value > ol, .portable-infobox .pi-data:not([data-item-name="list-icon"]) .pi-data-value > ul { margin-left: 3px; }

/* Theme - Small Headers */ .portable-infobox.pi-theme-smallheaders .pi-navigation, .portable-infobox.pi-theme-smallheaders .pi-header, .portable-infobox.pi-theme-smallheaders .pi-title { font-size: smaller; padding: 2px 2px 3px; }

.portable-infobox.pi-theme-smallheaders .pi-data-value { font-size: smaller; }