User:Rii.ul/common.css

.portable-infobox { padding: 3px; } .page-content .portable-infobox .pi-title, .page-content .portable-infobox .pi-header { background: url(https://static.wikia.nocookie.net/riiul-testing-wiki/images/4/42/Blue_moonweed2.png/revision/latest?cb=20220816173036) #b6eda8 no-repeat; background-size: cover; border-radius: 3px; color: #3a3a3a; font-family: 'Inknut Antiqua',rubik,helvetica,arial,sans-serif; padding: 10px; }

.page-content .portable-infobox .pi-header { margin: 3px 0; }

.portable-infobox .wds-tabber { background: url(https://static.wikia.nocookie.net/riiul-testing-wiki/images/4/42/Blue_moonweed2.png/revision/latest?cb=20220816173036) no-repeat; background-size: contain; margin-top: 3px; } .pi-image img { height: auto; width: auto; max-height: 400px; margin-top: 3px; } .pi-item-spacing { padding: 1px; } .page-content .portable-infobox .pi-data-label { background: #b6eda8; color: #3a3a3a; } .pi-data-label~.pi-data-value { padding: 0.5em 0; } .pi-caption, .pi-europa .pi-item-spacing.pi-caption { background: #b6eda8; font-size: 10px; font-style: italic; padding: 8px 0 12px 0; text-align: center; } .pi-navigation, .pi-europa .pi-navigation { background: #b6eda8; font-weight: bold; margin-bottom: 3px; padding: 3px; text-align: center; } .portable-infobox .pi-data-label, .pi-europa .pi-data-label { background: transparent; flex-basis: 120px; padding: 5px; } .pi-data-value, .pi-europa .pi-data-value { font-size: 11px; } .pi-europa .pi-data-value li { line-height: 12px; } .portable-infobox .pi-section-label { font-size: 12px; } .pi-europa .pi-horizontal-group .pi-data-label { background: transparent; padding: 5px; text-align: center; } .pi-europa .pi-horizontal-group .pi-data-value { padding: 5px; text-align: center; } .pi-europa .pi-horizontal-group-item:nth-child(odd) { background-color: transparent; } .pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: transparent; border-left: 1px solid #b6eda8; } .pi-europa .pi-horizontal-group .pi-horizontal-group-item:nth-child(2n) { background-color: transparent; } .pi-europa .pi-horizontal-group { margin-bottom: 3px; } .pi-horizontal-group-item.pi-data-value { padding-top: 5px; } .pi-navigation a, .pi-navigation a:active, .pi-navigation a:focus, .pi-navigation a:hover, .pi-europa .pi-navigation a { color: #3a3a3a; font-size: 75%; } /* UCP changes -- organize later */ .portable-infobox .pi-image-collection .wds-tabs__wrapper .wds-tabs { font-size: 0.75em; } /* From w:c:myheroacademia:MediaWiki:Common.css, credit to User:Ursuul */ .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; font-family: Arial; text-align: center; }

.portable-infobox .pi-image-collection .wds-tabs__tab { 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; } .portable-infobox .pi-panel .wds-tabs__wrapper .wds-tabs__arrow-left, .portable-infobox .pi-panel .wds-tabs__wrapper .wds-tabs__arrow-right { display: none; }

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

.portable-infobox .pi-panel .wds-tabs__wrapper .wds-tabs { display: block; font-weight: bold; font-family: Arial; text-align: center; } .portable-infobox .pi-panel .wds-tabs__tab { font-size: small; color: var(--wds-tab-color); margin: 10px; }

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