MediaWiki:Infobox.css

/* CSS for the wiki's infoboxes - Inspired by Wookieepedia and Harry Potter Wiki */ .portable-infobox { width: 250px; border: none; } .portable-infobox.pi-background { background: none; } .portable-infobox .pi-border-color { border: none; }

/* Data background colors */ .portable-infobox .pi-data:nth-child(even) { background-color: #f0f0f0; } .portable-infobox .pi-data:nth-child(odd) { background-color: #f9f9f9; }

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

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

.portable-infobox .pi-header { color: black; text-align: left; font-size: 12px !important; padding: 4px !important; font-weight: 500 !important; line-height: 1.5; }

/* Unbolding labels */ .portable-infobox .pi-data-label { font-weight: normal !important; font-size: 11px !important; flex-basis: auto; width: 40%; align-items: center; padding: 0; } .portable-infobox .pi-data-value { font-size: 11px; flex-basis: auto; width: 60%; align-items: center; }

/* Navigation */ .portable-infobox .pi-navigation { text-align: center; font-weight: 500; font-size: 11px; line-height: 1.5; } .portable-infobox .pi-navigation { /* Bottom rounded corners */ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .portable-infobox .pi-navigation .selflink { font-weight: 500; }

/* Remove padding */ .portable-infobox .pi-horizontal-group-item.pi-data-label { padding-bottom: 0; } .portable-infobox .pi-horizontal-group-item.pi-data-value { padding-top: 0; }

/* Dark theme background colors */ .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(even) { background-color: rgba(255,255,255,.16); } .theme-fandomdesktop-dark .portable-infobox .pi-data:nth-child(odd) { background-color: rgba(255,255,255,.08); }

/* Fix spacing */ /** Person **/ .portable-infobox.pi-theme-person .pi-data-label { width: 30%; } .portable-infobox.pi-theme-person .pi-data-value { width: 70%; } /** Series **/ .portable-infobox.pi-theme-series .pi-data-label { width: 36%; } .portable-infobox.pi-theme-series .pi-data-value { width: 64%; }

/* Enhance logo visibility on light theme */ .theme-fandomdesktop-light .portable-infobox .pi-image img[data-image-name="Nickelodeon Logo (2023).svg"] { background-color: #f0f0f0; }

/* Slightly reduce external link size in infoboxes */ .portable-infobox .pi-data:not( .plainlinks) a.external::after { mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 72' width='12px' height='12px'%3E%3Cpath d='M 43 12 C 40.791 12 39 13.791 39 16 C 39 18.209 40.791 20 43 20 L 46.34375 20 L 35.171875 31.171875 C 33.609875 32.733875 33.609875 35.266125 35.171875 36.828125 C 35.951875 37.608125 36.977 38 38 38 C 39.023 38 40.048125 37.608125 40.828125 36.828125 L 52 25.65625 L 52 29 C 52 31.209 53.791 33 56 33 C 58.209 33 60 31.209 60 29 L 60 16 C 60 13.791 58.209 12 56 12 L 43 12 z M 23 14 C 18.037 14 14 18.038 14 23 L 14 49 C 14 53.962 18.037 58 23 58 L 49 58 C 53.963 58 58 53.962 58 49 L 58 41 C 58 38.791 56.209 37 54 37 C 51.791 37 50 38.791 50 41 L 50 49 C 50 49.551 49.552 50 49 50 L 23 50 C 22.448 50 22 49.551 22 49 L 22 23 C 22 22.449 22.448 22 23 22 L 31 22 C 33.209 22 35 20.209 35 18 C 35 15.791 33.209 14 31 14 L 23 14 z'/%3E%3C/svg%3E"); -webkit-mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 70' width='14px' height='14px'%3E%3Cpath d='M 43 12 C 40.791 12 39 13.791 39 16 C 39 18.209 40.791 20 43 20 L 46.34375 20 L 35.171875 31.171875 C 33.609875 32.733875 33.609875 35.266125 35.171875 36.828125 C 35.951875 37.608125 36.977 38 38 38 C 39.023 38 40.048125 37.608125 40.828125 36.828125 L 52 25.65625 L 52 29 C 52 31.209 53.791 33 56 33 C 58.209 33 60 31.209 60 29 L 60 16 C 60 13.791 58.209 12 56 12 L 43 12 z M 23 14 C 18.037 14 14 18.038 14 23 L 14 49 C 14 53.962 18.037 58 23 58 L 49 58 C 53.963 58 58 53.962 58 49 L 58 41 C 58 38.791 56.209 37 54 37 C 51.791 37 50 38.791 50 41 L 50 49 C 50 49.551 49.552 50 49 50 L 23 50 C 22.448 50 22 49.551 22 49 L 22 23 C 22 22.449 22.448 22 23 22 L 31 22 C 33.209 22 35 20.209 35 18 C 35 15.791 33.209 14 31 14 L 23 14 z'/%3E%3C/svg%3E"); padding-right: 14px; }