MediaWiki:Infobox.css

/* Credits to Wookieepedia and Harry Potter Wiki */ .portable-infobox { width: 250px; background: none; border: 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-bottom-style: none; border-left-style: none; } .portable-infobox .pi-data { border-top: none; } /* Standardized padding for infobox elements */ .portable-infobox .pi-item-spacing { padding: 4px; } /* Title field */ .portable-infobox .pi-title { padding: 4px !important; font-size: 14px !important; font-weight: 500 !important; color: #FFFFFF; text-align: center; line-height: 1.5; } /* Secondary font - section headers and labels */ .portable-infobox .pi-secondary-font { font-size: 11px; line-height: 1.5; text-align: left; } .portable-infobox .pi-secondary-font.pi-header { color: black; }

.portable-infobox .pi-header { padding: 4px !important; font-weight: 500 !important; font-size: 12px !important; } /* Field labels */ .portable-infobox .pi-data-label { font-weight: normal !important; padding: 0; font-size: 11px !important; line-height: 1.5; } .pi-data .pi-data-label { flex-basis: auto; align-items: center; width: 40%; } /* Field values */ .portable-infobox .pi-data-value { font-size: 11px; 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.5; } /* Bottom rounded corners */ .portable-infobox.pi-navigation:last-child, .portable-infobox .pi-navigation:last-child { border-radius: 0 0 10px 10px; text-align: center; font-weight: 500 !important; } /* Image handling; giving this the same style as  .infoboximage img in Common.css */ .pi-image img { max-width: 100%; height: auto; } /* Fix alignment of lists in horizontal rows */ .pi-horizontal-group-item.pi-data-value { text-align: left; background-color: var(--general-bg-color-1); } .pi-horizontal-group-item.pi-data-label { display: table-cell; border-bottom: #bfdaeb 1px solid !important; background-color: var(--general-bg-color-2); }