MediaWiki:Infobox.css

.portable-infobox { border-radius: 8px; border: 2px solid var(--theme-link-color); padding: 2px; background: transparent; } .page-content .portable-infobox .pi-title { font-size: 25px; line-height: 1.25; padding: 12px 9px; } .portable-infobox .pi-title { background-color: var(--theme-link-color); color: #fff; border-radius: 8px 8px 0 0; line-height: 20px; text-align: center; background-size: cover; background-position: center; font-weight: bold; } .page-content .portable-infobox .pi-header { font-size: 13px; line-height: 1.25; padding: 9px; font-family: Genshin; } .portable-infobox .pi-header { background-color: var(--theme-link-color); color: #fff !important; font-size: 15px; font-weight: normal; text-align: center; background-size: cover; background-position: center; font-weight: bold; } .portable-infobox .pi-data { flex-basis: 65%; transition: 0.2s } .theme-fandomdesktop-light .portable-infobox .pi-data:hover { background-color: rgb(208, 16, 27, 0.2); } .theme-fandomdesktop-dark .portable-infobox .pi-data:hover { background-color: rgb(208, 16, 27, 0.2); } .pi-border-color { border-color: var(--theme-link-color); }

/** Gallery **/ .pi-image-collection-tabs { display: flex; flex-direction: row; flex-wrap: wrap; } .pi-image-collection-tabs .pi-tab-link { border: 0; flex: 1 auto; } .pi-image-collection-tabs .pi-tab-link:hover, .pi-image-collection-tabs .current { background: var(--theme-link-color); } .pi-image-collection-tabs .current:hover { cursor: default; } .pi-image-collection-tab-content { background: transparent; } .pi-image { background: transparent; } ul.pi-image-collection-tabs { padding-bottom: 1px; }

/** Tabber **/ .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin: 2px; padding: 0; text-align: center; } .portable-infobox .pi-section-navigation { display: flex; flex-direction: row; } .portable-infobox .pi-section-label, .portable-infobox .pi-section-label:hover { color: #3a3a3a !important; } .pi-section-tab { text-align: center; } .portable-infobox .wds-tabs__tab, .pi-section-tab { border: 0; flex: 1 auto; } .pi-section-tab.pi-section-tab:hover, .pi-section-tab.pi-section-active { background: var(--theme-link-color); } .portable-infobox .pi-section-navigation:after, .portable-infobox .pi-section-navigation:before { width: 0; } .pi-section-tab.pi-section-active, .pi-section-tab.pi-section-active:hover { box-shadow: none; } .pi-section-navigation li { margin: 2px 0; max-width: 50% !important; } .portable-infobox .wds-tabs__tab-label, .pi-section-label { font-size: 14px; font-weight: normal; height: 30px; text-transform: none; } ul.pi-image-collection-tabs li { margin: 0; } .pi-section-tab:hover .pi-section-label { color: #3a3a3a; } .pi-image-collection-tabs .pi-tab-link { border-top: 2px solid var(--theme-link-color); }