MediaWiki:Theme.css

/** Infobox **/ .portable-infobox { background-color: transparent; border: 1px solid #333441; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; width: 300px; background: url("https://vignette.wikia.nocookie.net/argo-bdp/images/9/91/Pi_bg.png"); background-repeat: repeat; background-size: contain; }

.portable-infobox .pi-item-spacing { padding: 4px 5px; }

.portable-infobox .pi-image-collection-tab-content { background: none; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background-color: #0280d9; color: #ffffff; text-align: center; text-shadow: 3px 3px 3px #000000; background-image: url("https://static.wikia.nocookie.net/argo-bdp/images/c/c9/Bg_pattern.png"); background-position: center; }

.portable-infobox .pi-title { font-size: 20px; font-weight: bold; line-height: 25px; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; }

.portable-infobox .pi-header { font-size: 15px; line-height: 20px; }

.portable-infobox .pi-image-collection-tabs { display: flex; flex-flow: row wrap; justify-content: center; margin: 5px 0 0; }

.portable-infobox .pi-image-collection-tabs li { background: #f8f8f8; border: none; box-sizing: border-box; color: #999; font-size: 12px; line-height: 18px; flex: 1 0 auto; margin: 0; }

.portable-infobox .pi-image-collection-tabs li.current, .portable-infobox .pi-image-collection-tabs li:hover { background: #0280d9; color: white; font-weight: normal; transition: all 0.15s; }

.portable-infobox .pi-data-label { color: inherit; }

.portable-infobox .pi-data, .portable-infobox .pi-group { border: none; }

.portable-infobox .pi-section-label { font-size: 10px; font-weight: 600; height: 25px; }

/* PI Theme Colors */ .pi-theme-Argonavis .pi-title, .pi-theme-Argonavis .pi-header, .pi-theme-Argonavis .pi-secondary-background, .pi-theme-Argonavis .pi-image-collection-tabs li.current, .pi-theme-Argonavis .pi-image-collection-tabs li:hover { background-color: #00a0ff; } /* Argonavis */

.pi-theme-Gyroaxia .pi-title, .pi-theme-Gyroaxia .pi-header, .pi-theme-Gyroaxia .pi-secondary-background, .pi-theme-Gyroaxia .pi-image-collection-tabs li.current, .pi-theme-Gyroaxia .pi-image-collection-tabs li:hover, .pi-theme-GYROAXIA .pi-title, .pi-theme-GYROAXIA .pi-header, .pi-theme-GYROAXIA .pi-secondary-background, .pi-theme-GYROAXIA .pi-image-collection-tabs li.current, .pi-theme-GYROAXIA .pi-image-collection-tabs li:hover { background-color: #d70a30; } /* GYROAXIA */

.pi-theme-Fantome-Iris .pi-title, .pi-theme-Fantome-Iris .pi-header, .pi-theme-Fantome-Iris .pi-secondary-background, .pi-theme-Fantome-Iris .pi-image-collection-tabs li.current, .pi-theme-Fantome-Iris .pi-image-collection-tabs li:hover { background-color: #8e274c; } /* Fontome Iris */

.pi-theme-Fujin-Rizing .pi-title, .pi-theme-Fujin-RIZING .pi-title, .pi-theme-Fujin-Rizing .pi-header, .pi-theme-Fujin-RIZING .pi-header, .pi-theme-Fujin-Rizing .pi-secondary-background, .pi-theme-Fujin-RIZING .pi-secondary-background, .pi-theme-Fujin-Rizing .pi-image-collection-tabs li.current, .pi-theme-Fujin-RIZING .pi-image-collection-tabs li.current, .pi-theme-Fujin-Rizing .pi-image-collection-tabs li:hover, .pi-theme-Fujin-RIZING .pi-image-collection-tabs li:hover { background-color: #ffbf0d; } /* Fujin RIZING! */

.pi-theme-Epsilon-Phi .pi-title, .pi-theme-Epsilon-Phi .pi-header, .pi-theme-Epsilon-Phi .pi-secondary-background, .pi-theme-Epsilon-Phi .pi-image-collection-tabs li.current, .pi-theme-Epsilon-Phi .pi-image-collection-tabs li:hover { background-color: #b73e91; } /* εpsilonΦ */

/* PI BG */ .pi-theme-Argonavis { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/2/29/Argonavis_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Gyroaxia, .pi-theme-GYROAXIA { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/4/48/GYROAXIA_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Fantome-Iris { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/1/1d/Fantome_Iris_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Fujin-Rizing, .pi-theme-Fujin-RIZING { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/d/d3/Fujin_RIZING_BG.png"); background-repeat: repeat; background-size: contain; } .pi-theme-Epsilon-Phi { background: linear-gradient(rgba(16, 38, 61,0.5),rgba(16, 38, 61.5)), url("https://vignette.wikia.nocookie.net/argo-bdp/images/b/b6/%CE%95psilon%CE%A6_BG.png"); background-repeat: repeat; background-size: contain; }

/** Lyrics **/ .pi-theme-lyrics.portable-infobox { width: auto; float: none; transition-duration: 0.3s; border-style: solid; border-width: .1875vw; border-color: #dbfff0; border-radius: 1.5625vw; background: transparent; } .pi-theme-lyrics .pi-data { width: 90%; margin: 0 auto; } .pi-theme-lyrics .pi-navigation { background:transparent; font-size: 13px; font-weight: bold; }

.pi-theme-lyrics.portable-infobox .pi-header { display: none; } .pi-theme-lyrics .pi-data-value { font-size: 14px; width: 100%; text-align: center; }