MediaWiki:Themes.css

/* -  PORTABLE INFOBOXES -

=-=-=-=-=-=-=-=-=  Themes =-=-=-=-=-=-=-=-= /* Character incl. Fairy Tail and some others

.pi-theme-character .pi-image { background-color: #FFFFFF } .pi-theme-character .pi-data-label, .pi-theme-character .pi-title, .pi-theme-character .pi-header { background-color: #C90016; color: #FFFFFF } .pi-theme-character .pi-navigation { background-color: #DCDCDC; text-align:center; } .pi-theme-character .pi-navigation a, .pi-theme-character .pi-navigation a:link, .pi-theme-character .pi-navigation a:visited { color:#000000!important; } /* Spell (capital "S")

Strangely, there's   and here This is an unusually narrow box; all images discovered so far have been just 200px.

.pi-theme-Spell.portable-infobox { width:200px!important }

.pi-theme-Spell .pi-image { background-color: #000000 } .pi-theme-Spell .pi-data-label, .pi-theme-Spell .pi-title, .pi-theme-Spell .pi-header { background-color: #48D1CC; color: #FFFFFF } .pi-theme-Spell .pi-navigation, .pi-theme-Spell .pi-navigation a, .pi-theme-Spell .pi-navigation a:link, .pi-theme-Spell .pi-navigation a:visited { color:#000000; text-align:center; }

/* Curse */

.pi-theme-curse .pi-image { background-color: #000000 } .pi-theme-curse .pi-data-label, .pi-theme-curse .pi-title, .pi-theme-curse .pi-header { background-color: #111111; color: #32CD32 } .pi-theme-curse .pi-navigation, .pi-theme-curse .pi-navigation a, .pi-theme-curse .pi-navigation a:link, .pi-theme-curse .pi-navigation a:visited { color:#000000; text-align:center; }

/* Chapter */ .pi-theme-chapter .pi-image { background-color: #FFFFFF } .pi-theme-chapter .pi-data-label, .pi-theme-chapter .pi-title, .pi-theme-chapter .pi-header { background-color: #C90016; color: #FFFFFF } .pi-theme-chapter .pi-data-value, .pi-theme-chapter .pi-data-label { flex-basis:50%!important; }

.pi-theme-chapter .pi-navigation { background-color: #DCDCDC; text-align:center; font-size:11px; } .pi-theme-chapter .pi-header:last-child { background-color:#FFFFFF; text-align:center; } .pi-theme-chapter .pi-horizontal-group .pi-horizontal-group-item a, .pi-theme-chapter .pi-horizontal-group .pi-horizontal-group-item a:link, .pi-theme-chapter .pi-horizontal-group .pi-horizontal-group-item a:visited { color:#000000!important; font-weight:bold } .pi-theme-chapter .pi-navigation a, .pi-theme-chapter .pi-navigation a:link, .pi-theme-chapter .pi-navigation a:visited { color:#000000!important; text-align:center; }

.pi-theme-chapter .pi-horizontal-group .pi-header { text-align:center!important; } .pi-theme-chapter .pi-horizontal-group .pi-horizontal-group-item { text-align:center!important; } .pi-theme-chapter .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width:0px; } /* .pi-theme-chapter .pi-horizontal-group .pi-horizontal-group-item { border-bottom-style:dotted!important; border-bottom-size:1px; } .pi-theme-chapter .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-chapter .footer-link a, .pi-theme-chapter .footer-link a:link, .pi-theme-chapter .footer-link a:visited { color:#006cb0!important; } /* This theme needs a little special attention to the img */ .pi-theme-chapter .pi-image img { max-width:inherit; width:100%!important; height:auto!important; }

/* Blue Mistral */ .pi-theme-blue-mistral .pi-image { background-color: #FFFFFF } .pi-theme-blue-mistral .pi-data-label, .pi-theme-blue-mistral .pi-title, .pi-theme-blue-mistral .pi-header { background-color: #C90016; color: #FFFFFF } .pi-theme-blue-mistral .pi-data-value, .pi-theme-blue-mistral .pi-data-label { flex-basis:50%!important; }

.pi-theme-blue-mistral .pi-navigation { background-color: #DCDCDC; text-align:center; font-size:11px; } .pi-theme-blue-mistral .pi-header:last-child { background-color:#FFFFFF; text-align:center; } .pi-theme-blue-mistral .pi-horizontal-group .pi-horizontal-group-item a, .pi-theme-blue-mistral .pi-horizontal-group .pi-horizontal-group-item a:link, .pi-theme-blue-mistral .pi-horizontal-group .pi-horizontal-group-item a:visited { color:#000000!important; font-weight:bold } .pi-theme-blue-mistral .pi-navigation a, .pi-theme-blue-mistral .pi-navigation a:link, .pi-theme-blue-mistral .pi-navigation a:visited { color:#000000!important; text-align:center; }

.pi-theme-blue-mistral .pi-horizontal-group .pi-header { text-align:center!important; } .pi-theme-blue-mistral .pi-horizontal-group .pi-horizontal-group-item { text-align:center!important; } .pi-theme-blue-mistral .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width:0px; }

.pi-theme-blue-mistral .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-blue-mistral .footer-link a, .pi-theme-blue-mistral .footer-link a:link, .pi-theme-blue-mistral .footer-link a:visited { color:#006cb0!important; } /* This theme needs a little special attention to the img */ .pi-theme-blue-mistral .pi-image img { max-width:inherit; width:100%!important; height:auto!important; }

/* Zero Chapter */ .pi-theme-zero-chapter .pi-image { background-color: #FFFFFF } .pi-theme-zero-chapter .pi-data-label, .pi-theme-zero-chapter .pi-title, .pi-theme-zero-chapter .pi-header { background-color: #C90016; color: #FFFFFF } .pi-theme-zero-chapter .pi-data-value, .pi-theme-zero-chapter .pi-data-label { flex-basis:50%!important; }

.pi-theme-zero-chapter .pi-navigation { background-color: #DCDCDC; text-align:center; font-size:11px; } .pi-theme-zero-chapter .pi-header:last-child { background-color:#FFFFFF; text-align:center; } .pi-theme-zero-chapter .pi-horizontal-group .pi-horizontal-group-item a, .pi-theme-zero-chapter .pi-horizontal-group .pi-horizontal-group-item a:link, .pi-theme-zero-chapter .pi-horizontal-group .pi-horizontal-group-item a:visited { color:#000000!important; font-weight:bold } .pi-theme-zero-chapter .pi-navigation a, .pi-theme-zero-chapter .pi-navigation a:link, .pi-theme-zero-chapter .pi-navigation a:visited { color:#000000!important; text-align:center; }

.pi-theme-zero-chapter .pi-horizontal-group .pi-header { text-align:center!important; } .pi-theme-zero-chapter .pi-horizontal-group .pi-horizontal-group-item { text-align:center!important; } .pi-theme-zero-chapter .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width:0px; }

.pi-theme-zero-chapter .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-zero-chapter .footer-link a, .pi-theme-zero-chapter .footer-link a:link, .pi-theme-zero-chapter .footer-link a:visited { color:#006cb0!important; } /* This theme needs a little special attention to the img */ .pi-theme-zero-chapter .pi-image img { max-width:inherit; width:100%!important; height:auto!important; }

/* Ice Trail */ .pi-theme-ice-trail .pi-image { background-color: #FFFFFF } .pi-theme-ice-trail .pi-data-label, .pi-theme-ice-trail .pi-title, .pi-theme-ice-trail .pi-header { background-color: #C90016; color: #FFFFFF } .pi-theme-ice-trail .pi-data-value, .pi-theme-ice-trail .pi-data-label { flex-basis:50%!important; }

.pi-theme-ice-trail .pi-navigation { background-color: #DCDCDC; text-align:center; font-size:11px; } .pi-theme-ice-trail .pi-header:last-child { background-color:#FFFFFF; text-align:center; } .pi-theme-ice-trail .pi-horizontal-group .pi-horizontal-group-item a, .pi-theme-ice-trail .pi-horizontal-group .pi-horizontal-group-item a:link, .pi-theme-ice-trail .pi-horizontal-group .pi-horizontal-group-item a:visited { color:#000000!important; font-weight:bold } .pi-theme-ice-trail .pi-navigation a, .pi-theme-ice-trail .pi-navigation a:link, .pi-theme-ice-trail .pi-navigation a:visited { color:#000000!important; text-align:center; }

.pi-theme-ice-trail .pi-horizontal-group .pi-header { text-align:center!important; } .pi-theme-ice-trail .pi-horizontal-group .pi-horizontal-group-item { text-align:center!important; } .pi-theme-ice-trail .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width:0px; } /* .pi-theme-ice-trail .pi-horizontal-group .pi-horizontal-group-item { border-bottom-style:dotted!important; border-bottom-size:1px; } .pi-theme-ice-trail .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-ice-trail .footer-link a, .pi-theme-ice-trail .footer-link a:link, .pi-theme-ice-trail .footer-link a:visited { color:#006cb0!important; } /* This theme needs a little special attention to the img */ .pi-theme-ice-trail .pi-image img { max-width:inherit; width:100%!important; height:auto!important; }

/* Magic */ .pi-theme-magic .pi-image { background-color: #FFFFFF } .pi-theme-magic .pi-data-label, .pi-theme-magic .pi-title, .pi-theme-magic .pi-header, .pi-theme-magic .pi-navigation { background-color: #FFBF00; color: #FFFFFF } /* Episodes */ .pi-theme-episode .pi-image { background-color: #000000 } .pi-theme-episode .pi-data-label, .pi-theme-episode .pi-title, .pi-theme-episode .pi-header { background-color: #000000; color: #fff } .pi-theme-episode .pi-data-value, .pi-theme-episode .pi-data-label { flex-basis:50%!important; } .pi-theme-episode .pi-header:last-child { background-color:#FFFFFF; border-top-style:dotted; } .pi-theme-episode .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-episode .pi-navigation a, .pi-theme-episode .pi-navigation a:link, .pi-theme-episode .pi-navigation a:visited { color:#000000!important; text-align:center; }

.pi-theme-episode .footer-link { background-color:#ffffff; font-size:10px; text-align:center; } .pi-theme-episode .footer-link a, .pi-theme-episode .footer-link a:link, .pi-theme-episode .footer-link a:visited { color:#006cb0!important; } /* Other (characters) */ .pi-theme-other .pi-image { background-color: #FFFFFF } .pi-theme-other .pi-data-label, .pi-theme-other .pi-title, .pi-theme-other .pi-header { background-color: #FFFFFF; color: #000000 } .pi-theme-other .pi-data-value { background-color:#F5F5F5; }

.pi-theme-other .pi-header:last-child { background-color:#FFFFFF; } .pi-theme-other .pi-navigation { background-color: #DCDCDC; text-align:center; } .pi-theme-other .pi-navigation a, .pi-theme-other .pi-navigation a:link, .pi-theme-other .pi-navigation a:visited { color:#000000; } /* Locations */ .pi-theme-location.portable-infobox { width:auto!important } .pi-theme-location .pi-image { background-color: #4682B4 } .pi-theme-location .pi-data-label, .pi-theme-location .pi-title, .pi-theme-location .pi-header, .pi-theme-location .pi-navigation { background-color: #4682B4; color: #FFFFFF } /* Fights The main fight template; with non-PIs, was used only for 2-combatant fights. .pi-theme-fight .pi-image { background-color: #FFFFFF } .pi-theme-fight .pi-data-label { background-color: #FFFFFF } .pi-theme-fight .pi-title, .pi-theme-fight .pi-header { background-color: #8B0000; color: #FFFFFF } .pi-theme-fight.portable-infobox { border:1px solid #8B0000!important; border-bottom-width:1.5px!important; } /* Fixing data-value and data-label positional relationship, to make it more like non-PI */

.pi-theme-fight .pi-data-value { -ms-flex-preferred-size:82%; -webkit-flex-basis:82%; -moz-flex-basis:82%; flex-basis:82%; }

.pi-theme-fight .pi-data-label { -ms-flex-preferred-size:85px; -webkit-flex-basis:85px; -moz-flex-basis:85px; flex-basis:85px; padding: 5px 7px!important; }

/* This theme needs a little special attention to the img */ .pi-theme-fight .pi-image img { max-width:inherit; width:100%!important; height:auto!important; }

/* Fights/1

a 3-combatant template; may not really be necessary

.pi-theme-fight-1 .pi-image { background-color: #FFFFFF } .pi-theme-fight-1 .pi-data-label { background-color: #FFFFFF } .pi-theme-fight-1 .pi-title, .pi-theme-fight-1 .pi-header { background-color: #8B0000; color: #FFFFFF } .pi-theme-fight-1.portable-infobox { border:1px solid #8B0000; border-bottom-width:1.5px!important; } /* This theme needs a little special attention to the img */ .pi-theme-fight-1 .pi-image img { max-width:inherit; width:100%!important; height:auto!important; } /* Fixing data-value and data-label positional relationship, to make it more like non-PI */

.pi-theme-fight-1 .pi-data-value { -ms-flex-preferred-size:82%; -webkit-flex-basis:82%; -moz-flex-basis:82%; flex-basis:82%; }

.pi-theme-fight-1 .pi-data-label { -ms-flex-preferred-size:85px; -webkit-flex-basis:85px; -moz-flex-basis:85px; flex-basis:85px; padding: 5px 7px!important; }

/* Events */ .pi-theme-event .pi-image { background-color: #008080 }

.pi-theme-event .pi-title, .pi-theme-event .pi-header, .pi-theme-event .pi-navigation { background-color: #008080; color: #FFFFFF }	/* this is key to excepting exterior border color */ .pi-theme-event.portable-infobox { border:1px solid #008080!important; border-bottom-width:1.5px!important; }

/* this takes care of internal horizontal border lines */ .pi-theme-event .pi-border-color { border-color: #008080 } /* This theme needs a little special attention to the img */ .pi-theme-event .pi-image img { max-width:inherit; width:100%!important; height:auto!important; }

/* Music */ .pi-theme-music .pi-image { background-color: #FFFFFF } .pi-theme-music .pi-data-label, .pi-theme-music .pi-title, .pi-theme-music .pi-header { background-color: #2F4F4F; color: #FFFFFF }	.pi-theme-music .pi-data-label:last-child { background-color:#fff; color:#000000; } .pi-theme-music .pi-horizontal-group .pi-header { text-align:center!important; } .pi-theme-music .pi-horizontal-group .pi-horizontal-group-item { text-align:center!important; } .pi-theme-music .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) { border-left-width:0px; } .pi-theme-music .pi-navigation { background-color: #FFFFFF } .pi-theme-music .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-music .footer-link a, .pi-theme-music .footer-link a:link, .pi-theme-music .footer-link a:visited { color:#006cb0!important; } /* Ability */ .pi-theme-ability .pi-image { background-color: #FFFFFF } .pi-theme-ability .pi-data-label, .pi-theme-ability .pi-title, .pi-theme-ability .pi-header { background-color: #004953; color: #FFFFFF }

/* Occurrence */ .pi-theme-occurrence .pi-image { background-color: #FFFFFF } .pi-theme-occurrence .pi-data-label, .pi-theme-occurrence .pi-title, .pi-theme-occurrence .pi-header { background-color: #1E90FF; color: #FFFFFF }

/* Omake */ .pi-theme-omake .pi-image { background-color: #FFFFFF }

.pi-theme-omake .pi-data-label, .pi-theme-omake .pi-title, .pi-theme-omake .pi-header { background-color: #683A5E; color: #FFFFFF }

.pi-theme-omake .pi-navigation { background-color: #FFFFFF; border-top-style: dotted; text-align:center } /* Teams

though technically set by the user in the non-PI version, the background- color almost always chosen was #696969 with a font color of white.

.pi-theme-team .pi-image { background-color: #FFFFFF } .pi-theme-team .pi-data-label, .pi-theme-team .pi-title, .pi-theme-team .pi-header { background-color: #696969; color: #FFFFFF }

.pi-theme-team .pi-navigation { background-color: #FFFFFF; border-top-style: dotted; } /* Guilds

though technically set by the user in the non-PI version, the background- color chosen is often white with a font color of black.

.pi-theme-guild .pi-image { background-color: #FFFFFF }

.pi-theme-guild .pi-title, .pi-theme-guild .pi-header { background-color: #FFFFFF; color: #000000 }

.pi-theme-guild .pi-navigation { background-color: #FFFFFF; border-top-style: dotted; }

/* Celestial Spirit

check back after promulgation to   see what happens to the image of the key on the page "Cancer". */ .pi-theme-celestial-spirit .pi-image { background-color: #FFFFFF }

.pi-theme-celestial-spirit .pi-title, .pi-theme-celestial-spirit .pi-header { background-color: #FF8C00; color: #000000 }

.pi-theme-celestial-spirit .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-celestial-spirit .pi-navigation a, .pi-theme-celestial-spirit .pi-navigation a:link, .pi-theme-celestial-spirit .pi-navigation a:visited { color:#000000!important; } .gold.pi-data-value { background-color:gold; } .silver.pi-data-value { background-color:silver; } /* Races; the red of navbar */

.pi-theme-race .pi-image { background-color: #FFFFFF }

.pi-theme-race .pi-title, .pi-theme-race .pi-header { background-color: #8B0000; color: #000000 }

.pi-theme-race .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-race .pi-navigation a, .pi-theme-race .pi-navigation a:link, .pi-theme-race .pi-navigation a:visited { color:#000000!important; } /* Music */ .pi-theme-music .pi-image { background-color: #FFFFFF }

.pi-theme-music .pi-title, .pi-theme-music .pi-header { background-color: #2F4F4F; color: #FFFFFF }

.pi-theme-music .pi-navigation { background-color: #FFFFFF } /* Arc */ .pi-theme-arc .pi-image { background-color: #330006 }

.pi-theme-arc .pi-title, .pi-theme-arc.pi-header { background-color: #8b0000; color: #FFFFFF }

.pi-theme-arc .pi-navigation { background-color: #FFFFFF; border-top-style: dotted; } /* spell (lower-case "s")

Strangely, there's   and here

.pi-theme-spell .pi-image { background-color: #FFFFFF } .pi-theme-spell .pi-data-label, .pi-theme-spell .pi-title, .pi-theme-spell .pi-header { background-color: #ff4500; color: #000; }	/* Edolas Fairy Tail */

.pi-theme-edolas-fairy-tail .pi-image { background-color: #FFFFFF } .pi-theme-edolas-fairy-tail .pi-data-label, .pi-theme-edolas-fairy-tail .pi-title, .pi-theme-edolas-fairy-tail .pi-header { background-color: #00FF00; color: #FFF; }

.pi-theme-edolas-fairy-tail .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-edolas-fairy-tail .pi-navigation a, .pi-theme-edolas-fairy-tail .pi-navigation a:link, .pi-theme-edolas-fairy-tail .pi-navigation a:visited { color:#000000!important; }

/* Alvarez Empire */

.pi-theme-alvarez .pi-image { background-color: #FFFFFF } .pi-theme-alvarez .pi-data-label, .pi-theme-alvarez .pi-title, .pi-theme-alvarez .pi-header { background-color: #00FF00; color: #FFF; }

.pi-theme-alvarez .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-alvarez .pi-navigation a, .pi-theme-alvarez .pi-navigation a:link, .pi-theme-alvarez .pi-navigation a:visited { color:#000000!important; }

/* Dragon */

.pi-theme-dragon .pi-image { background-color: #FFFFFF } .pi-theme-dragon .pi-data-label, .pi-theme-dragon .pi-title, .pi-theme-dragon .pi-header { background-color: #8b0000; color: #FFF; }

.pi-theme-dragon .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-dragon .pi-navigation a, .pi-theme-dragon .pi-navigation a:link, .pi-theme-dragon .pi-navigation a:visited { color:#000000!important; }

/* Zentopia */

.pi-theme-zentopia .pi-image { background-color: #FFFFFF } .pi-theme-zentopia .pi-data-label, .pi-theme-zentopia .pi-title, .pi-theme-zentopia .pi-header { background-color: #FFDF08; color: #000; }

.pi-theme-zentopia .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-zentopia .pi-navigation a, .pi-theme-zentopia .pi-navigation a:link, .pi-theme-zentopia .pi-navigation a:visited { color:#000000!important; } /* Magic Council */

.pi-theme-magic-council .pi-image { background-color: #FFFFFF } .pi-theme-magic-council .pi-data-label, .pi-theme-magic-council .pi-title, .pi-theme-magic-council .pi-header { background-color: #000080; color: #000; }

.pi-theme-magic-council .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-magic-council .pi-navigation a, .pi-theme-magic-council .pi-navigation a:link, .pi-theme-magic-council .pi-navigation a:visited { color:#000000!important; } /* Minor Guild (member)

Unlike the Guild infobox, this one is aimed at individuals, not the guild organisation itself

.pi-theme-minor-guild .pi-image { background-color: #FFFFFF } .pi-theme-minor-guild .pi-data-label, .pi-theme-minor-guild .pi-title, .pi-theme-minor-guild .pi-header { background-color: #FFFFFF; color: #000; }

.pi-theme-minor-guild .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-minor-guild .pi-navigation a, .pi-theme-minor-guild .pi-navigation a:link, .pi-theme-minor-guild .pi-navigation a:visited { color:#000000!important; }

/* Extra */

.pi-theme-extra .pi-image { background-color: #FFFFFF } .pi-theme-extra .pi-data-label, .pi-theme-extra .pi-title, .pi-theme-extra .pi-header { background-color: #ffe4c4; color: #000; }	/* Sabertooth */

.pi-theme-sabertooth .pi-image { background-color: #FFFFFF } .pi-theme-sabertooth .pi-data-label, .pi-theme-sabertooth .pi-title, .pi-theme-sabertooth .pi-header { background-color: #daa520; color: #000000; }

.pi-theme-sabertooth .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-sabertooth .pi-navigation a, .pi-theme-sabertooth .pi-navigation a:link, .pi-theme-sabertooth .pi-navigation a:visited { color:#000000!important; }

/* Kingdom */

.pi-theme-kingdom .pi-image { background-color: #FFFFFF } .pi-theme-kingdom .pi-data-label, .pi-theme-kingdom .pi-title, .pi-theme-kingdom .pi-header { background-color: #BDB76B; color: #FFFFFF; }

.pi-theme-kingdom .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-kingdom .pi-navigation a, .pi-theme-kingdom .pi-navigation a:link, .pi-theme-kingdom .pi-navigation a:visited { color:#000000!important; } /* Blue Pegasus */

.pi-theme-blue-pegasus .pi-image { background-color: #FFFFFF } .pi-theme-blue-pegasus .pi-data-label, .pi-theme-blue-pegasus .pi-title, .pi-theme-blue-pegasus .pi-header { background-color: #6e8af9; color: #000000; }

.pi-theme-blue-pegasus .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-blue-pegasus .pi-navigation a, .pi-theme-blue-pegasus .pi-navigation a:link, .pi-theme-blue-pegasus .pi-navigation a:visited { color:#000000!important; }

/* ===================  Minor infoboxes Infoboxes on fewer than 10 pages (and most on  just 1 page) =================== */ /* Movie */

.pi-theme-movie .pi-image { background-color: #FFFFFF } .pi-theme-movie .pi-data-label, .pi-theme-movie .pi-title, .pi-theme-movie .pi-header { background-color: #cc0000; color: #FFFFFF }

.pi-theme-movie .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-movie .pi-navigation a, .pi-theme-movie .pi-navigation a:link, .pi-theme-movie .pi-navigation a:visited { color:#000000!important; }

/* Audio */ .pi-theme-audio .pi-image { background-color: #FFFFFF } .pi-theme-audio .pi-data-label, .pi-theme-audio .pi-title, .pi-theme-audio .pi-header { background-color: #000000; color: #FFFFFF }

.pi-theme-audio .pi-data-label:last-child { background-color:#fff; color:#000000 } /* Book */ .pi-theme-book .pi-image { background-color: #FFFFFF } .pi-theme-book .pi-data-label, .pi-theme-book .pi-title, .pi-theme-book .pi-header { background-color: #000000; color: #FFFFFF }

.pi-theme-book .pi-data-label:last-child { background-color:#fff; color:#000000 } /* Video Game */ .pi-theme-video-game .pi-image { background-color: #FFFFFF } .pi-theme-video-game .pi-data-label, .pi-theme-video-game .pi-title, .pi-theme-video-game .pi-header { background-color: #FF0000; color: #FFFFFF }

.pi-theme-video-game .pi-data-label:last-child { background-color:#fff; color:#000000 } .pi-theme-video-game .pi-navigation { background-color: #FFFFFF; border-top-style: dotted; text-align:center } .pi-theme-video-game .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-video-game .footer-link a, .pi-theme-video-game .footer-link a:link, .pi-theme-viodeo-game .footer-link a:visited { color:#006cb0!important; }

/* Cait Shelter */

.pi-theme-cait-shelter .pi-image { background-color: #FFFFFF } .pi-theme-cait-shelter .pi-data-label, .pi-theme-cait-shelter .pi-title, .pi-theme-cait-shelter .pi-header { background-color: #FFFF00; color: #FFFFFF }

.pi-theme-cait-shelter .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-cait-shelter .pi-navigation a, .pi-theme-cait-shelter .pi-navigation a:link, .pi-theme-cait-shelter .pi-navigation a:visited { color:#000000!important; } /* Nanalu Village Residents */

.pi-theme-nanalu .pi-image { background-color: #FFFFFF } .pi-theme-nanalu .pi-data-label, .pi-theme-nanalu .pi-title, .pi-theme-nanalu .pi-header { background-color: #DB7093; color: #FFFFFF }

.pi-theme-nanalu .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-nanalu .pi-navigation a, .pi-theme-nanalu .pi-navigation a:link, .pi-theme-nanalu .pi-navigation a:visited { color:#000000!important; }

/* Orochi's Fin */

.pi-theme-orochi .pi-image { background-color: #FFFFFF } .pi-theme-orochi .pi-data-label, .pi-theme-orochi .pi-title, .pi-theme-orochi .pi-header { background-color: #B5FF26; color: #FFFFFF }

.pi-theme-orochi .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-orochi .pi-navigation a, .pi-theme-orochi .pi-navigation a:link, .pi-theme-orochi .pi-navigation a:visited { color:#000000!important; } /* Phantom Lord */

.pi-theme-phantom-lord .pi-image { background-color: #FFFFFF } .pi-theme-phantom-lord .pi-data-label, .pi-theme-phantom-lord .pi-title, .pi-theme-phantom-lord .pi-header { background-color: #6F00FF; color: #FFFFFF }

.pi-theme-phantom-lord .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-phantom-lord .pi-navigation a, .pi-theme-phantom-lord .pi-navigation a:link, .pi-theme-phantom-lord .pi-navigation a:visited { color:#000000!important; } /* Red Lizard */

.pi-theme-red-lizard .pi-image { background-color: #FFFFFF } .pi-theme-red-lizard .pi-data-label, .pi-theme-red-lizard .pi-title, .pi-theme-red-lizard .pi-header { background-color: #C61022; color: #FFFFFF }

.pi-theme-red-lizard .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-red-lizard .pi-navigation a, .pi-theme-red-lizard  .pi-navigation a:link, .pi-theme-red-lizard .pi-navigation a:visited { color:#000000!important; } /* Shonen */

.pi-theme-shonen .pi-image { background-color: #FFFFFF } .pi-theme-shonen .pi-data-label, .pi-theme-shonen .pi-title, .pi-theme-shonen .pi-header { background-color: #CC0000; color: #FFFFFF }	/* Shonen */

.pi-theme-shonen .pi-image { background-color: #FFFFFF } .pi-theme-shonen .pi-data-label, .pi-theme-shonen .pi-title, .pi-theme-shonen .pi-header { background-color: #CC0000; color: #FFFFFF }

.pi-theme-shonen .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-shonen .pi-navigation a, .pi-theme-shonen  .pi-navigation a:link, .pi-theme-shonen .pi-navigation a:visited { color:#000000!important; } /* The First Morning */ .pi-theme-tfm .pi-image { background-color: #000000 } .pi-theme-tfm .pi-data-label, .pi-theme-tfm .pi-title, .pi-theme-tfm .pi-header { background-color: #000000; color: #fff } .pi-theme-tfm .pi-data-value, .pi-theme-tfm .pi-data-label { flex-basis:50%!important; } .pi-theme-tfm .pi-header:last-child { background-color:#FFFFFF; text-align:center; } .pi-theme-tfm .pi-navigation { background-color: #DCDCDC; text-align:center; } .pi-theme-tfm .pi-navigation a, .pi-theme-tfm .pi-navigation a:link, .pi-theme-tfm .pi-navigation a:visited { color:#000000!important; } /* Succubus Eye */

.pi-theme-succubus .pi-image { background-color: #FFFFFF } .pi-theme-succubus .pi-data-label, .pi-theme-succubus .pi-title, .pi-theme-succubus .pi-header { background-color: #191970; color: #ee82ee; }

.pi-theme-succubus .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-succubus .pi-navigation a, .pi-theme-succubus .pi-navigation a:link, .pi-theme-succubus .pi-navigation a:visited { color:#000000!important; } /* Sun Village */

.pi-theme-sun-village .pi-image { background-color: #FFFFFF } .pi-theme-sun-village .pi-data-label, .pi-theme-sun-village .pi-title, .pi-theme-sun-village .pi-header { background-color: #c6351f; color: #fff; }

.pi-theme-sun-village .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-sun-village .pi-navigation a, .pi-theme-sun-village .pi-navigation a:link, .pi-theme-sun-village .pi-navigation a:visited { color:#000000!important; }

/* Dark Guild */

.pi-theme-dark-guild .pi-image { background-color: #FFFFFF } .pi-theme-dark-guild .pi-data-label, .pi-theme-dark-guild .pi-title, .pi-theme-dark-guild .pi-header { background-color: #000000; color: #fff; }

.pi-theme-dark-guild .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-dark-guild .pi-navigation a, .pi-theme-dark-guild  .pi-navigation a:link, .pi-theme-dark-guild .pi-navigation a:visited { color:#000000!important; } /* Death's Head Caucus */

.pi-theme-dhc .pi-image { background-color: #FFFFFF } .pi-theme-dhc .pi-data-label, .pi-theme-dhc .pi-title, .pi-theme-dhc .pi-header { background-color: #B22222; color: #fff; }

.pi-theme-dhc .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-dhc .pi-navigation a, .pi-theme-dhc  .pi-navigation a:link, .pi-theme-dhc .pi-navigation a:visited { color:#000000!important; } /* Galuna Island Residents */

.pi-theme-galuna .pi-image { background-color: #FFFFFF } .pi-theme-galuna .pi-data-label, .pi-theme-galuna .pi-title, .pi-theme-galuna .pi-header { background-color: #6A5ACD; color: #fff; }

.pi-theme-galuna .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-galuna .pi-navigation a, .pi-theme-galuna  .pi-navigation a:link, .pi-theme-galuna .pi-navigation a:visited { color:#000000!important; } /* Weapon */

.pi-theme-weapon .pi-image { background-color: #FFFFFF } .pi-theme-weapon .pi-data-label, .pi-theme-weapon .pi-title, .pi-theme-weapon .pi-header { background-color: #C0C0C0; color: #000; }	/* Grimoire Heart */

.pi-theme-grimoire .pi-image { background-color: #FFFFFF } .pi-theme-grimoire .pi-data-label, .pi-theme-grimoire .pi-title, .pi-theme-grimoire .pi-header { background-color: #000000; color: #FF0000; }

.pi-theme-grimoire .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-grimoire .pi-navigation a, .pi-theme-grimoire  .pi-navigation a:link, .pi-theme-grimoire .pi-navigation a:visited { color:#000000!important; } /* Plant */

.pi-theme-plant .pi-image { background-color: #FFFFFF } .pi-theme-plant .pi-data-label, .pi-theme-plant .pi-title, .pi-theme-plant .pi-header { background-color: #008000; color: #000; }	/* Lamia Scale */

.pi-theme-lamia-scale .pi-image { background-color: #FFFFFF } .pi-theme-lamia-scale .pi-data-label, .pi-theme-lamia-scale .pi-title, .pi-theme-lamia-scale .pi-header { background-color: #4d9b00; color: #fff; }

.pi-theme-lamia-scale .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-lamia-scale .pi-navigation a, .pi-theme-lamia-scale .pi-navigation a:link, .pi-theme-lamia-scale .pi-navigation a:visited { color:#000000!important; } /* Mermaid Heel */

.pi-theme-mermaid-heel .pi-image { background-color: #FFFFFF } .pi-theme-mermaid-heel .pi-data-label, .pi-theme-mermaid-heel .pi-title, .pi-theme-mermaid-heel .pi-header { background-color: #ff69b4; color: #fff; }

.pi-theme-mermaid-heel .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-mermaid-heel .pi-navigation a, .pi-theme-mermaid-heel .pi-navigation a:link, .pi-theme-mermaid-heel .pi-navigation a:visited { color:#000000!important; } /* Sylph Labyrinth */

.pi-theme-sylph-labyrinth .pi-image { background-color: #FFFFFF } .pi-theme-sylph-labyrinth .pi-data-label, .pi-theme-sylph-labyrinth .pi-title, .pi-theme-sylph-labyrinth .pi-header { background-color: #87ceeb; color: #000; }

.pi-theme-sylph-labyrinth .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-sylph-labyrinth .pi-navigation a, .pi-theme-sylph-labyrinth .pi-navigation a:link, .pi-theme-sylph-labyrinth .pi-navigation a:visited { color:#000000!important; } /* Grimoire Heart */

.pi-theme-grimoire .pi-image { background-color: #FFFFFF } .pi-theme-grimoire .pi-data-label, .pi-theme-grimoire .pi-title, .pi-theme-grimoire .pi-header { background-color: #000000; color: #FF0000; }

.pi-theme-grimoire .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-grimoire .pi-navigation a, .pi-theme-grimoire  .pi-navigation a:link, .pi-theme-grimoire .pi-navigation a:visited { color:#000000!important; } /* Avatar */

.pi-theme-avatar .pi-image { background-color: #FFFFFF } .pi-theme-avatar .pi-data-label, .pi-theme-avatar .pi-title, .pi-theme-avatar .pi-header { background-color: #000000; color: #b3006a; }

.pi-theme-avatar .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-avatar .pi-navigation a, .pi-theme-avatar  .pi-navigation a:link, .pi-theme-avatar .pi-navigation a:visited { color:#000000!important; } /* Crime Sorciere */

.pi-theme-crime-sorciere .pi-image { background-color: #FFFFFF } .pi-theme-crime-sorciere .pi-data-label, .pi-theme-crime-sorciere .pi-title, .pi-theme-crime-sorciere .pi-header { background-color: #20b2aa; color: #fff; }

.pi-theme-crime-sorciere .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-crime-sorciere .pi-navigation a, .pi-theme-crime-sorciere  .pi-navigation a:link, .pi-theme-crime-sorciere .pi-navigation a:visited { color:#000000!important; } /* Organization */

.pi-theme-org .pi-image { background-color: #FFFFFF } .pi-theme-org .pi-data-label, .pi-theme-org .pi-title, .pi-theme-org .pi-header { background-color: #fff; color: #000; }	/* Quatro Cerberus */

.pi-theme-quatro-cerberus .pi-image { background-color: #FFFFFF } .pi-theme-quatro-cerberus .pi-data-label, .pi-theme-quatro-cerberus .pi-title, .pi-theme-quatro-cerberus .pi-header { background-color: #7c5c0c; color: #fff; }

.pi-theme-quatro-cerberus .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-quatro-cerberus .pi-navigation a, .pi-theme-quatro-cerberus  .pi-navigation a:link, .pi-theme-quatro-cerberus .pi-navigation a:visited { color:#000000!important; } /* Tartaros */

.pi-theme-tartaros .pi-image { background-color: #FFFFFF } .pi-theme-tartaros .pi-data-label, .pi-theme-tartaros .pi-title, .pi-theme-tartaros .pi-header { background-color: #000000; color: #ff4500; }

.pi-theme-tartaros .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-tartaros .pi-navigation a, .pi-theme-tartaros  .pi-navigation a:link, .pi-theme-tartaros .pi-navigation a:visited { color:#000000!important; }

/* Exceed */

.pi-theme-exceed .pi-image { background-color: #FFFFFF } .pi-theme-exceed .pi-data-label, .pi-theme-exceed .pi-title, .pi-theme-exceed .pi-header { background-color: #000000; color: #b684bb; }

.pi-theme-exceed .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-exceed .pi-navigation a, .pi-theme-exceed  .pi-navigation a:link, .pi-theme-exceed .pi-navigation a:visited { color:#000000!important; }

/* Edolas */

.pi-theme-edolas .pi-image { background-color: #FFFFFF } .pi-theme-edolas .pi-data-label, .pi-theme-edolas .pi-title, .pi-theme-edolas .pi-header { background-color: #B6A9A9; color: #fff; }

.pi-theme-edolas .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-edolas .pi-navigation a, .pi-theme-edolas  .pi-navigation a:link, .pi-theme-edolas .pi-navigation a:visited { color:#000000!important; }

/* OVA */

.pi-theme-ova .pi-image { background-color: #FFFFFF } .pi-theme-ova .pi-data-label, .pi-theme-ova .pi-title, .pi-theme-ova .pi-header { background-color: #B6A9A9; color: #ffF; }

.pi-theme-ova .pi-navigation { background-color: #DCDCDC; text-align:center } .pi-theme-ova .pi-data-value, .pi-theme-ova .pi-data-label { flex-basis:50%!important; } .pi-theme-ova .pi-navigation { background-color:#FFFFFF; border-top-style:dotted; } .pi-theme-ova .footer-link { background-color:#ffffff; font-size:10px; } .pi-theme-ova .footer-link a, .pi-theme-ova .footer-link a:link, .pi-theme-ova .footer-link a:visited { color:#006cb0!important; }