MediaWiki:Infobox.css

/* Base infobox design */ .portable-infobox { --pi-background: transparent; --pi-secondary-background: transparent; border-radius: 7px; } .pi-border-color { border-color: var(--theme-Frieren-accent-gold); } .pi-background { background-color: transparent; } .page-content .portable-infobox .pi-title { background: url(https://static.wikia.nocookie.net/frieren/images/5/51/Blue-moon_Weed_Infobox.png/revision/latest?cb=20230805052321) no-repeat right; background-size: cover; margin-top: 5px; padding-top: 16px; } .page-content .portable-infobox h2 { border-bottom: 5px double var(--theme-Frieren-accent-gold); border-image: url(https://static.wikia.nocookie.net/frieren/images/0/03/Divider.svg/revision/latest?cb=20230802073916) 50 / 5px; color: var(--theme-page-text-color); font-family: var(--theme-Frieren-font); text-shadow: var(--theme-page-background-color) 3px 0px 0px, var(--theme-page-background-color) 2.83487px 0.981584px 0px, var(--theme-page-background-color) 2.35766px 1.85511px 0px, var(--theme-page-background-color) 1.62091px 2.52441px 0px, var(--theme-page-background-color) 0.705713px 2.91581px 0px, var(--theme-page-background-color) -0.287171px 2.98622px 0px, var(--theme-page-background-color) -1.24844px 2.72789px 0px, var(--theme-page-background-color) -2.07227px 2.16926px 0px, var(--theme-page-background-color) -2.66798px 1.37182px 0px, var(--theme-page-background-color) -2.96998px 0.42336px 0px, var(--theme-page-background-color) -2.94502px -0.571704px 0px, var(--theme-page-background-color) -2.59586px -1.50383px 0px, var(--theme-page-background-color) -1.96093px -2.27041px 0px, var(--theme-page-background-color) -1.11013px -2.78704px 0px, var(--theme-page-background-color) -0.137119px -2.99686px 0px, var(--theme-page-background-color) 0.850987px -2.87677px 0px, var(--theme-page-background-color) 1.74541px -2.43999px 0px, var(--theme-page-background-color) 2.44769px -1.73459px 0px, var(--theme-page-background-color) 2.88051px -0.838247px 0px; } .page-content .portable-infobox .pi-header { padding-top: 16px; } .page-content .portable-infobox .pi-data-label { flex-basis: 120px; } .page-content .portable-infobox .pi-data-label:not(.pi-horizontal-group-item) { border-right: 1px solid rgba(var(--theme-Frieren-accent-gold--rgb), 0.5); } .pi-image img { padding: 5px; } .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs { font-family: var(--theme-Frieren-font); font-size: small; } .pi-data { border-top: none; border-bottom: 1px solid rgba(var(--theme-Frieren-accent-gold--rgb), 0.5); } .pi-data:last-child { border-bottom: none; } .pi-navigation { text-align: center; } .pi-navigation:last-child { background-color: var(--theme-accent-color); border-radius: 5px; margin: 3px; padding: 3px; } .pi-navigation:last-child a { color: black; font-size: small; } .pi-collapse .pi-header:first-child:after { background: var(--theme-page-background-color); box-shadow: var(--theme-page-background-color) 3px -3px 0px, var(--theme-page-background-color) 3px 0px 0px, var(--theme-page-background-color) 0px -3px 0px, var(--theme-page-background-color) -3px -3px 0px, var(--theme-page-background-color) 3px 3px 0px; margin-top: 0; } /* From w:c:myheroacademia:MediaWiki:Common.css, credit to User:Ursuul : Oasis infobox image tabs */ .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-left, .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs__arrow-right { display: none; }

.portable-infobox .pi-image-collection .wds-tabs__tab-label, .portable-infobox .pi-image-collection .wds-tabs__tab, .portable-infobox .pi-image-collection .wds-tabs { all: unset; }

.portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs { display: block; font-weight: bold; padding: 0 0.5em; text-align: center; }

.portable-infobox .pi-image-collection .wds-tabs__tab { font-size: smaller; color: var(--theme-page-text-color); }

.portable-infobox .pi-image-collection .wds-tabs__tab:not(:last-of-type):after { content: "·"; width: 1em; }

.portable-infobox .pi-image-collection .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label { color: var(--theme-link-color); cursor: pointer; }

/* Formatting for lyrics */ .portable-infobox.pi-theme-lyrics { float: none; margin: 0; width: 100%; } .portable-infobox.pi-theme-lyrics .pi-data-value { font-size: 14px; } /* Mimic tabber appearance for tabs */ .portable-infobox.pi-theme-lyrics .wds-tabs__wrapper .wds-tabs__arrow-left, .portable-infobox.pi-theme-lyrics .wds-tabs__wrapper .wds-tabs__arrow-right { display: none; } .portable-infobox.pi-theme-lyrics .wds-tabs__tab-label, .portable-infobox.pi-theme-lyrics .wds-tabs__tab, .portable-infobox.pi-theme-lyrics .wds-tabs { all: unset; display: inline-block; /* get rid of the space right after the label */ } .portable-infobox.pi-theme-lyrics .wds-tabs__wrapper .wds-tabs { display: block; font-weight: bold; margin: 0.5em; text-align: center; } .portable-infobox.pi-theme-lyrics .wds-tabs__tab { border: 3px double var(--theme-Frieren-accent-gold); border-bottom: 0; border-radius: 3px; margin: 0.5em; padding: 0.25em 1.25em; } .portable-infobox.pi-theme-lyrics .wds-tabs__tab.wds-is-current { pointer-events: none; } .portable-infobox.pi-theme-lyrics .wds-tabs__tab:not(.wds-is-current) .wds-tabs__tab-label { color: white; } .portable-infobox.pi-theme-lyrics .wds-tabs__tab:not(.wds-is-current) { background-color: var(--theme-Frieren-accent-gold); box-shadow: 0 0 8px var(--theme-Frieren-accent-gold); cursor: pointer; }