MediaWiki:Themes.css

/* Infobox customization stylesheet bokunoheroacademia.wikia.com/wiki/MediaWiki:Themes.css */ /* Main styling */ .portable-infobox { border: 1px solid #666; padding: 2px; font-size: smaller; } .portable-infobox, .portable-infobox .pi-image-collection-tab-content { background: transparent; } .portable-infobox .pi-image-collection-tabs, .portable-infobox .pi-font, .portable-infobox .pi-secondary-font { font-size: 11px; } /** Data customization **/ .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; color: #fff; background: #ae3974; font-weight: bold; border-color: transparent; padding: 4px; } .portable-infobox .pi-title { font-size: 16px; } .portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; } .portable-infobox .pi-data { padding: 4px; } .portable-infobox .pi-border-color { border-color: #999; } /** Image customization **/ .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; margin: 0; padding: 0; color: #cc960e; font-weight: bold; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #222; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "|"; color: #222; font-weight: bold; width: 1em; padding-right: 3px } /** Navigation footer styling **/ .portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #ae3974; padding: 4px; } .portable-infobox .pi-navigation a { color: #000000; text-align: center; } /*---*/ /*--INFOBOX STYLING--*/ /*---*/ /*-*/ /*--GENERAL C--*/ /*-*/ .pi-theme-default, .pi-theme-company, .pi-theme-technology, .pi-theme-website, /*-*/ /*--VOCALOID1--*/ /*-*/ .pi-theme-kaito, .pi-theme-leon, .pi-theme-lola, .pi-theme-meiko, .pi-theme-miriam, /*-*/ /*--VOCALOID2--*/ /*-*/ .pi-theme-big-al, .pi-theme-camui-gackpo, .pi-theme-gumi, .pi-theme-hatsune-miku, .pi-theme-hiyama-kiyoteru, .pi-theme-kaai-yuki, .pi-theme-kagamine, .pi-theme-kagamine-len, .pi-theme-kagamine-rin, .pi-theme-lily, .pi-theme-megurine-luka, .pi-theme-nekomura-iroha, .pi-theme-prima, .pi-theme-ryuto, .pi-theme-sfa2-miki, .pi-theme-sonika, .pi-theme-sweet-ann, .pi-theme-tonio, .pi-theme-utatane-piko, .pi-theme-vy1, .pi-theme-vy2, /*-*/ /*--VOCALOID3--*/ /*-*/ .pi-theme-anon-kanon, .pi-theme-anon, .pi-theme-kanon, .pi-theme-aoki-lapis, .pi-theme-avanna, .pi-theme-bruno, .pi-theme-chika, .pi-theme-clara, .pi-theme-cul, .pi-theme-flower, .pi-theme-galaco, .pi-theme-ia, .pi-theme-kokone, .pi-theme-luo-tianyi, .pi-theme-macne-nana, .pi-theme-maika, .pi-theme-mayu, .pi-theme-merli, .pi-theme-mew, .pi-theme-oliver, .pi-theme-rana, .pi-theme-seeu, .pi-theme-tohoku-zunko, .pi-theme-tone-rion, .pi-theme-xin-hua, .pi-theme-yanhe, .pi-theme-yohioloid, .pi-theme-yuezheng-ling, .pi-theme-yuzuki-yukari, .pi-theme-zola-project, .pi-theme-yuu, .pi-theme-kyo, .pi-theme-wil, /*-*/ /*--VOCALOID4--*/ /*-*/ .pi-theme-arsloid, .pi-theme-cyber-diva, .pi-theme-cyber-songman, .pi-theme-daina, .pi-theme-dex, .pi-theme-fukase, .pi-theme-kizuna-akari, .pi-theme-kobayashi-matcha, .pi-theme-lumi, .pi-theme-macne-petit, .pi-theme-masaoka-azuki, .pi-theme-mirai-komachi, .pi-theme-mo-qingxian, .pi-theme-otomachi-una, .pi-theme-unity-chan, .pi-theme-ruby, .pi-theme-sachiko, .pi-theme-uni, .pi-theme-xingchen, .pi-theme-yuezheng-longya, .pi-theme-yumemi-nemu, .pi-theme-zhiyu-moke, /*-*/ /*--VOCALOID5--*/ /*-*/ .pi-theme-haruno-sora, .pi-theme-standard-vocals, .pi-theme-amy, .pi-theme-chris, .pi-theme-kaori, .pi-theme-ken, /**/ /*--UNRELEASED P--*/ /**/ .pi-theme-cangqiong, .pi-theme-cocorobo, .pi-theme-haiyi, .pi-theme-shian, .pi-theme-yao-luniang, .pi-theme-zing, /*-*/ /*--PRIVATE P--*/ /*-*/ .pi-theme-akikoloid-chan, .pi-theme-anri-rune, .pi-theme-hide, /*.pi-theme-ona,*/ .pi-theme-ueki-loid, .pi-theme-yuecheng, .pi-theme-zhang-chuchu, /*-*/ /*--RELATED P--*/ /*-*/ /*.pi-theme-akaza,*/ .pi-theme-ring-suzune, .pi-theme-zhanyin-lorra, .pi-theme-hibiki-lui, /*---*/ /*--DERIVATIVES--*/ /*---*/ .pi-theme-akita-neru, .pi-theme-calne-ca, .pi-theme-sakine-meiko, .pi-theme-yowane-haku, /**/ /*--SYNTHESIZERS--*/ /**/ .pi-theme-kasane-teto, .pi-theme-cevio, .pi-theme-chipspeech, .pi-theme-maidloid, .pi-theme-sing, .pi-theme-utau { border-color: #999; } /*-*/ /*--GENERAL C--*/ /*-*/ .pi-theme-default .pi-header, .pi-theme-default .pi-title, .pi-theme-default .pi-navigation, .pi-theme-default .pi-navigation a, [data-theme="default"] { background: #ae3974; color: #FFFFFF; } .pi-theme-company .pi-header, .pi-theme-company .pi-title, .pi-theme-company .pi-navigation, .pi-theme-company .pi-navigation a, [data-theme="company"] { background: #000000; color: #FFFFFF; } .pi-theme-technology .pi-header, .pi-theme-technology .pi-title, .pi-theme-technology .pi-navigation, .pi-theme-technology .pi-navigation a, [data-theme="technology"] { background: #808080; color: #FFFFFF; } .pi-theme-website .pi-header, .pi-theme-website .pi-title, .pi-theme-website .pi-navigation, .pi-theme-website .pi-navigation a, [data-theme="website"] { background: #C0C0C0; color: #FFFFFF; } /*-*/ /*--VOCALOID1--*/ /*-*/ .pi-theme-kaito .pi-header, .pi-theme-kaito .pi-title, .pi-theme-kaito .pi-navigation, .pi-theme-kaito .pi-navigation a, [data-theme="kaito"] { background: #0D3D74; color: #F9D951; } .pi-theme-leon .pi-header, .pi-theme-leon .pi-title, .pi-theme-leon .pi-navigation, .pi-theme-leon .pi-navigation a, [data-theme="leon"] { background: #15317E; color: #D4A017; } .pi-theme-lola .pi-header, .pi-theme-lola .pi-title, .pi-theme-lola .pi-navigation, .pi-theme-lola .pi-navigation a, [data-theme="lola"] { background: #7D0552; color: #D4A017; } .pi-theme-meiko .pi-header, .pi-theme-meiko .pi-title, .pi-theme-meiko .pi-navigation, .pi-theme-meiko .pi-navigation a, [data-theme="meiko"] { background: #9F0010; color: #F9D951; } .pi-theme-miriam .pi-header, .pi-theme-miriam .pi-title, .pi-theme-miriam .pi-navigation, .pi-theme-miriam .pi-navigation a, [data-theme="miriam"] { background: #C0C0C0; color: #516B82; } /*-*/ /*--VOCALOID2--*/ /*-*/ .pi-theme-big-al .pi-header, .pi-theme-big-al .pi-title, .pi-theme-big-al .pi-navigation, .pi-theme-big-al .pi-navigation a, [data-theme="big-al"] { background: #000000; color: #D40000; } .pi-theme-camui-gackpo .pi-header, .pi-theme-camui-gackpo .pi-title, .pi-theme-camui-gackpo .pi-navigation, .pi-theme-camui-gackpo .pi-navigation a, [data-theme="camui-gackpo"] { background: #9370DB; color: #87CEEB; } .pi-theme-gumi .pi-header, .pi-theme-gumi .pi-title, .pi-theme-gumi .pi-navigation, .pi-theme-gumi .pi-navigation a, [data-theme="gumi"] { background: #FFB24E; color: #249500; } .pi-theme-hatsune-miku .pi-header, .pi-theme-hatsune-miku .pi-title, .pi-theme-hatsune-miku .pi-navigation, .pi-theme-hatsune-miku .pi-navigation a, [data-theme="hatsune-miku"] { background: #95D2D3; color: #6E6E6E; } .pi-theme-hiyama-kiyoteru .pi-header, .pi-theme-hiyama-kiyoteru .pi-title, .pi-theme-hiyama-kiyoteru .pi-navigation, .pi-theme-hiyama-kiyoteru .pi-navigation a, [data-theme="hiyama-kiyoteru"] { background: #C0C0C0; color: #000080; } .pi-theme-kaai-yuki .pi-header, .pi-theme-kaai-yuki .pi-title, .pi-theme-kaai-yuki .pi-navigation, .pi-theme-kaai-yuki .pi-navigation a, [data-theme="kaai-yuki"] { background: #B30400; color: #EDDFEE; } .pi-theme-kagamine .pi-header, .pi-theme-kagamine .pi-title, .pi-theme-kagamine .pi-navigation, .pi-theme-kagamine .pi-navigation a, [data-theme="kagamine"] { background: #FDE910; color: #3B4745; } .pi-theme-kagamine-len .pi-header, .pi-theme-kagamine-len .pi-title, .pi-theme-kagamine-len .pi-navigation, .pi-theme-kagamine-len .pi-navigation a, [data-theme="kagamine-len"] { background: #FDD510; color: #696969; } .pi-theme-kagamine-rin .pi-header, .pi-theme-kagamine-rin .pi-title, .pi-theme-kagamine-rin .pi-navigation, .pi-theme-kagamine-rin .pi-navigation a, [data-theme="kagamine-rin"] { background: #FDE910; color: #708090; } .pi-theme-lily .pi-header, .pi-theme-lily .pi-title, .pi-theme-lily .pi-navigation, .pi-theme-lily .pi-navigation a, [data-theme="lily"] { background: #382A40; color: #89CFF0; } .pi-theme-megurine-luka .pi-header, .pi-theme-megurine-luka .pi-title, .pi-theme-megurine-luka .pi-navigation, .pi-theme-megurine-luka .pi-navigation a, [data-theme="megurine-luka"] { background: #F6C0D9; color: #243650; } .pi-theme-nekomura-iroha .pi-header, .pi-theme-nekomura-iroha .pi-title, .pi-theme-nekomura-iroha .pi-navigation, .pi-theme-nekomura-iroha .pi-navigation a, [data-theme="nekomura-iroha"] { background: #FD9FBC; color: #B40049; } .pi-theme-prima .pi-header, .pi-theme-prima .pi-title, .pi-theme-prima .pi-navigation, .pi-theme-prima .pi-navigation a, [data-theme="prima"] { background: #000000; color: #F39; } .pi-theme-ryuto .pi-header, .pi-theme-ryuto .pi-title, .pi-theme-ryuto .pi-navigation, .pi-theme-ryuto .pi-navigation a, [data-theme="ryuto"] { background: #0C9A06; color: #B0FDB9; } .pi-theme-sfa2-miki .pi-header, .pi-theme-sfa2-miki .pi-title, .pi-theme-sfa2-miki .pi-navigation, .pi-theme-sfa2-miki .pi-navigation a, [data-theme="sfa2-miki"] { background: #F0888F; color: #4270A0; } .pi-theme-sonika .pi-header, .pi-theme-sonika .pi-title, .pi-theme-sonika .pi-navigation, .pi-theme-sonika .pi-navigation a, [data-theme="sonika"] { background: #F3D567; color: #1A5000; } .pi-theme-sweet-ann .pi-header, .pi-theme-sweet-ann .pi-title, .pi-theme-sweet-ann .pi-navigation, .pi-theme-sweet-ann .pi-navigation a, [data-theme="sweet-ann"] { background: #FFD700; color: #FF6600; } .pi-theme-tonio .pi-header, .pi-theme-tonio .pi-title, .pi-theme-tonio .pi-navigation, .pi-theme-tonio .pi-navigation a, [data-theme="tonio"] { background: #000000; color: #ADA96E; } .pi-theme-utatane-piko .pi-header, .pi-theme-utatane-piko .pi-title, .pi-theme-utatane-piko .pi-navigation, .pi-theme-utatane-piko .pi-navigation a, [data-theme="utatane-piko"] { background: #323232; color: #4ACDBF; } .pi-theme-vy1 .pi-header, .pi-theme-vy1 .pi-title, .pi-theme-vy1 .pi-navigation, .pi-theme-vy1 .pi-navigation a, [data-theme="vy1"] { background: #FFE4E1; color: #F88379; } .pi-theme-vy2 .pi-header, .pi-theme-vy2 .pi-title, .pi-theme-vy2 .pi-navigation, .pi-theme-vy2 .pi-navigation a, [data-theme="vy2"] { background: #082567; color: #C0C0C0; } /*-*/ /*--VOCALOID3--*/ /*-*/ .pi-theme-anon-kanon .pi-header, .pi-theme-anon-kanon .pi-title, .pi-theme-anon-kanon .pi-navigation, .pi-theme-anon-kanon .pi-navigation a, [data-theme="anon-kanon"] { background: #FFC369; color: #D14526; } .pi-theme-anon .pi-header, .pi-theme-anon .pi-title, .pi-theme-anon .pi-navigation, .pi-theme-anon .pi-navigation a [data-theme="anon"] { background: #F2CC72; color: #A13361; } .pi-theme-kanon .pi-header, .pi-theme-kanon .pi-title, .pi-theme-kanon .pi-navigation, .pi-theme-kanon .pi-navigation a, [data-theme="kanon"] { background: #F9B35E; color: #7C4182; } .pi-theme-aoki-lapis .pi-header, .pi-theme-aoki-lapis .pi-title, .pi-theme-aoki-lapis .pi-navigation, .pi-theme-aoki-lapis .pi-navigation a, [data-theme="aoki-lapis"] { background: #89CFF0; color: #0000E0; } .pi-theme-avanna .pi-header, .pi-theme-avanna .pi-title, .pi-theme-avanna .pi-navigation, .pi-theme-avanna .pi-navigation a, [data-theme="avanna"] { background: #5F805D; color: #F6D889; } .pi-theme-bruno .pi-header, .pi-theme-bruno .pi-title, .pi-theme-bruno .pi-navigation, .pi-theme-bruno .pi-navigation a, [data-theme="bruno"] { background: #39F; color: #CFF3FF; } .pi-theme-chika .pi-header, .pi-theme-chika .pi-title, .pi-theme-chika .pi-navigation, .pi-theme-chika .pi-navigation a, [data-theme="chika"] { background: #EFA9C1; color: #1D2C57; } .pi-theme-clara .pi-header, .pi-theme-clara .pi-title, .pi-theme-clara .pi-navigation, .pi-theme-clara .pi-navigation a, [data-theme="clara"] { background: #EB5F65; color: #372C34; } .pi-theme-cul .pi-header, .pi-theme-cul .pi-title, .pi-theme-cul .pi-navigation, .pi-theme-cul .pi-navigation a, [data-theme="cul"] { background: #D41A1F; color: #000000; } .pi-theme-flower .pi-header, .pi-theme-flower .pi-title, .pi-theme-flower .pi-navigation, .pi-theme-flower .pi-navigation a, [data-theme="flower"] { background: #88758B; color: #281A33; } .pi-theme-galaco .pi-header, .pi-theme-galaco .pi-title, .pi-theme-galaco .pi-navigation, .pi-theme-galaco .pi-navigation a, [data-theme="galaco"] { background: #DB5590; color: #091A38; } .pi-theme-ia .pi-header, .pi-theme-ia .pi-title, .pi-theme-ia .pi-navigation, .pi-theme-ia .pi-navigation a, [data-theme="ia"] { background: #F0E0D0; color: #EA829D; } .pi-theme-kokone .pi-header, .pi-theme-kokone .pi-title, .pi-theme-kokone .pi-navigation, .pi-theme-kokone .pi-navigation a, [data-theme="kokone"] { background: #FBB7A4; color: #766EA9; } .pi-theme-luo-tianyi .pi-header, .pi-theme-luo-tianyi .pi-title, .pi-theme-luo-tianyi .pi-navigation, .pi-theme-luo-tianyi .pi-navigation a, [data-theme="luo-tianyi"] { background: #000080; color: #ADD8E6; } .pi-theme-macne-nana .pi-header, .pi-theme-macne-nana .pi-title, .pi-theme-macne-nana .pi-navigation, .pi-theme-macne-nana .pi-navigation a, [data-theme="macne-nana"] { background: #BFD78D; color: #666; } .pi-theme-maika .pi-header, .pi-theme-maika .pi-title, .pi-theme-maika .pi-navigation, .pi-theme-maika .pi-navigation a, [data-theme="maika"] { background: #EB8EBB; color: #2A2B53; } .pi-theme-mayu .pi-header, .pi-theme-mayu .pi-title, .pi-theme-mayu .pi-navigation, .pi-theme-mayu .pi-navigation a, [data-theme="mayu"] { background: #000000; color: #FF69B4; } .pi-theme-merli .pi-header, .pi-theme-merli .pi-title, .pi-theme-merli .pi-navigation, .pi-theme-merli .pi-navigation a, [data-theme="merli"] { background: #4B0082; color: #FAAAAB; } .pi-theme-mew .pi-header, .pi-theme-mew .pi-title, .pi-theme-mew .pi-navigation, .pi-theme-mew .pi-navigation a, [data-theme="mew"] { background: #808080; color: #000000; } .pi-theme-oliver .pi-header, .pi-theme-oliver .pi-title, .pi-theme-oliver .pi-navigation, .pi-theme-oliver .pi-navigation a, [data-theme="oliver"] { background: #2B3C4A; color: #E6D6AC; } .pi-theme-rana .pi-header, .pi-theme-rana .pi-title, .pi-theme-rana .pi-navigation, .pi-theme-rana .pi-navigation a, [data-theme="rana"] { background: #8CE4EE; color: #DD315D; } .pi-theme-seeu .pi-header, .pi-theme-seeu .pi-title, .pi-theme-seeu .pi-navigation, .pi-theme-seeu .pi-navigation a, [data-theme="seeu"] { background: #F90; color: #555; } .pi-theme-tohoku-zunko .pi-header, .pi-theme-tohoku-zunko .pi-title, .pi-theme-tohoku-zunko .pi-navigation, .pi-theme-tohoku-zunko .pi-navigation a, [data-theme="tohoku-zunko"] { background: #1C3A46; color: #94C3A7; } .pi-theme-tone-rion .pi-header, .pi-theme-tone-rion .pi-title, .pi-theme-tone-rion .pi-navigation, .pi-theme-tone-rion .pi-navigation a, [data-theme="tone-rion"] { background: #F4A89D; color: #F8F4EC; } .pi-theme-xin-hua .pi-header, .pi-theme-xin-hua .pi-title, .pi-theme-xin-hua .pi-navigation, .pi-theme-xin-hua .pi-navigation a, [data-theme="xin-hua"] { background: #FB82AD; color: #6264AE; } .pi-theme-yanhe .pi-header, .pi-theme-yanhe .pi-title, .pi-theme-yanhe .pi-navigation, .pi-theme-yanhe .pi-navigation a, [data-theme="yanhe"] { background: #ABE0D5; color: #DE6A7A; } .pi-theme-yohioloid .pi-header, .pi-theme-yohioloid .pi-title, .pi-theme-yohioloid .pi-navigation, .pi-theme-yohioloid .pi-navigation a, [data-theme="yohioloid"] { background: #BCAE7D; color: #555; } .pi-theme-yuezheng-ling .pi-header, .pi-theme-yuezheng-ling .pi-title, .pi-theme-yuezheng-ling .pi-navigation, .pi-theme-yuezheng-ling .pi-navigation a, [data-theme="yuezheng-ling"] { background: #FF171B; color: #FBF2E9; } .pi-theme-yuzuki-yukari .pi-header, .pi-theme-yuzuki-yukari .pi-title, .pi-theme-yuzuki-yukari .pi-navigation, .pi-theme-yuzuki-yukari .pi-navigation a, [data-theme="yuzuki-yukari"] { background: #DCA5F2; color: #6E4080; } .pi-theme-zola-project .pi-header, .pi-theme-zola-project .pi-title, .pi-theme-zola-project .pi-navigation, .pi-theme-zola-project .pi-navigation a, [data-theme="zola-project"] { background: #2A221F; color: #ADA8A2; } .pi-theme-yuu .pi-header, .pi-theme-yuu .pi-title, .pi-theme-yuu .pi-navigation, .pi-theme-yuu .pi-navigation a, [data-theme="yuu"] { background: #FFCAF9; color: #2A221F; } .pi-theme-kyo .pi-header, .pi-theme-kyo .pi-title, .pi-theme-kyo .pi-navigation, .pi-theme-kyo .pi-navigation a, [data-theme="kyo"] { background: #8BBFF0; color: #2A221F; } .pi-theme-wil .pi-header, .pi-theme-wil .pi-title, .pi-theme-wil .pi-navigation, .pi-theme-wil .pi-navigation a, [data-theme="wil"] { background: #B4B4B4; color: #2A221F; } /*-*/ /*--VOCALOID4--*/ /*-*/ .pi-theme-arsloid .pi-header, .pi-theme-arsloid .pi-title, .pi-theme-arsloid .pi-navigation, .pi-theme-arsloid .pi-navigation a, [data-theme="arsloid"] { background: #8EAEBD; color: #08408D; } .pi-theme-cyber-diva .pi-header, .pi-theme-cyber-diva .pi-title, .pi-theme-cyber-diva .pi-navigation, .pi-theme-cyber-diva .pi-navigation a, [data-theme="cyber-diva"] { background: #FFFFE0; color: #DAA520; } .pi-theme-cyber-songman .pi-header, .pi-theme-cyber-songman .pi-title, .pi-theme-cyber-songman .pi-navigation, .pi-theme-cyber-songman .pi-navigation a, [data-theme="cyber-songman"] { background: #B5086D; color: #40E0D0; } .pi-theme-daina .pi-header, .pi-theme-daina .pi-title, .pi-theme-daina .pi-navigation, .pi-theme-daina .pi-navigation a, [data-theme="daina"] { background: #FFCD9B; color: #1099E6; } .pi-theme-dex .pi-header, .pi-theme-dex .pi-title, .pi-theme-dex .pi-navigation, .pi-theme-dex .pi-navigation a, [data-theme="dex"] { background: #27283A; color: #FFFF00; } .pi-theme-fukase .pi-header, .pi-theme-fukase .pi-title, .pi-theme-fukase .pi-navigation, .pi-theme-fukase .pi-navigation a, [data-theme="fukase"] { background: #FFCC99; color: #FF0825; } .pi-theme-kizuna-akari .pi-header, .pi-theme-kizuna-akari .pi-title, .pi-theme-kizuna-akari .pi-navigation, .pi-theme-kizuna-akari .pi-navigation a, [data-theme="kizuna-akari"] { background: #282423; color: #F2A01C; } .pi-theme-kobayashi-matcha .pi-header, .pi-theme-kobayashi-matcha .pi-title, .pi-theme-kobayashi-matcha .pi-navigation, .pi-theme-kobayashi-matcha .pi-navigation a, [data-theme="kobayashi-matcha"] { background: #65714D; color: #DFE0E5; } .pi-theme-lumi .pi-header, .pi-theme-lumi .pi-title, .pi-theme-lumi .pi-navigation, .pi-theme-lumi .pi-navigation a, [data-theme="lumi"] { background: #E7F7F6; color: #8AD9EA; } .pi-theme-macne-petit .pi-header, .pi-theme-macne-petit .pi-title, .pi-theme-macne-petit .pi-navigation, .pi-theme-macne-petit .pi-navigation a, [data-theme="macne-petit"] { background: #BFD78D; color: #666; } .pi-theme-masaoka-azuki .pi-header, .pi-theme-masaoka-azuki .pi-title, .pi-theme-masaoka-azuki .pi-navigation, .pi-theme-masaoka-azuki .pi-navigation a, [data-theme="masaoka-azuki"] { background: #AA4A65; color: #FFD2DD; } .pi-theme-mirai-komachi .pi-header, .pi-theme-mirai-komachi .pi-title, .pi-theme-mirai-komachi .pi-navigation, .pi-theme-mirai-komachi .pi-navigation a, [data-theme="mirai-komachi"] { background: #F7F3F1; color: #ED8D3F; } .pi-theme-mo-qingxian .pi-header, .pi-theme-mo-qingxian .pi-title, .pi-theme-mo-qingxian .pi-navigation, .pi-theme-mo-qingxian .pi-navigation a, [data-theme="mo-qingxian"] { background: #FDEB64; color: #834780; } .pi-theme-otomachi-una .pi-header, .pi-theme-otomachi-una .pi-title, .pi-theme-otomachi-una .pi-navigation, .pi-theme-otomachi-una .pi-navigation a, [data-theme="otomachi-una"] { background: #4649D8; color: #FAF9FE; } .pi-theme-unity-chan .pi-header, .pi-theme-unity-chan .pi-title, .pi-theme-unity-chan .pi-navigation, .pi-theme-unity-chan .pi-navigation a, [data-theme="unity-chan"] { background: #3E5051; color: #EB8B29; } .pi-theme-ruby .pi-header, .pi-theme-ruby .pi-title, .pi-theme-ruby .pi-navigation, .pi-theme-ruby .pi-navigation a, [data-theme="ruby"] { background: #1D0021; color: #F99F7E; } .pi-theme-sachiko .pi-header, .pi-theme-sachiko .pi-title, .pi-theme-sachiko .pi-navigation, .pi-theme-sachiko .pi-navigation a, [data-theme="sachiko"] { background: #BC255A; color: #212121; } .pi-theme-uni .pi-header, .pi-theme-uni .pi-title, .pi-theme-uni .pi-navigation, .pi-theme-uni .pi-navigation a, [data-theme="uni"] { background: #FE7EA7; color: #284756; } .pi-theme-xingchen .pi-header, .pi-theme-xingchen .pi-title, .pi-theme-xingchen .pi-navigation, .pi-theme-xingchen .pi-navigation a, [data-theme="xingchen"] { background: #3A3D8E; color: #C5B9EA; } .pi-theme-yuezheng-longya .pi-header, .pi-theme-yuezheng-longya .pi-title, .pi-theme-yuezheng-longya .pi-navigation, .pi-theme-yuezheng-longya .pi-navigation a, [data-theme="yuezheng-longya"] { background: #4C7C82; color: #F5F5F5; } .pi-theme-yumemi-nemu .pi-header, .pi-theme-yumemi-nemu .pi-title, .pi-theme-yumemi-nemu .pi-navigation, .pi-theme-yumemi-nemu .pi-navigation a, [data-theme="yumemi-nemu"] { background: #52D9C2; color: #F8F4EC; } .pi-theme-zhiyu-moke .pi-header, .pi-theme-zhiyu-moke .pi-title, .pi-theme-zhiyu-moke .pi-navigation, .pi-theme-zhiyu-moke .pi-navigation a, [data-theme="zhiyu-moke"] { background: #F8F5F6; color: #102969; } /*-*/ /*--VOCALOID5--*/ /*-*/ .pi-theme-haruno-sora .pi-header, .pi-theme-haruno-sora .pi-title, .pi-theme-haruno-sora .pi-navigation, .pi-theme-haruno-sora .pi-navigation a, [data-theme="haruno-sora"] { background: #fbe9d0; color: #87ceeb; } .pi-theme-standard-vocals .pi-header, .pi-theme-standard-vocals .pi-title, .pi-theme-standard-vocals .pi-navigation, .pi-theme-standard-vocals .pi-navigation a, [data-theme="standard-vocals"] { background: #696969; color: #FFFFFF; } .pi-theme-amy .pi-header, .pi-theme-amy .pi-title, .pi-theme-amy .pi-navigation, .pi-theme-amy .pi-navigation a, [data-theme="amy"] { background: #C71585; color: #FFFFFF; } .pi-theme-chris .pi-header, .pi-theme-chris .pi-title, .pi-theme-chris .pi-navigation, .pi-theme-chris .pi-navigation a, [data-theme="chris"] { background: #4682B4; color: #FFFFFF; } .pi-theme-kaori .pi-header, .pi-theme-kaori .pi-title, .pi-theme-kaori .pi-navigation, .pi-theme-kaori .pi-navigation a, [data-theme="kaori"] { background: #DAA520; color: #FFFFFF; } .pi-theme-ken .pi-header, .pi-theme-ken .pi-title, .pi-theme-ken .pi-navigation, .pi-theme-ken .pi-navigation a, [data-theme="ken"] { background: #228B22; color: #FFFFFF; } /**/ /*--UNRELEASED P--*/ /**/ .pi-theme-cangqiong .pi-header, .pi-theme-cangqiong .pi-title, .pi-theme-cangqiong .pi-navigation, .pi-theme-cangqiong .pi-navigation a, [data-theme="cangqiong"] { background: #005657; color: #FFFFFF; } .pi-theme-cocorobo .pi-header, .pi-theme-cocorobo .pi-title, .pi-theme-cocorobo .pi-navigation, .pi-theme-cocorobo .pi-navigation a, [data-theme="cocorobo"] { background: #F0ACC0; color: #B75E6F; } .pi-theme-haiyi .pi-header, .pi-theme-haiyi .pi-title, .pi-theme-haiyi .pi-navigation, .pi-theme-haiyi .pi-navigation a, [data-theme="haiyi"] { background: #90C0F4; color: #FFFFFF; } .pi-theme-shian .pi-header, .pi-theme-shian .pi-title, .pi-theme-shian .pi-navigation, .pi-theme-shian .pi-navigation a, [data-theme="shian"] { background: #ae3974; color: #FFFFFF; } .pi-theme-yao-luniang .pi-header, .pi-theme-yao-luniang .pi-title, .pi-theme-yao-luniang .pi-navigation, .pi-theme-yao-luniang .pi-navigation a, [data-theme="yao-luniang"] { background: #FF7471; color: #6A6176; } .pi-theme-zing .pi-header, .pi-theme-zing .pi-title, .pi-theme-zing .pi-navigation, .pi-theme-zing .pi-navigation a, [data-theme="zing"] { background: #FFE5F0; color: #8BCDCB; } /*-*/ /*--PRIVATE P--*/ /*-*/ .pi-theme-akikoloid-chan .pi-header, .pi-theme-akikoloid-chan .pi-title, .pi-theme-akikoloid-chan .pi-navigation, .pi-theme-akikoloid-chan .pi-navigation a, [data-theme="akikoloid-chan"] { background: #FD9FBC; color: #0D82C7; } .pi-theme-anri-rune .pi-header, .pi-theme-anri-rune .pi-title, .pi-theme-anri-rune .pi-navigation, .pi-theme-anri-rune .pi-navigation a, [data-theme="anri-rune"] { background: #95001C; color: #B1BAB9; } .pi-theme-hide .pi-header, .pi-theme-hide .pi-title, .pi-theme-hide .pi-navigation, .pi-theme-hide .pi-navigation a, [data-theme="hide"] { background: #ff5349; color: #964B00; } /*.pi-theme-ona .pi-header, .pi-theme-ona .pi-title, .pi-theme-ona .pi-navigation, .pi-theme-ona .pi-navigation a, [data-theme="one"] { background: #2C454A; color: #FCFF67; }*/ .pi-theme-ueki-loid .pi-header, .pi-theme-ueki-loid .pi-title, .pi-theme-ueki-loid .pi-navigation, .pi-theme-ueki-loid .pi-navigation a, [data-theme="ueki-loid"] { background: #302B54; color: #FFD39B; } .pi-theme-yuecheng .pi-header, .pi-theme-yuecheng .pi-title, .pi-theme-yuecheng .pi-navigation, .pi-theme-yuecheng .pi-navigation a, [data-theme="yuecheng"] { background: #282D2D; color: #F0C3BF; } .pi-theme-zhang-chuchu .pi-header, .pi-theme-zhang-chuchu .pi-title, .pi-theme-zhang-chuchu .pi-navigation, .pi-theme-zhang-chuchu .pi-navigation a, [data-theme="zhang-chuchu"] { background: #7D5BA4; color: #F099BB; } /*-*/ /*--RELATED P--*/ /*-*/ /*.pi-theme-akaza .pi-header, .pi-theme-akaza .pi-title, .pi-theme-akaza .pi-navigation, .pi-theme-akaza .pi-navigation a, [data-theme="akaza"] { background: #3E5051; color: #EB8B29; }*/ .pi-theme-ring-suzune .pi-header, .pi-theme-ring-suzune .pi-title, .pi-theme-ring-suzune .pi-navigation, .pi-theme-ring-suzune .pi-navigation a, [data-theme="ring-suzune"] { background: #52555E; color: #89CFF0; } .pi-theme-zhanyin-lorra .pi-header, .pi-theme-zhanyin-lorra .pi-title, .pi-theme-zhanyin-lorra .pi-navigation, .pi-theme-zhanyin-lorra .pi-navigation a, [data-theme="zhanyin-lorra"] { background: #3C3C3C; color: #02B2FE; } .pi-theme-hibiki-lui .pi-header, .pi-theme-hibiki-lui .pi-title, .pi-theme-hibiki-lui .pi-navigation, .pi-theme-hibiki-lui .pi-navigation a, [data-theme="hibiki-lui"] { background: #FAE9BD; color: #E9576A; } /*---*/ /*--DERIVATIVES--*/ /*---*/ .pi-theme-akita-neru .pi-header, .pi-theme-akita-neru .pi-title, .pi-theme-akita-neru .pi-navigation, .pi-theme-akita-neru .pi-navigation a, [data-theme="akita-neru"] { background: #FFD700; color: #6E6E6E; } .pi-theme-calne-ca .pi-header, .pi-theme-calne-ca .pi-title, .pi-theme-calne-ca .pi-navigation, .pi-theme-calne-ca .pi-navigation a, [data-theme="calne-ca"] { background: #008080; color: #FF69B4; } .pi-theme-sakine-meiko .pi-header, .pi-theme-sakine-meiko .pi-title, .pi-theme-sakine-meiko .pi-navigation, .pi-theme-sakine-meiko .pi-navigation a, [data-theme="sakine-meiko"] { background: #C30; color: #000000; } .pi-theme-yowane-haku .pi-header, .pi-theme-yowane-haku .pi-title, .pi-theme-yowane-haku .pi-navigation, .pi-theme-yowane-haku .pi-navigation a, [data-theme="yowane-haku"] { background: #A0A0A0; color: #743FB5; } /**/ /*--SYNTHESIZERS--*/ /**/ .pi-theme-kasane-teto .pi-header, .pi-theme-kasane-teto .pi-title, .pi-theme-kasane-teto .pi-navigation, .pi-theme-kasane-teto .pi-navigation a, [data-theme="kasane-teto"] { background: #536895; color: #E68FAC; } .pi-theme-cevio .pi-header, .pi-theme-cevio .pi-title, .pi-theme-cevio .pi-navigation, .pi-theme-cevio .pi-navigation a, [data-theme="cevio"] { background: #474545; color: #FFFFFF; } .pi-theme-chipspeech .pi-header, .pi-theme-chipspeech .pi-title, .pi-theme-chipspeech .pi-navigation, .pi-theme-chipspeech .pi-navigation a, [data-theme="chipspeech"] { background: #07366B; color: #A3CDFD; } .pi-theme-maidloid .pi-header, .pi-theme-maidloid .pi-title, .pi-theme-maidloid .pi-navigation, .pi-theme-maidloid .pi-navigation a, [data-theme="maidloid"] { background: #000000; color: #008000; } .pi-theme-sing .pi-header, .pi-theme-sing .pi-title, .pi-theme-sing .pi-navigation, .pi-theme-sing .pi-navigation a, [data-theme="sing"] { background: #FF8000; color: #FFFFFF; } .pi-theme-utau .pi-header, .pi-theme-utau .pi-title, .pi-theme-utau .pi-navigation, .pi-theme-utau .pi-navigation a, [data-theme="utau"] { background: #995a95; color: #FFFFFF; }