MediaWiki:Infobox.css

/* This Infobox is inspired by Wookieepedia and Harry Potter Wiki */ /* Infobox styling and layout */ .portable-infobox { border: none; width: 250px; float: right; clear: right; } .portable-infobox.pi-background { background: none; }

/* Constant padding */ .portable-infobox .pi-item-spacing { padding: 4px; }

/* Removing padding on the previous/next tabs */ .portable-infobox .pi-horizontal-group .pi-data-label { padding-bottom: 0; } .portable-infobox .pi-horizontal-group .pi-data-value { padding-top: 0; }

/* Alternate row colors */ .portable-infobox .pi-data:nth-child(odd) { background-color: var(--general-bg-color-1); } .portable-infobox .pi-data:nth-child(even) { background-color: var(--general-bg-color-2); }

/* Removing border */ .portable-infobox .pi-border-color { border: none; }

/* Field labels */ .portable-infobox .pi-data-label { flex-basis: auto; width: 40%; }

/* Field values */ .portable-infobox .pi-data-value { width: 60%; }

/* Title and header settings */ .portable-infobox .pi-title { background-color: #aaa; color: white; padding: 4px !important; font-size: 14px !important; font-weight: 500 !important; line-height: 1.5; } .portable-infobox .pi-header { background-color: #dfdfdf; padding: 4px !important; font-size: 12px !important; font-weight: 500 !important; line-height: 1.5; text-align: left; }

/* Removing Infobox captions */ .portable-infobox .pi-caption { display: none; } .portable-infobox .pi-secondary-background.pi-secondary-font { color: black; } .portable-infobox .pi-horizontal-group .pi-header { text-align: center; }

/* Data settings */ .portable-infobox .pi-data-label { font-weight: normal !important; }

/* Bottom rounded corners */ .portable-infobox .pi-navigation:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; font-size: 12px; line-height: 15px; font-weight: 500; }