MediaWiki:Common.css

/* Custom Tabbers */ text-align: center; }
 * 1) mw-content .tabbernav{

.tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: #f8f8f8; border: 1px solid #eee !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 10px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: black !important; background: #eee !important; }

/* Character Color Links */

/* SOARA Links */ a[href|="/wiki/Category:SOARA"], a:visited[href|="/wiki/Category:SOARA"] {  color:#181B60; } a[href|="/wiki/SOARA"], a:visited[href|="/wiki/SOARA"] {  color:#181B60; } a[href|="/wiki/Ohara_Sora"], a:visited[href|="/wiki/Ohara_Sora"] {  color:#1FAFEA; } a[href|="/wiki/Arihara_Morihito"], a:visited[href|="/wiki/Arihara_Morihito"] {  color:#81BB33; } a[href|="/wiki/Kagurazaka_Soshi"], a:visited[href|="/wiki/Kagurazaka_Soshi"] {  color:#F9BD2B; } a[href|="/wiki/Munakata_Ren"], a:visited[href|="/wiki/Munakata_Ren"] {  color:#2480C1; } a[href|="/wiki/Nanase_Nozomu"], a:visited[href|="/wiki/Nanase_Nozomu"] {  color:#E50A22; } a[href|="/wiki/Wakatsuki_Hinata"], a:visited[href|="/wiki/Wakatsuki_Hinata"] {  color:#CCA07A; }

/* Growth Links */ a[href|="/wiki/Category:Growth"], a:visited[href|="/wiki/Category:Growth"] {  color:#18A199; } a[href|="/wiki/Growth"], a:visited[href|="/wiki/Growth"] {  color:#18A199; } a[href|="/wiki/Eto_Koki"], a:visited[href|="/wiki/Eto_Koki"] {  color:#4685A8; } a[href|="/wiki/Yaegashi_Kensuke"], a:visited[href|="/wiki/Yaegashi_Kensuke"] {  color:#EF8320; } a[href|="/wiki/Sakuraba_Ryota"], a:visited[href|="/wiki/Sakuraba_Ryota"] {  color:#EA6F91; } a[href|="/wiki/Fujimura_Mamoru"], a:visited[href|="/wiki/Fujimura_Mamoru"] {  color:#A677AE; } a[href|="/wiki/Mochiduki_Minato"], a:visited[href|="/wiki/Mochiduki_Minato"] {  color:#174238; }

/* SolidS Links */ a[href|="/wiki/Category:SolidS"], a:visited[href|="/wiki/Category:SolidS"] {  color:#731829; } a[href|="/wiki/SolidS"], a:visited[href|="/wiki/SolidS"] {  color:#731829; } a[href|="/wiki/Takamura_Shiki"], a:visited[href|="/wiki/Takamura_Shiki"] {  color:#7B5CA0; } a[href|="/wiki/Okui_Tsubasa"], a:visited[href|="/wiki/Okui_Tsubasa"] {  color:#F0CD31; } a[href|="/wiki/Sera_Rikka"], a:visited[href|="/wiki/Sera_Rikka"] {  color:#D6348A; } a[href|="/wiki/Murase_Dai"], a:visited[href|="/wiki/Murase_Dai"] {  color:#467CBC; } a[href|="/wiki/Haiduki_Fumihiko"], a:visited[href|="/wiki/Haiduki_Fumihiko"] {  color:#878B96; }

/* QUELL Links */ a[href|="/wiki/Category:QUELL"], a:visited[href|="/wiki/Category:QUELL"] {  color:#5DBCD2; } a[href|="/wiki/QUELL"], a:visited[href|="/wiki/QUELL"] {  color:#5DBCD2; } a[href|="/wiki/Izumi_Shu"], a:visited[href|="/wiki/Izumi_Shu"] {  color:#A4CDEB; } a[href|="/wiki/Horimiya_Eichi"], a:visited[href|="/wiki/Horimiya_Eichi"] {  color:#C3D63F; } a[href|="/wiki/Kuga_Issei"], a:visited[href|="/wiki/Kuga_Issei"] {  color:#0D3082; } a[href|="/wiki/Kuga_Ichiru"], a:visited[href|="/wiki/Kuga_Ichiru"] {  color:#D61223; } a[href|="/wiki/Yuduki_Hiro"], a:visited[href|="/wiki/Yuduki_Hiro"] {  color:#F8FA59; }

/* Character Color Links End */

/* Infobox Styling */


 * root {

--theme-infobox-main-color: #2e2b24; --theme-infobox-main-accent-color:#474646; --theme-infobox-background-color: #FFFFFF; }


 * root  { --theme-color-character-color: inherit; }
 * root  { --theme-color-character-color: #CC9426; }
 * root .pi-theme-soara-color { --theme-color-character-color: #181B60; }
 * root .pi-theme-sora-color { --theme-color-character-color: #1FAFEA; }
 * root .pi-theme-mori-color { --theme-color-character-color: #81BB33; }
 * root .pi-theme-soshi-color { --theme-color-character-color: #F9BD2B; }
 * root .pi-theme-ren-color { --theme-color-character-color: #2480C1; }
 * root .pi-theme-nozomu-color { --theme-color-character-color: #E50A22; }
 * root .pi-theme-wakatsuki-color { --theme-color-character-color: #CCA07A; }
 * root .pi-theme-growth-color { --theme-color-character-color: #18A199; }
 * root .pi-theme-koki-color { --theme-color-character-color: #4685A8; }
 * root .pi-theme-ken-color { --theme-color-character-color: #EF8320; }
 * root .pi-theme-ryota-color { --theme-color-character-color: #EA6F91; }
 * root .pi-theme-mamoru-color { --theme-color-character-color: #A677AE; }
 * root .pi-theme-minato-color { --theme-color-character-color: #174238; }
 * root .pi-theme-solids-color { --theme-color-character-color: #731829; }
 * root .pi-theme-shiki-color { --theme-color-character-color: #7B5CA0; }
 * root .pi-theme-tsubasa-color { --theme-color-character-color: #F0CD31; }
 * root .pi-theme-rikka-color { --theme-color-character-color: #D6348A; }
 * root .pi-theme-dai-color { --theme-color-character-color: #467CBC; }
 * root .pi-theme-haiduki-color { --theme-color-character-color: #878B96; }
 * root .pi-theme-quell-color { --theme-color-character-color: #5DBCD2; }
 * root .pi-theme-shu-color { --theme-color-character-color: #A4CDEB; }
 * root .pi-theme-eichi-color { --theme-color-character-color: #C3D63F; }
 * root .pi-theme-issei-color { --theme-color-character-color: #0D3082; }
 * root .pi-theme-ichiru-color { --theme-color-character-color: #D61223; }
 * root .pi-theme-yuduki-color { --theme-color-character-color: #F8FA59; }

.portable-infobox.pi-background:not(.pi-theme-lyrics):not(.type-left):not(.type-right) { margin-right: 8px; margin-left: 8px; margin-bottom: 15px; position: relative; padding-top: 5px; background: var(--theme-infobox-background-color); border: solid 3px var(--theme-color-character-color); }

.portable-infobox.pi-background:not(.pi-theme-lyrics):not(.type-left):not(.type-right)::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; pointer-events: none; }

.portable-infobox.pi-background:not(.pi-theme-lyrics):not(.type-left):not(.type-right)::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; pointer-events: none; opacity: 0.2; }

/* Spacing */ .portable-infobox .pi-item-spacing { padding: 6px 15px; }

.portable-infobox .wds-tabs__wrapper { padding: 0px 15px; }

/* Title */ .portable-infobox .pi-title { background: none !important; color: var(--theme-infobox-main-color); padding: 7px; position: relative; text-align: center !important; }

.portable-infobox .pi-title .infobox-char-name { position: relative; text-decoration: none; background-size: 100% 0.45em; }

/* Data */ .portable-infobox .pi-border-color { border-color: var(--theme-color-character-color); }

/* Image */ .portable-infobox .pi-image { border-radius: 5px; overflow: hidden; margin: 10px; }

/* Group */ .portable-infobox .pi-horizontal-group-item { padding: 4px; border: solid 1px #0C195C11; }

.portable-infobox .pi-horizontal-group { border-bottom: solid 1px #0C195C11 !important; }

/* Header */ .portable-infobox .pi-header { padding: 10px 15px; text-align: left !important; background-color: var(--theme-infobox-main-light-color); color: var(--theme-infobox-main-color); border: none; }

/* Navigation */ .portable-infobox .pi-navigation { background-color: unset; color: unset; }

/* Panel */ .wds-tabs__tab.wds-is-current { box-shadow: inset 0 -5px 0 0 var(--theme-infobox-accent-color); }

/*** start of Template:Infobox Character ***/ .portable-infobox[data-item-name|="Infobox Character"] { width: 300px; }

.portable-infobox [data-item-name="character-era-select"] .wds-tab__content h2:nth-child(2), .portable-infobox [data-item-name="character-era-select"] .wds-tab__content h2:nth-child(4) { background: transparent; }

.portable-infobox [data-item-name="character-era-select"] .wds-tab__content .pi-horizontal-group img { max-width: 100%; height: auto; }

.portable-infobox[data-item-name="Infobox Character !!"] h2:nth-child(2), .portable-infobox[data-item-name="Infobox Character !!"] h2:nth-child(4) { background: transparent; }

.portable-infobox[data-item-name="Infobox Character !!"] .pi-horizontal-group img { max-width: 100%; height: auto; }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper .wds-tabs__tab.wds-is-current { background-color: var(--theme-infobox-main-color); color: var(--theme-infobox-background-color); }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper .wds-tabs__tab .wds-tabs__tab-label { font: 900 italic 17px Montserrat, 'Noto Sans JP', sans-serif; margin: 0px; display: block; }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper { margin: 5px 0px 0px; text-align: right; }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper .wds-tabs { display: inline-flex; align-items: center; }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper .wds-tabs__tab { width: 30px; height: 25px; border-radius: 5px; text-align: center; background-color: transparent; border: solid 2px var(--theme-infobox-main-color); overflow: hidden; box-shadow: none; }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper .wds-tabs .wds-tabs__tab:first-child { margin-right: 0.4em; }

.portable-infobox [data-item-name="character-era-select"] > .wds-tabs__wrapper .wds-tabs::before { content: 'View profile from '; margin-right: 6px; color: var(--theme-infobox-main-color); vertical-align: middle; }

/*** end of Template:Infobox Character ***/

.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: 'Noto Sans TC', sans-serif; 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; }