MediaWiki:Infobox.css

/* CSS for the wiki's infoboxes */ /* Credits to Wookieepedia and Harry Potter Wiki, with some modifications */ .portable-infobox { width: 250px; border: none; } .portable-infobox.pi-background { background: none; } /* Adjusts reference size */ .portable-infobox .reference, .refadjust .reference { font-size: 7.5px; line-height: 1.5; } /* Alternating row colors; Colors taken directly from the original, non-PI infoboxes */ .portable-infobox .pi-data:nth-child(even) { background-color: var(--general-bg-color-2); } .portable-infobox .pi-data:nth-child(odd) { background-color: var(--general-bg-color-1); }

/* Eliminate border between rows */ .portable-infobox .pi-border-color { border: none; } /* Standardized padding for infobox elements */ .portable-infobox .pi-item-spacing { padding: 4px; } /* Title field */ .portable-infobox .pi-title { font-size: 14px !important; font-weight: 500 !important; text-align: center; line-height: 1.5; padding:4px !important; } /* Secondary font - section headers and labels */ .portable-infobox .pi-secondary-font { font-size: 12px; line-height: 1.5; } .portable-infobox .pi-header { padding:4px !important; font-weight:500 !important; font-size:12px !important; } .portable-infobox .pi-secondary-font.pi-header { color: black; text-align: left; } /* Field labels */ .portable-infobox .pi-data-label { font-weight: normal !important; padding: 0; } .pi-data .pi-data-label { flex-basis :auto; align-items: center; width: 40%; } /* Field values */ .portable-infobox .pi-data-value { font-size: 12px; line-height: 1.5; } .pi-data .pi-data-value { flex-basis :auto; align-items: center; width: 60% } .portable-infobox .pi-data-value li { line-height: 1.5em; } /* Bottom rounded corners */ .portable-infobox.pi-navigation:last-child, .portable-infobox .pi-navigation:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; } /* Image handling; giving this the same style as  .infoboximage img in Common.css */ .pi-image img { max-width: 100%; height: auto; background-color: var(--pi-bg-color--alternate); } /* Fix alignment of lists in horizontal rows */ .pi-horizontal-group-item.pi-data-value { text-align: left; background-color: var(--pi-bg-color); } .pi-horizontal-group-item.pi-data-label { display: table-cell; border-bottom: #bfdaeb 1px solid !important; background-color: var(--pi-bg-color--alternate); }