Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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-black0,
.pi-theme-company,
.pi-theme-technology,
.pi-theme-website,
/*------------*/
/*--BASIC C1--*/
/*------------*/
.pi-theme-red1,
.pi-theme-orange1,
.pi-theme-yellow1,
.pi-theme-green1,
.pi-theme-blue1,
.pi-theme-purple1,
.pi-theme-pink1,
.pi-theme-brown1,
.pi-theme-black1,
.pi-theme-white1,
/*------------*/
/*--BASIC C2--*/
/*------------*/
.pi-theme-red2,
.pi-theme-orange2,
.pi-theme-yellow2,
.pi-theme-green2,
.pi-theme-blue2,
.pi-theme-purple2,
.pi-theme-pink2,
.pi-theme-brown2,
.pi-theme-black2,
.pi-theme-white2,
/*------------*/
/*--BASIC C3--*/
/*------------*/
.pi-theme-red3,
.pi-theme-orange3,
.pi-theme-yellow3,
.pi-theme-green3,
.pi-theme-blue3,
.pi-theme-purple3,
.pi-theme-pink3,
.pi-theme-brown3,
.pi-theme-black3,
.pi-theme-white3,
/*------------------*/
/*--COLOR ON COLOR--*/
/*------------------*/
.pi-theme-red4,
.pi-theme-orange4,
.pi-theme-yellow4,
.pi-theme-green4,
.pi-theme-blue4,
.pi-theme-purple4,
.pi-theme-pink4,
.pi-theme-brown4,
/*--------------------*/
/*--COLOR ON COLOR 2--*/
/*--------------------*/
.pi-theme-red5,
.pi-theme-orange5,
.pi-theme-yellow5,
.pi-theme-green5,
.pi-theme-blue5,
.pi-theme-purple5,
.pi-theme-pink5,
.pi-theme-brown5,
/*-------------*/
/*--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-meika,
.pi-theme-meika-hime,
.pi-theme-meika-mikoto,
.pi-theme-standard-vocals,
.pi-theme-amy,
.pi-theme-chris,
.pi-theme-kaori,
.pi-theme-ken,
/*----------------*/
/*--UNRELEASED P--*/
/*----------------*/
.pi-theme-charlie,
/*-------------*/
/*--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-cocorobo,
.pi-theme-hibiki-lui,
.pi-theme-ring-suzune,
.pi-theme-yao-luniang,
.pi-theme-zhanyin-lorra,
.pi-theme-zing,
/*---------------*/
/*--DERIVATIVES--*/
/*---------------*/
.pi-theme-akita-neru,
.pi-theme-calne-ca,
.pi-theme-sakine-meiko,
.pi-theme-yowane-haku,
/*------------------*/
/*--SD DERIVATIVES--*/
/*------------------*/
.pi-theme-hachune-miku,
.pi-theme-mikudayo,
.pi-theme-tako-luka,
/*----------------*/
/*--SYNTHESIZERS--*/
/*----------------*/
.pi-theme-kasane-teto {
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: #22364a;
color: #FFFFFF;
}
.pi-theme-black0 .pi-header,
.pi-theme-black0 .pi-title,
.pi-theme-black0 .pi-navigation,
.pi-theme-black0 .pi-navigation a,
[data-theme="black0"] {
background: #000000;
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;
}
/*-----------*/
/*--BASIC 1--*/
/*-----------*/
.pi-theme-red1 .pi-header,
.pi-theme-red1 .pi-title,
.pi-theme-red1 .pi-navigation,
.pi-theme-red1 .pi-navigation a,
[data-theme="red1"] {
background: #EE204D;
color: #000000;
}
.pi-theme-orange1 .pi-header,
.pi-theme-orange1 .pi-title,
.pi-theme-orange1 .pi-navigation,
.pi-theme-orange1 .pi-navigation a,
[data-theme="orange1"] {
background: #FFA500;
color: #000000;
}
.pi-theme-yellow1 .pi-header,
.pi-theme-yellow1 .pi-title,
.pi-theme-yellow1 .pi-navigation,
.pi-theme-yellow1 .pi-navigation a,
[data-theme="yellow1"] {
background: #FFD700;
color: #000000;
}
.pi-theme-green1 .pi-header,
.pi-theme-green1 .pi-title,
.pi-theme-green1 .pi-navigation,
.pi-theme-green1 .pi-navigation a,
[data-theme="green1"] {
background: #00A86B;
color: #000000;
}
.pi-theme-blue1 .pi-header,
.pi-theme-blue1 .pi-title,
.pi-theme-blue1 .pi-navigation,
.pi-theme-blue1 .pi-navigation a,
[data-theme="blue1"] {
background: #87ceeb;
color: #000000;
}
.pi-theme-purple1 .pi-header,
.pi-theme-purple1 .pi-title,
.pi-theme-purple1 .pi-navigation,
.pi-theme-purple1 .pi-navigation a,
[data-theme="purple1"] {
background: #E0B0FF;
color: #000000;
}
.pi-theme-pink1 .pi-header,
.pi-theme-pink1 .pi-title,
.pi-theme-pink1 .pi-navigation,
.pi-theme-pink1 .pi-navigation a,
[data-theme="pink1"] {
background: #FFC0CB;
color: #000000;
}
.pi-theme-brown1 .pi-header,
.pi-theme-brown1 .pi-title,
.pi-theme-brown1 .pi-navigation,
.pi-theme-brown1 .pi-navigation a,
[data-theme="brown1"] {
background: #C3B091;
color: #000000;
}
.pi-theme-black1 .pi-header,
.pi-theme-black1 .pi-title,
.pi-theme-black1 .pi-navigation,
.pi-theme-black1 .pi-navigation a,
[data-theme="black1"] {
background: #C0C0C0;
color: #000000;
}
.pi-theme-white1 .pi-header,
.pi-theme-white1 .pi-title,
.pi-theme-white1 .pi-navigation,
.pi-theme-white1 .pi-navigation a,
[data-theme="white1"] {
background: #FFFFFF;
color: #000000;
}
/*-----------*/
/*--BASIC 2--*/
/*-----------*/
.pi-theme-red2 .pi-header,
.pi-theme-red2 .pi-title,
.pi-theme-red2 .pi-navigation,
.pi-theme-red2 .pi-navigation a,
[data-theme="red2"] {
background: #EE204D;
color: #FFFFFF;
}
.pi-theme-orange2 .pi-header,
.pi-theme-orange2 .pi-title,
.pi-theme-orange2 .pi-navigation,
.pi-theme-orange2 .pi-navigation a,
[data-theme="orange2"] {
background: #FFA500;
color: #FFFFFF;
}
.pi-theme-yellow2 .pi-header,
.pi-theme-yellow2 .pi-title,
.pi-theme-yellow2 .pi-navigation,
.pi-theme-yellow2 .pi-navigation a,
[data-theme="yellow2"] {
background: #FFD700;
color: #FFFFFF;
}
.pi-theme-green2 .pi-header,
.pi-theme-green2 .pi-title,
.pi-theme-green2 .pi-navigation,
.pi-theme-green2 .pi-navigation a,
[data-theme="green2"] {
background: #00A86B;
color: #FFFFFF;
}
.pi-theme-blue2 .pi-header,
.pi-theme-blue2 .pi-title,
.pi-theme-blue2 .pi-navigation,
.pi-theme-blue2 .pi-navigation a,
[data-theme="blue2"] {
background: #87ceeb;
color: #FFFFFF;
}
.pi-theme-purple2 .pi-header,
.pi-theme-purple2 .pi-title,
.pi-theme-purple2 .pi-navigation,
.pi-theme-purple2 .pi-navigation a,
[data-theme="purple2"] {
background: #E0B0FF;
color: #FFFFFF;
}
.pi-theme-pink2 .pi-header,
.pi-theme-pink2 .pi-title,
.pi-theme-pink2 .pi-navigation,
.pi-theme-pink2 .pi-navigation a,
[data-theme="pink2"] {
background: #FFC0CB;
color: #FFFFFF;
}
.pi-theme-brown2 .pi-header,
.pi-theme-brown2 .pi-title,
.pi-theme-brown2 .pi-navigation,
.pi-theme-brown2 .pi-navigation a,
[data-theme="brown2"] {
background: #C3B091;
color: #FFFFFF;
}
.pi-theme-black2 .pi-header,
.pi-theme-black2 .pi-title,
.pi-theme-black2 .pi-navigation,
.pi-theme-black2 .pi-navigation a,
[data-theme="black2"] {
background: #C0C0C0;
color: #FFFFFF;
}
.pi-theme-white2 .pi-header,
.pi-theme-white2 .pi-title,
.pi-theme-white2 .pi-navigation,
.pi-theme-white2 .pi-navigation a,
[data-theme="white2"] {
background: #F5F5F5;
color: #000000;
}
/*-----------*/
/*--BASIC 3--*/
/*-----------*/
.pi-theme-red3 .pi-header,
.pi-theme-red3 .pi-title,
.pi-theme-red3 .pi-navigation,
.pi-theme-red3 .pi-navigation a,
[data-theme="red3"] {
background: #000000;
color: #EE204D;
}
.pi-theme-orange3 .pi-header,
.pi-theme-orange3 .pi-title,
.pi-theme-orange3 .pi-navigation,
.pi-theme-orange3 .pi-navigation a,
[data-theme="orange3"] {
background: #000000;
color: #FFA500;
}
.pi-theme-yellow3 .pi-header,
.pi-theme-yellow3 .pi-title,
.pi-theme-yellow3 .pi-navigation,
.pi-theme-yellow3 .pi-navigation a,
[data-theme="yellow3"] {
background: #000000;
color: #FFD700;
}
.pi-theme-green3 .pi-header,
.pi-theme-green3 .pi-title,
.pi-theme-green3 .pi-navigation,
.pi-theme-green3 .pi-navigation a,
[data-theme="green3"] {
background: #000000;
color: #00A86B;
}
.pi-theme-blue3 .pi-header,
.pi-theme-blue3 .pi-title,
.pi-theme-blue3 .pi-navigation,
.pi-theme-blue3 .pi-navigation a,
[data-theme="blue3"] {
background: #000000;
color: #87ceeb;
}
.pi-theme-purple3 .pi-header,
.pi-theme-purple3 .pi-title,
.pi-theme-purple3 .pi-navigation,
.pi-theme-purple3 .pi-navigation a,
[data-theme="purple3"] {
background: #000000;
color: #E0B0FF;
}
.pi-theme-pink3 .pi-header,
.pi-theme-pink3 .pi-title,
.pi-theme-pink3 .pi-navigation,
.pi-theme-pink3 .pi-navigation a,
[data-theme="pink3"] {
background: #000000;
color: #FFC0CB;
}
.pi-theme-brown3 .pi-header,
.pi-theme-brown3 .pi-title,
.pi-theme-brown3 .pi-navigation,
.pi-theme-brown3 .pi-navigation a,
[data-theme="brown3"] {
background: #000000;
color: #C3B091;
}
.pi-theme-black3 .pi-header,
.pi-theme-black3 .pi-title,
.pi-theme-black3 .pi-navigation,
.pi-theme-black3 .pi-navigation a,
[data-theme="black3"] {
background: #000000;
color: #FFFFF0;
}
.pi-theme-white3 .pi-header,
.pi-theme-white3 .pi-title,
.pi-theme-white3 .pi-navigation,
.pi-theme-white3 .pi-navigation a,
[data-theme="white3"] {
background: #000000;
color: #F5F5F5;
}
/*------------------*/
/*--COLOR ON COLOR--*/
/*------------------*/
.pi-theme-red4 .pi-header,
.pi-theme-red4 .pi-title,
.pi-theme-red4 .pi-navigation,
.pi-theme-red4 .pi-navigation a,
[data-theme="red4"] {
background: #ff3000;
color: #ffe0de;
}
.pi-theme-orange4 .pi-header,
.pi-theme-orange4 .pi-title,
.pi-theme-orange4 .pi-navigation,
.pi-theme-orange4 .pi-navigation a,
[data-theme="orange4"] {
background: #ffa700;
color: #fff0c9;
}
.pi-theme-yellow4 .pi-header,
.pi-theme-yellow4 .pi-title,
.pi-theme-yellow4 .pi-navigation,
.pi-theme-yellow4 .pi-navigation a,
[data-theme="yellow4"] {
background: #dea800;
color: #fffba9;
}
.pi-theme-green4 .pi-header,
.pi-theme-green4 .pi-title,
.pi-theme-green4 .pi-navigation,
.pi-theme-green4 .pi-navigation a,
[data-theme="green4"] {
background: #00cb3f;
color: #cdfad5;
}
.pi-theme-blue4 .pi-header,
.pi-theme-blue4 .pi-title,
.pi-theme-blue4 .pi-navigation,
.pi-theme-blue4 .pi-navigation a,
[data-theme="blue4"] {
background: #00d0d4;
color: #ccfdff;
}
.pi-theme-purple4 .pi-header,
.pi-theme-purple4 .pi-title,
.pi-theme-purple4 .pi-navigation,
.pi-theme-purple4 .pi-navigation a,
[data-theme="purple4"] {
background: #df49fd;
color: #f6e8ff;
}
.pi-theme-pink4 .pi-header,
.pi-theme-pink4 .pi-title,
.pi-theme-pink4 .pi-navigation,
.pi-theme-pink4 .pi-navigation a,
[data-theme="pink4"] {
background: #F653A6;
color: #FFDDF4;
}
.pi-theme-brown4 .pi-header,
.pi-theme-brown4 .pi-title,
.pi-theme-brown4 .pi-navigation,
.pi-theme-brown4 .pi-navigation a,
[data-theme="brown4"] {
background: #C19A6B;
color: #fbf8f4;
}
/*-------------------*/
/*--COLOR ON COLOR2--*/
/*-------------------*/
.pi-theme-red5 .pi-header,
.pi-theme-red5 .pi-title,
.pi-theme-red5 .pi-navigation,
.pi-theme-red5 .pi-navigation a,
[data-theme="red5"] {
background: #EE204D;
color: #ffcc33;
}
.pi-theme-orange5 .pi-header,
.pi-theme-orange5 .pi-title,
.pi-theme-orange5 .pi-navigation,
.pi-theme-orange5 .pi-navigation a,
[data-theme="orange5"] {
background: #ffcc33;
color: #EE204D;
}
.pi-theme-yellow5 .pi-header,
.pi-theme-yellow5 .pi-title,
.pi-theme-yellow5 .pi-navigation,
.pi-theme-yellow5 .pi-navigation a,
[data-theme="yellow5"] {
background: #FFD700;
color: #3eb489;
}
.pi-theme-green5 .pi-header,
.pi-theme-green5 .pi-title,
.pi-theme-green5 .pi-navigation,
.pi-theme-green5 .pi-navigation a,
[data-theme="green5"] {
background: #3eb489;
color: #FFD700;
}
.pi-theme-blue5 .pi-header,
.pi-theme-blue5 .pi-title,
.pi-theme-blue5 .pi-navigation,
.pi-theme-blue5 .pi-navigation a,
[data-theme="blue5"] {
background: #87ceeb;
color: #605ca8;
}
.pi-theme-purple5 .pi-header,
.pi-theme-purple5 .pi-title,
.pi-theme-purple5 .pi-navigation,
.pi-theme-purple5 .pi-navigation a,
[data-theme="purple5"] {
background: #605ca8;
color: #87ceeb;
}
.pi-theme-pink5 .pi-header,
.pi-theme-pink5 .pi-title,
.pi-theme-pink5 .pi-navigation,
.pi-theme-pink5 .pi-navigation a,
[data-theme="pink5"] {
background: #FFC0CB;
color: #a0785a;
}
.pi-theme-brown5 .pi-header,
.pi-theme-brown5 .pi-title,
.pi-theme-brown5 .pi-navigation,
.pi-theme-brown5 .pi-navigation a,
[data-theme="brown5"] {
background: #a0785a;
color: #FFC0CB;
}
/*-------------*/
/*--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: #353537;
color: #B5B9C3;
}
.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: #f9d400;
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: #ffa500;
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: #fff0fb;
color: #1f2d56;
}
.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: #fae6fa;
color: #9F8170;
}
.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: #93D4F7;
color: #3D334B;
}
.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: #cc5170;
}
.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: #F8A4C2;
color: #43467B;
}
.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: #9e005c;
color: #87f2e7;
}
.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: #6fafbd;
}
.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: #d4e4b3;
color: #595959;
}
.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: #fdf2ed;
color: #6189a8;
}
.pi-theme-meika .pi-header,
.pi-theme-meika .pi-title,
.pi-theme-meika .pi-navigation,
.pi-theme-meika .pi-navigation a,
[data-theme="meika"] {
background: #E6E3DC;
color: #BA3E5A;
}
.pi-theme-meika-hime .pi-header,
.pi-theme-meika-hime .pi-title,
.pi-theme-meika-hime .pi-navigation,
.pi-theme-meika-hime .pi-navigation a,
[data-theme="meika-hime"] {
background: #4f1a50;
color: #FDDDE6;
}
.pi-theme-meika-mikoto .pi-header,
.pi-theme-meika-mikoto .pi-title,
.pi-theme-meika-mikoto .pi-navigation,
.pi-theme-meika-mikoto .pi-navigation a,
[data-theme="meika-mikoto"] {
background: #4f1a50;
color: #CCCCFF;
}
.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-charlie .pi-header,
.pi-theme-charlie .pi-title,
.pi-theme-charlie .pi-navigation,
.pi-theme-charlie .pi-navigation a,
[data-theme="cangqiong"] {
background: #3a3838;
color: #cacac8;
}
/*-------------*/
/*--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-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-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;
}
.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-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;
}
.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;
}
/*---------------*/
/*--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;
}
/*------------------*/
/*--SD DERIVATIVES--*/
/*------------------*/
.pi-theme-hachune-miku .pi-header,
.pi-theme-hachune-miku .pi-title,
.pi-theme-hachune-miku .pi-navigation,
.pi-theme-hachune-miku .pi-navigation a,
[data-theme="hachune-miku"] {
background: #95D2D3;
color: #6E6E6E;
}
.pi-theme-mikudayo .pi-header,
.pi-theme-mikudayo .pi-title,
.pi-theme-mikudayo .pi-navigation,
.pi-theme-mikudayo .pi-navigation a,
[data-theme="mikudayo"] {
background: #95D2D3;
color: #6E6E6E;
}
.pi-theme-tako-luka .pi-header,
.pi-theme-tako-luka .pi-title,
.pi-theme-tako-luka .pi-navigation,
.pi-theme-tako-luka .pi-navigation a,
[data-theme="tako-luka"] {
background: #F6C0D9;
color: #243650;
}
/*----------------*/
/*--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;
}