MediaWiki:Infobox.css

/* Portable Infoboxes - adding here temporarily to fix them on FandomDesktop without breaking them on Oasis */

/* General Styling for Portable Infobox */ .portable-infobox { width: 295px; border: 3px solid #891100 !important; border-radius: 10px; background: var(--theme-page-background-color); }

.portable-infobox .pi-header, .portable-infobox .pi-title { border-radius: 15px; }

.portable-infobox .pi-image-collection { margin: 2px; }

.portable-infobox .pi-image-collection-tabs { text-align: center; background: transparent; display: flex; flex-wrap: wrap-reverse; justify-content: center; }

.portable-infobox .pi-item.pi-image { display:flex; flex-direction: column-reverse; margin: 2px; }

.portable-infobox .pi-collapse-closed > *:nth-child(n+2) { display:none; }

.portable-infobox .pi-image-collection-tab-content .pi-item.pi-image { margin: auto; }

.portable-infobox .pi-image figcaption.pi-caption, .portable-infobox .pi-tab-link.pi-item-spacing { font-size: 9px; border: 1px solid crimson; /* to be overridden by more specific rules if necessary */ border-bottom: 0px; padding: 2px 5.5px; border-radius: 5px 5px 0 0; line-height: normal; margin-bottom: 0; margin-top: 0; }

.portable-infobox .pi-image figcaption.pi-caption { margin-left: auto; margin-right: auto; text-align: center; min-width: 35%; }

.portable-infobox .pi-tab-link.pi-item-spacing { margin-left: 3px; margin-right: 1.2px; max-width: none; }

.portable-infobox .pi-image figcaption.pi-caption, .portable-infobox .pi-image-collection-tabs .current { background-color: crimson; color: white; }

.portable-infobox .pi-image a.image-thumbnail { border: 1px solid crimson; border-right: 2px solid crimson; border-bottom: 2px solid crimson; border-radius: 8px; padding: 2px 0.5em; }

.portable-infobox .pi-image img.pi-image-thumbnail, .portable-infobox .pi-image-collection-tab-content img { max-width: 275px; height: auto; }

.portable-infobox .pi-item-spacing { margin: 1px; padding: 0; }

.portable-infobox .pi-title { font-size: 100%; color: #ffffff; border-radius: 5px; text-shadow: 3px 3px 3px #333333; background: #891100; padding: 5px; }

.portable-infobox .pi-header { border-radius: 5px; padding: 5px; color: #ffffff; background: #891100; text-align: center; vertical-align: middle; font-size: 85%; line-height: 1em; }

.portable-infobox .pi-data .pi-data-label { flex-basis: 35%; padding: 3px 3px 3px 5px; border-radius: 3px; vertical-align: middle; background: #891100; color: #ffffff; font-weight: normal; font-size: 75%; }

.portable-infobox table.pi-horizontal-group { border-spacing: 2px 0; border-collapse: separate; }

.portable-infobox .pi-horizontal-group-item.pi-data-label { padding-left: 3px; border-radius: 3px; background: #891100; color: #ffffff; font-weight: normal; font-size: 75%; vertical-align: middle; }

.portable-infobox .pi-data .pi-data-value { margin-top: auto; padding: 3px; flex-basis: 60%; flex-grow: 2; font-size: 75%; margin-right: 3px; margin-left: 3px; }

.portable-infobox .pi-data-value { text-align: right; border-bottom: 1px solid #891100; background: var(--theme-page-background-color); }

.portable-infobox .pi-data-value li { text-align: left; }

/** Infobox tab adjustments (FandomDesktop)**/ .portable-infobox .wds-tabber, .portable-infobox .wds-tabber .wds-tab__content.wds-is-current { background: var(--theme-page-background-color) !important; border-radius: 7px; } .portable-infobox .pi-item.pi-image { margin: 2px -2px -1px; } .pi-caption { font-style: unset; }

/** Tabber - first level **/ .portable-infobox .pi-item.wds-tabber .wds-tab__content { border: none !important; padding: 0; } .portable-infobox .pi-item.wds-tabber .wds-tabs__tab-label { color: var(--theme-link-color); padding: 0 9px 17px; font-family: "Segoe UI",'Helvetica Neue',Helvetica,Arial,sans-serif; margin: 0 11px; } .portable-infobox .pi-item.wds-tabber .wds-is-current .wds-tabs__tab-label { border-bottom: 2px solid var(--theme-link-color); padding-top: 3px; } .portable-infobox .pi-item.wds-tabber .wds-tabs__wrapper { text-align: center; padding-top: 10px; }

/** Tabber - second level **/ .pi-image-collection span.wds-tabs__tab-label { font-size: 9px; border-bottom: none !important; border-radius: 5px 5px 0 0 !important; border: 1px solid #dd3c3c; padding: 0 5px !important; } .theme-fandomdesktop-light .pi-image-collection span.wds-tabs__tab-label { color: #3A3A3A !important; } .theme-fandomdesktop-dark .pi-image-collection span.wds-tabs__tab-label { color: #CECECE !important; } .pi-image-collection .wds-is-current span.wds-tabs__tab-label { font-weight: bold; color: #FFF !important; background: #dd3c3c; padding-bottom: 1px !important; } .pi-image-collection .wds-tabs__wrapper { text-align: center; padding-top: 0 !important; } .pi-image-collection .wds-tab__content { padding: 2px 0 0 !important; margin: -6px -1px -1px !important; } .portable-infobox .pi-image-collection { margin: 0 -4px -1px -3px; } .pi-image-collection .wds-tabs__tab-label { height: 16px !important; margin: 0 2px !important; font-family: "Segoe UI",'Helvetica Neue',Helvetica,Arial,sans-serif !important; letter-spacing: 1px !important; }

/* Title Icons */

.box.titleicons { top: 0.75em; right: 5.25em; } .page-header__categories { padding-right: 15%; }

/* Dark Theme Modifications */

/** Parent tab - non current tabs **/ .theme-fandomdesktop-dark .parenttab-inactive { background-color: #7a384c !important; border-color: #7a384c !important; }