MediaWiki:Infobox.css

/* CSS for the wiki's infoboxes - Inspired by Wookieepedia and Harry Potter Wiki */ .portable-infobox { width: 300px; padding: 4px; border-spacing: 0; border-radius: 0 !important; border: 1px solid var(--border-color); font-size: 11px; } .portable-infobox.pi-background { background: var(--general-bg-color); } .portable-infobox .pi-border-color { border: none; }

/* Slightly reduce padding between items */ .portable-infobox .pi-item-spacing { padding: 4px; }

/* Title and header settings */ .portable-infobox .pi-title { color: inherit; text-align: center; font-size: 16px !important; padding: 4px !important; background-color: transparent; } .portable-infobox .pi-title:not(:last-child), .portable-infobox .pi-header:not(:last-child), .portable-infobox .pi-image:not(:last-child) { margin-bottom: 4px; }

.portable-infobox .pi-header { color: black; text-align: center; font-size: 13px !important; padding: 4px !important; line-height: 1.5; background-color: #dfdfdf; }

/* Images */ .portable-infobox .pi-image img { max-width: 250px; }

/* Data (Should affect desktop only) */ .skin-fandomdesktop .portable-infobox .pi-data-label { flex-basis: 100px; } .skin-fandomdesktop .portable-infobox.pi-theme-film .pi-data-label { flex-basis: 115px; }

/* Fix title */ .portable-infobox.type-title { border: none; background: none; padding: 0; margin-bottom: 0; }

/* Mobile compatibility */ .skin-fandommobile .portable-infobox { width: 100%; }

/* Set min width instead of width for infobox images (may or may not be allowed) */ .wiki-page-header__hero-image img { min-width: calc(50vw - 1.5rem); width: auto !important; }