MediaWiki:Themes.css

/* Portable infobox styling */

/** Default infobox styling **/ .theme-fandomdesktop-light .portable-infobox { background: #f2f2f2; border: 1px solid #cccccc; padding: 5px; }

.theme-fandomdesktop-dark .portable-infobox { background: #3D323F; border: 1px solid #cccccc; padding: 5px; }

.portable-infobox .pi-border-color { border-color: transparent; } .portable-infobox .pi-title { font-size: 15px; font-style: italic; font-weight: bold; } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-image { display: flex; flex-flow: column nowrap; padding: 10px 0; } .portable-infobox .pi-caption { margin-top: -10px; order: 1; text-align: center; } .portable-infobox .pi-image .image:not(:only-child) { order: 2; } .portable-infobox .pi-image-collection { margin: 8px 0; } .portable-infobox .pi-image-collection .pi-image { padding: 10px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { font-weight: bold; padding: 0 6px; } .portable-infobox .pi-image-collection .pi-image-thumbnail { max-width: 100%; height: auto; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:nth-last-child(n+2) { margin-right: 5px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { border-color: transparent; border-radius: 5px 5px 0 0; } .portable-infobox .pi-data { overflow: initial; } .portable-infobox .pi-data-label { flex-basis: 120px; } .portable-infobox .pi-data-value dd { margin: 0; } .portable-infobox .pi-navigation { display: flex; font-size: 0; padding: 0; text-align: center; } .portable-infobox .pi-navigation a { border-left: 1px solid currentColor; color: inherit; display: flex; flex: 1 1 0; font-size: 12px; justify-content: center; padding: 5px 10px; }

/** Infobox theming **/ .pi-theme-wikia .pi-title, .pi-theme-wikia .pi-header, .pi-theme-wikia .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-wikia .pi-navigation, .pi-theme-love-live .pi-title, .pi-theme-love-live .pi-header, .pi-theme-love-live .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-wikia .pi-navigation { background: #fb4192; color: #fff; } .pi-theme-wikia .pi-image-collection-tabs .pi-tab-link, .pi-theme-love-live .pi-image-collection-tabs .pi-tab-link { background: hsla(334, 96%, 62%, 0.2); } .pi-theme-wikia .pi-image-collection .pi-image, .pi-theme-love-live .pi-image-collection .pi-image, .pi-theme-wikia .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-love-live .pi-image-collection-tabs .pi-tab-link.current { border: 1px solid #fb4092; } .pi-theme-sunshine .pi-title, .pi-theme-sunshine .pi-header, .pi-theme-sunshine .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-sunshine .pi-navigation { background: #4cc4ff; color: #fff; } .pi-theme-sunshine .pi-image-collection-tabs .pi-tab-link { background: hsla(200, 100%, 65%, 0.2); } .pi-theme-sunshine .pi-image-collection .pi-image, .pi-theme-sunshine .pi-image-collection-tabs .pi-tab-link.current { border: 1px solid #4dc3ff; } .pi-theme-perfect-dream .pi-title, .pi-theme-perfect-dream .pi-header, .pi-theme-perfect-dream .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-perfect-dream .pi-navigation { background: #f6b92e; color: #fff; } .pi-theme-perfect-dream .pi-image-collection-tabs .pi-tab-link { background: hsla(42, 92%, 57%, 0.2); } .pi-theme-perfect-dream .pi-image-collection .pi-image, .pi-theme-perfect-dream .pi-image-collection-tabs .pi-tab-link.current { border: 1px solid #f6b92e; }

.pi-theme-super-star .pi-title, .pi-theme-super-star .pi-header, .pi-theme-super-star .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-super-star .pi-navigation { background: #8C4794; color: #fff; } .pi-theme-super-star.pi-image-collection-tabs .pi-tab-link { background: hsla(42, 92%, 57%, 0.2); } .pi-theme-super-star .pi-image-collection .pi-image, .pi-theme-super-star .pi-image-collection-tabs .pi-tab-link.current { border: 1px solid #8C4794; }

.pi-theme-hasunosora .pi-title, .pi-theme-hasunosora .pi-header, .pi-theme-hasunosora .pi-image-collection-tabs .pi-tab-link.current, .pi-theme-hasunosora .pi-navigation { background: #FA92A3; color: #fff; } .pi-theme-hasunosora.pi-image-collection-tabs .pi-tab-link { background: hsla(42, 92%, 57%, 0.2); } .pi-theme-hasunosora .pi-image-collection .pi-image, .pi-theme-hasunosora .pi-image-collection-tabs .pi-tab-link.current { border: 1px solid #FA92A3; }