Fairy Tail Wiki
Fairy Tail Wiki
3385
страниц
Нет описания правки
Метка: sourceedit
мНет описания правки
Строка 247: Строка 247:
 
/*Цветные Ники*/
 
/*Цветные Ники*/
 
/*Администраторы */
 
/*Администраторы */
a[href$="%D0%90%D0%BC%D0%B0%D0%BD%D0%B8"] {color:#ffcc00 !important;}
 
 
 
a[href$="Katuwa"] {color:#20B2AA !important;}
 
a[href$="Katuwa"] {color:#20B2AA !important;}
   

Версия от 14:32, 17 ноября 2017

.WikiaArticle .article-thumb .attribution {
display:none;
}

/* Timer CSS */
#displayTimer { font-size: 12px !important; } 

#showdate a { color: white !important; }

/* Show Large Tables Normally */
.WikiaWideTablesWrapper canvas {display:none;}
.WikiaWideTablesWrapper img.sprite.popout {display:none;}
.WikiaWideTablesWrapper > .table {overflow:visible;}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

.newcategory {color:darkorange;}

/***** Background CSS *****/

body {
background-attachment: fixed;
}

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;

}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em;
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,  .lang-block2, .lang-block3  {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}

div.ajax-poll{ 
  width:auto !important; 
  border: 1px solid #A0A0A0 !important;
}

/**********************/
/*** TABBER STYLING ***/
/**********************/
 
ul.tabbernav { border-bottom: 1px solid #8b0000 !important; }
 
ul.tabbernav li a:link { color: auto; }
 
ul.tabbernav li a {
  background-color:white !important;
  border-top:1px solid #8b0000 !important;
  border-left:1px solid #8b0000 !important;
  border-right:1px solid #8b0000 !important;
  border-bottom:1px !important;
  -moz-border-radius:0 0 0 0 !important;
  -webkit-border-radius:0 0 0 0 !important;
  margin-right:0;
  padding:5px 10px 2px;
  color: #8b0000 !important;
}
 
ul.tabbernav li.tabberactive a {
  background: salmon !important;
  border:1px solid #8b0000 !important;
  border-bottom:1px !important;
  -moz-border-radius:0 0 0 0 !important;
  -webkit-border-radius:0 0 0 0 !important;
  margin-right:0;
  padding:5px 10px 2px;
  color:#8b0000 !important;
}
 
.tabbertab p { margin: 0; }
 
 
table.notice_template {
  width:90% !important;
  padding:.5em;
  margin:auto;
  background-color:salmon;
  text-align:left;
  border-bottom:1px solid #8b0000;
  border-right:1px solid #8b0000;
  border-top:3px solid #8b0000;
  border-left:2px solid #8b0000;
  -moz-border-radius:0em;
  -khtml-border-radius: 0em;
  -webkit-border-radius: 0em;
  border-radius: 0em;
  box-shadow:0 10px 14px #cc0000;
}
 
table.notice_template th {
  padding:.4em;
  border-spacing:0.5em;
  background:salmon;
  border:1px solid #8b0000;
  -moz-border-radius:0em;
  -khtml-border-radius: 0em;
  -webkit-border-radius: 0em;
  border-radius: 0em;
}

/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/* Hides image attribution on articles */

 .picture-attribution { display:none !important; }

/*  Decreasing Reference Size */
 .references {font-size:10px;}

/* Changing color of Administrator Blog Comments */
/*** Article Comments - Admin Highlighting ***/
 
.comments li.article-comment-staff > blockquote {
   background: #ACCFEF !important;
}
.comments li.article-comment-staff > blockquote:after {
   border-color: transparent #ACCFEF #ACCFEF transparent !important;
}
.comments li.article-comment-staff > blockquote div {
   background: transparent !important;
}

/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {
    background: url("http://images.wikia.com/central/images/5/5d/Checker-16x16.png") repeat;
}

/*Цветные Ники*/
/*Администраторы */
a[href$="Katuwa"] {color:#20B2AA !important;}

a[href$="%D0%9A%D1%81%D0%B8%D0%BB%D0%B5%CC%81%D0%BC%D0%B0"] {color:#ba55d3 !important;}

a[href$="%D0%92%D1%81%D0%B0%D0%B4%D0%BD%D0%B8%D0%BA_%D0%B8%D0%B7_%D0%BB%D1%8C%D0%B4%D0%B0"] {color:#000000 !important;}

/*Опытные Участники*/
a[href$="Saritomus"] {color:#DC143C !important;}

a[href$="Hariksa"] {color:#00BFFF !important;}

/* == Навбокс == */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Задний Цвет */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}

.portal_body:hover span.portalEditLink { display: block !important; }
 
/*********************************/
/* main page jquery tabs/sliders */
/*********************************/
.ui-tabs { position: relative; padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-tabs-hide { display: none !important; }
 
/**********/
/* portal */
/**********/
.portal_container { }
.portal_section ul  { list-style: disc; }
.portal_section { border: 1px solid #222; margin: 0 0 10px 0; background: transparent; background-image: -moz-linear-gradient(top, #181818 0, #080808 100%); -moz-border-radius: 1em; -moz-box-shadow: 1px 1px 4px rgb(24, 24, 24); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0, #181818), color-stop(100%, #080808)); -webkit-border-radius: 1em; -webkit-box-shadow: 1px 1px 4px rgb(24, 24, 24); border-radius: 1em; box-shadow: 1px 1px 4px rgb(24, 24, 24); }
.portal_header { padding: 0 1em; position: relative; }
.portal_header_text { display: table; width: 100%; padding: 0.6em 0 0 0; border-bottom: 1px dotted MediumVioletRed; text-align: center; font-family: IMFELLDWPicaPRORegular; font-size: 2em; }
.portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; bottom: -2em; }
.portal_header, .portal_header a:link, .portal_header a:visited, .portal_header a:hover, .portal_header a:active { color: #BE1A16; }
.portal_body { padding: 0.8em; }
.portal_subheader { padding: 0 1em; position: relative; font-size: 0.9em; }
.portal_subheader, .portal_subheader a:link, .portal_subheader a:visited, .portal_subheader a:hover, .portal_subheader a:active { #BE1A16; }
.portal_subheader_text { display: table; width: 100%; padding: 0.4em 0 0 0; border-bottom: 1px dotted MediumVioletRed; text-align: left; font-family: IMFELLDWPicaPRORegular; font-size: 1.8em; color: #BE1A16; }
 
/******************/
/* portal: slider */
/******************/
#portal_slider { margin: 0px; padding: 0px; position: relative; height: 300px; }
#portal_slider #portal_next, #portal_slider #portal_prev { text-align: center; cursor: pointer; border: 0px solid #FEC356; height: 30px !important; width: 20px; font-family: arial, san-serif; font-size: 36px; line-height: 22px; font-weight: bold; position: absolute; bottom: 8px; background: transparent; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); -webkit-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.8); background-image: -moz-linear-gradient(bottom, rgb(75,75,75) 0, rgb(165,165,165) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(75,75,75)), color-stop(100%, rgb(165,165,165))); text-shadow: 1px 1px rgba(255, 255, 255, 0.3), -1px 0 rgba(0,0,0,0.3); color: rgb(115,115,115); -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#portal_slider #portal_next:hover, #portal_slider #portal_prev:hover { background-image: -moz-linear-gradient(bottom, rgb(90,90,90) 0, rgb(185,185,185) 100%); background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0, rgb(90,90,90)), color-stop(100%, rgb(185,185,185))); color: rgb(140,140,140); }
#portal_slider #portal_next { right: 10px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-top-right-radius: 8px; -webkit-border-bottom-right-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
#portal_slider #portal_prev { right: 31px; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-bottom-left-radius: 8px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
#portal_slider > .portal_body { padding: 0; }
 
 
/*******************/
/* portal: content */
/*******************/
#portal_content { font-size: 0.9em; line-height: 1.7em; font-family: Verdana, Arial, Helvetica, sans-serif; }
#portal_content .portal_body > table { height: 300px; }
#portal_content ul { list-style: disc outside; }
#portal_content ul ul { margin-left: 1em; }
 
/****************/
/* portal: news */
/****************/
#portal_news .WikiaBlogListingBox, #portal_news ul, .CommunityCornerModule .WikiaBlogListingBox { font-size: 100%; width: auto; float: none; clear: none; border: 0; padding: 0; background: transparent; }
#portal_news .WikiaBlogListingBox h3, #portal_news .wikia-button, .CommunityCornerModule .WikiaBlogListingBox h3 { display: none; }
#portal_news .WikiaBlogListingPost { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; list-style-type: none; } /* override the default border #portal_news colors */
 
/******************/
/* portal: forums */
/******************/
#portal_forums .forum_title { }
#portal_forums .forum_edited { text-align: right; }
 
/*******************/
/* portal: twitter */
/*******************/
#portal_twitter .twtr-hd { display: none !important; } /* removes header */
#portal_twitter .twtr-ft { display: none !important; } /* removes footer */
#portal_twitter .twtr-tweet { border-bottom-color: #DCDCDC !important; } /* changes the dividing dotted lines to red */
/*#portal_twitter ul li { border-top: 0px !important; border-bottom: 1px dotted rgb(220,220,220) !important; padding: 0.2em 0; list-style: none; }  change it from a bulleted list into a unbulleted list */
/*#portal_twitter ul { margin-left: 0em !important; } */
 
/****************/
/* portal: poll */
/****************/
#portal_poll .ajax-poll { border: 0px; } /* give the poll some room on the right */
#portal_poll .pollAnswer { margin-bottom: 0.5em !important; } /* give each poll entry some space at the bottom */
#portal_poll .pollAnswerVotes { border-color: #dddddd; background-color: transparent; -moz-border-radius: 0.3em; -webkit-border-radius: 0.3em; border-radius: 0.3em; } /* round the edges a tad */
#portal_poll .pollAnswerVotes > span { background-color: transparent; }
#portal_poll .pollAnswerVotes > div {background-color:#8b0000 !important;}

/* Crown Title Font */
@font-face {
font-family: Crown Title;
src: url('http://www.dafont.com/CROWNT.TTF'),
     url('http://www.dafont.com/CROWNT.eot') format("opentype"); /* IE */
}

/* Фон вики */

body.background-dynamic.skin-oasis {
    background: #000000;
}

Pseudo ::before element
body.background-dynamic.skin-oasis.background-fixed::after, body.background-dynamic.skin-oasis.background-fixed::before {
    position: fixed;
}
body.background-dynamic.skin-oasis::before {
    left: 50%;
    margin-left: -1000px;
}
body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before {
    background-image: url("http://vignette3.wikia.nocookie.net/fairytail/images/d/d6/New_Background.png/revision/latest?cb=20160401172746&path-prefix=ru");
    background-repeat: no-repeat;
    content: '';
    height: 1000px;
    top: 0;
    width: 1000px;
    z-index: -1;
}

@media screen and (min-width: 1596px){
body.background-dynamic.skin-oasis::before {
    background-position: 0;
    left: 50%;
    margin-left: -1150px;
}
}
@media screen and (min-width: 1596px){
body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before {
    width: 1000px;
}

body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before {
    background-image: url("http://vignette3.wikia.nocookie.net/fairytail/images/d/d6/New_Background.png/revision/latest?cb=20160401172746&path-prefix=ru");
    background-repeat: no-repeat;
    content: '';
    height: 1000px;
    top: 0;
    z-index: -1;
}
}

Pseudo ::after element
body.background-dynamic.skin-oasis.background-fixed::after, body.background-dynamic.skin-oasis.background-fixed::before {
    position: fixed;
}
body.background-dynamic.skin-oasis::after {
    background-position: -1000px 0;
    margin-right: -1000px;
    right: 50%;
}
body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before {
    background-image: url("http://vignette3.wikia.nocookie.net/fairytail/images/d/d6/New_Background.png/revision/latest?cb=20160401172746&path-prefix=ru");
    background-repeat: no-repeat;
    content: '';
    height: 1000px;
    top: 0;
    width: 1000px;
    z-index: -1;
}

@media screen and (min-width: 1596px){
body.background-dynamic.skin-oasis:after {
    background-position: -1000px 0;
    margin-right: -1150px;
    right: 50%;
}
}
@media screen and (min-width: 1596px){
body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before {
    width: 1000px;
}
body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before {
    background-image: url("http://vignette3.wikia.nocookie.net/fairytail/images/d/d6/New_Background.png/revision/latest?cb=20160401172746&path-prefix=ru");
    background-repeat: no-repeat;
    content: '';
    height: 1000px;
    top: 0;
    z-index: -1;
}
}

/**** Фон в окошке поиска (с Блич Вики) ****/
.WikiaSearch input[type="text"] {
  background: rgba(0,0,0,0.20) url(http://img2.wikia.nocookie.net/__cb20140712205750/fairytail/ru/images/0/02/SearchBar.png) no-repeat right top !important;
}

/*******************/
/* Стиль таббера */
/*******************/

ul.tabbernav {
    border-bottom: 0px solid !important;
    font: normal 15px Helvetica, Arial, sans-serif !important;
    padding: 10px 0px !important;
    border-top: 5px solid #af0404;
    border-radius: 0px !important;
}
 
ul.tabbernav li {
}
 
ul.tabbernav li a {
    padding: 10px 10px !important;
    margin-left: 0px !important;
    border: 0px solid !important;
    background: #FFF !important;
    border-radius: 0px !important;
}
 
ul.tabbernav li a:link {
    color: #af0404 !important;
}
 
ul.tabbernav li a:visited {
    color: #af0404 !important;
}
 
ul.tabbernav li a:hover {
    background-color: #af0404 !important;
    border-color: transparent !important;
    color: #FFF !important;
    border-radius: 0px !important;
}
 
ul.tabbernav li.tabberactive a {
    color:#FFF !important;
    font-weight:normal !important;
    border: 0px solid #D9D9D9 !important;
    border-bottom: 1px solid #fff !important;
    background-color: #af0404 !important;
    border-radius: 0px !important;
}
 
ul.tabbernav li.tabberactive a:hover {
    border: 0px solid #D9D9D9 !important;
    border-bottom: 0px solid #fff !important;
    border-radius: 0px;
}
 
.tabberlive {
    width: auto !important;
}
 
.tabberlive .tabbertab {
    border: 0px solid #D9D9D9 !important;
    border-top: 0 !important;
    border-radius: 0px !important;
}

/* Модули деятельности */
.WikiaRail .module {
    border: 1px solid #781f19;
    background: transparent;
    border-radius: 10px;
    box-shadow: 1px 4px 8px rgba(0,0,0,0.5);
}
.WikiaRail .module h2 {
	padding: 5px 5px 5px 5px;
    margin: -20px -15px 10px -15px;
	width: calc(108% - 1px);
    border-radius: 8px 8px 0px 0px;
	text-shadow: 1px 1px 4px black;
	color: #fff;    
    text-align: center;
	background-image: -o-linear-gradient(left, darkred, #9b111e, darkred);
	background-image: -ms-linear-gradient(left, darkred, red, darkred);
	background-image: -moz-linear-gradient(left, darkred, red, darkred);
	background-image: -khtml-linear-gradient(left, darkred, red, darkred);
	background-image: -webkit-linear-gradient(left, #6e0c16, #9b111e, #6e0c16);
}
.WikiaRail .module {
	margin-top: 20px;
}
 
.WikiaRail .rail-module {
	width: calc(300px - 2px);
	padding: 0px;
	margin: 0px;
    border: 1px solid #781f19;
    border-radius: 10px;
    background: white;
    box-shadow: 1px 4px 8px rgba(0,0,0,0.5);
    background: transparent;
}
 
.WikiaRail .rail-module ul {
    margin: 12px; }
 
.WikiaRail .rail-module h2 {
	width: calc(300px - 12px);
	padding: 2px 0px 2px 10px;
    margin: 0px;
    text-align: center;
	color: #fff;
	text-shadow: 1px 1px 4px black;
    border-radius: 8px 8px 0px 0px;
	background-image: -o-linear-gradient(left, darkred, #4f4f4f, darkred);
	background-image: -ms-linear-gradient(left, darkred, red, darkred);
	background-image: -moz-linear-gradient(left, darkred, red, darkred);
	background-image: -khtml-linear-gradient(left, darkred, red, darkred);
	background-image: -webkit-linear-gradient(left, #6e0c16, #9b111e, #6e0c16);
}
 
.WikiaRail .rail-module .content {
    margin: 22px 12px 12px 12px; }
 
#wikia-recent-activity {
	margin: 20px 0px 0px 0px;
}

/* Блок "Горячие точки" (изменение цветов) */
 
.HotSpotsModule li .hot-spot-severity-1 {
background-color: #800000 !important; 
}
.HotSpotsModule li .hot-spot-severity-2 {
background-color: #B22222 !important; 
}
.HotSpotsModule li .hot-spot-severity-3 {
background-color: #FF4500 !important; 
}
.HotSpotsModule li .hot-spot-severity-4 {
background-color: #FF6347 !important; 
}
.HotSpotsModule li .hot-spot-severity-5 {
background-color: #FF7F50 !important; 
}

/* Аватары участников = скругление */
 
.avatar {
   border-radius: 8px;
}

/* Обводка страницы */
.WikiaPage {
        border: 2px solid #8B0000;
        border-radius: 5px;
}

.WikiaArticle {
         overflow: visible;
}

/* Cтиль модульных инфобоксов */
.portable-infobox {
    border: 1px solid #999;
    background:#ffffff;
    width:300px!important;
}
.portable-infobox .pi-item-spacing {
    padding: 0
}
.portable-infobox .pi-image,
.portable-infobox .pi-background {
    background-color: #ffffff;
}

.portable-infobox .pi-title {
    text-align: center;
    font-weight:bold;
    padding:2px;
    font-size:13px;
    line-height:22px;
}
.portable-infobox .pi-header,
.portable-infobox .pi-title {
    border-bottom: 1px solid #999;
}
.portable-infobox .pi-header {
    font-size:11px;
    padding:5px;
    text-align:center;
}
 
.portable-infobox .pi-data {
    padding: 0;
}
 
.portable-infobox .pi-data-label,
.portable-infobox .pi-data-value {
    padding: 5px 10px;
    font-size:11px;
    line-height:14px
}
 
.portable-infobox .pi-data-label {
    -ms-flex-preferred-size: 80px;
    -webkit-flex-basis: 80px;
    -moz-flex-basis: 80px;
    flex-basis: 80px;
}
 
.portable-infobox .pi-item-spacing,
.portable-infobox .pi-group {
    border-color: #999;
}
.pi-header a:link, .pi-header a:visited {
    color:inherit !important;
}
.pi-image-thumbnail {
    max-width: 100%;
    height: auto;
}
.pi-image img {
     max-width:100%;
     width:100%;
     height:auto;
}
/* Taking care of use of {{switch}} in
   some infoboxes, so that the background
   is white, as opposed to the bottom
   navigation, which is typically Gainsboro */

.portable-infobox .pi-navigation:first-child {
     background:#ffffff;
     text-align:center;
     color:#000000;
} 

.portable-infobox .pi-navigation:first-child a,
.portable-infobox .pi-navigation:first-child a:link,
.portable-infobox .pi-navigation:first-child a:visited {
     color:#006cb0
} 

/* Horizontal groups

   This wiki generally seems
   to prefer its horizontal groups left-
   justified, rather than centered 

*/
.pi-horizontal-group .pi-header {
   text-align:left!important;
   padding:5px!important
}
.pi-horizontal-group .pi-horizontal-group-item {
   text-align:left!important;
   padding:2px 5px 5px 5px!important
} 
.portable-infobox .pi-data-value ul {
   text-indent:-1em;
   padding-left:1.5em;
   padding-top:.25em
}
.pi-horizontal-group .pi-data-label {
   background:#fff!important;
   color:#000!important;
}

/* -----------------
   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 
   {{Character Template (Spell)}}
   and
   {{Character Template (spell)}} 
   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;
    text-align:center;
}
.pi-theme-chapter .footer-link a,
.pi-theme-chapter .footer-link a:link,
.pi-theme-chapter .footer-link a:visited {
    color:#006cb0!important;
    text-align:center;
}


/* 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;
    text-align:center;
}
.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;
    text-align:center;
}  

/* 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;
}


/* 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;
}

/* 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.portable-infobox {
     width:300px!important
}
.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;
}
.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;
}

.pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-episode .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

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

/* 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, 
   {{Character Template (Fight)}}
   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;
}

/* 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;
}

/* 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
}

/* 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.portable-infobox {
     width:300px!important
}
.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-data-value,
.pi-theme-omake .pi-data-label {
	flex-basis:50%!important;
}


.pi-theme-omake .pi-navigation {
	background-color: #DCDCDC;
	text-align:center
}

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

.pi-theme-omake .footer-link {
    background-color:#FFF;
    font-size:10px;
    text-align:center;
    border-top:1px dotted #000
}
.pi-theme-omake .footer-link a,
.pi-theme-omake .footer-link a:link,
.pi-theme-omake .footer-link a:visited {
    color:#006cb0!important;
}

.pi-theme-omake .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-omake .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-omake .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

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



/* 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;
	text-align:center;
        background-color:#DCDCDC
}
.pi-theme-team .pi-navigation a,
.pi-theme-team .pi-navigation a:link,
.pi-theme-team .pi-navigation a:visited {
	color:#000000!important;
}
/* 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-data-label,
.pi-theme-guild .pi-title,
.pi-theme-guild .pi-header { 
     background-color: #d3d3d3;
     color: #000000 
}	

.pi-theme-guild .pi-navigation {
	background-color: #FFFFFF;
	border-top-style: dotted;
}
.pi-theme-guild .pi-navigation a,
.pi-theme-guild .pi-navigation a:link,
.pi-theme-guild .pi-navigation a:visited {
	color:#000000!important;
}

/* 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-data-label,   
.pi-theme-celestial-spirit .pi-title,
.pi-theme-celestial-spirit .pi-header { 
     background-color: #FF8C00;
     color: #fff; 
}	

.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;
}
.pi-data-value.gold {
	background-color:gold;
}
.pi-data-value.silver {
	background-color:silver;
}
/* Races; the red of navbar */

.pi-theme-race .pi-image { 
     background-color: #FFFFFF 
}
.pi-theme-race .pi-data-label,   
.pi-theme-race .pi-title,
.pi-theme-race .pi-header { 
     background-color: #8B0000;
     color: #fff 
}	

.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 {
     background-color: #330006;
     color: #FFFFFF
}

.pi-theme-arc .pi-data-label,
.pi-theme-arc .pi-header { 
     background-color: #8b0000;
     color: #FFFFFF 
}
.pi-theme-arc .pi-data-value,
.pi-theme-arc .pi-data-label {
	flex-basis:50%!important;
}	

.pi-theme-arc .pi-navigation {
	background-color: #FFFFFF;
	text-align:center;
}
.pi-theme-arc .footer-link {
    background-color:#ffffff;
    font-size:10px;
    text-align:center;
    border-top:1px dotted #000
}
.pi-theme-arc .footer-link a,
.pi-theme-arc .footer-link a:link,
.pi-theme-arc .footer-link a:visited {
    color:#006cb0!important;
    text-align:center;
}

.pi-theme-arc .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-arc .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-arc .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

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



/* spell (lower-case "s") 

   Strangely, there's 
   {{Character Template (Spell)}}
   and
   {{Character Template (spell)}} 
   here
   
*/

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

.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: #00ae66;
     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: #FFF; 
}	

.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:#006cb0!important;
} 


.pi-theme-movie .footer-link {
    background-color:#F2F2F2;
    font-size:10px;
    text-align:center;
    border-top:1px dotted #000
}
.pi-theme-movie .footer-link a,
.pi-theme-movie .footer-link a:link,
.pi-theme-movie .footer-link a:visited {
    color:#006cb0!important;
}

.pi-theme-movie .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-movie .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-movie .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

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

/* 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
}
.pi-theme-audio .pi-navigation a,
.pi-theme-audio .pi-navigation a:link,
.pi-theme-audio .pi-navigation a:visited {
	color:#006cb0!important;
} 


.pi-theme-audio .footer-link {
    background-color:#F2F2F2;
    font-size:10px;
    text-align:center;
    border-top:1px dotted #000
}
.pi-theme-audio .footer-link a,
.pi-theme-audio .footer-link a:link,
.pi-theme-audio .footer-link a:visited {
    color:#006cb0!important;
}

.pi-theme-audio .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-audio .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-audio .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

.pi-theme-audio .pi-horizontal-group .pi-header {
   text-align:center!important;
}
.pi-theme-audio .pi-horizontal-group .pi-horizontal-group-item {
   text-align:center!important;
} 
.pi-theme-audio .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
   border-left-width:0px;   
}
/* 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
}
.pi-theme-book .pi-navigation a,
.pi-theme-book .pi-navigation a:link,
.pi-theme-book .pi-navigation a:visited {
	color:#006cb0!important;
} 


.pi-theme-book .footer-link {
    background-color:#F2F2F2;
    font-size:10px;
    text-align:center;
    border-top:1px dotted #000
}
.pi-theme-book .footer-link a,
.pi-theme-book .footer-link a:link,
.pi-theme-book .footer-link a:visited {
    color:#006cb0!important;
}

.pi-theme-book .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-book .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-book .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

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

/* 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;
}
.pi-theme-video-game .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-video-game .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-video-game .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

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

/* 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: #000 
}	

.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: #000000 
}	

.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: #FFF; 
}	
/* 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; 
}
.pi-theme-org .pi-data-value {
     background-color:#F5F5F5
}	
/* 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 { 
     color: #FFF;
     background-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;
} 

/* Dullahan Head */
.pi-theme-dullahan-head .pi-image {
     background-color: #FFFFFF
}
.pi-theme-dullahan-head .pi-data-label,
.pi-theme-dullahan-head .pi-title,
.pi-theme-dullahan-head .pi-header {
     background-color: #028F1E;
     color: #FFF;
}
.pi-theme-dullahan-head .pi-navigation {
     background-color: #DCDCDC;
     text-align:center
}
.pi-theme-dullahan-head .pi-navigation a,
.pi-theme-dullahan-head .pi-navigation a:link,
.pi-theme-dullahan-head .pi-navigation a:visited {
     color:#000000!important;
}

/* Magnolia Town */
.pi-theme-magnolia-town .pi-image {
     background-color: #FFFFFF
}
.pi-theme-magnolia-town .pi-data-label,
.pi-theme-magnolia-town .pi-title,
.pi-theme-magnolia-town .pi-header {
     background-color: #D2B48C;
     color: #000000;
}
.pi-theme-magnolia-town .pi-navigation {
     background-color: #DCDCDC;
     text-align:center
}
.pi-theme-magnolia-town .pi-navigation a,
.pi-theme-magnolia-town .pi-navigation a:link,
.pi-theme-magnolia-town .pi-navigation a:visited {
     color:#000000!important;
}

/* Twilight Ogre */
.pi-theme-twilight-ogre .pi-image {
     background-color: #FFFFFF
}
.pi-theme-twilight-ogre .pi-data-label,
.pi-theme-twilight-ogre .pi-title,
.pi-theme-twilight-ogre .pi-header {
     background-color: #556B2F;
     color: #FFFFFF;
}
.pi-theme-twilight-ogre .pi-navigation {
     background-color: #DCDCDC;
     text-align:center
}
.pi-theme-twilight-ogre .pi-navigation a,
.pi-theme-twilight-ogre .pi-navigation a:link,
.pi-theme-twilight-ogre .pi-navigation a:visited {
     color:#000000!important;
}

/* OVA */
.pi-theme-ova.portable-infobox {
     background-color:#F2F2F2;
}
.pi-theme-ova .pi-image { 
     background-color: #F2F2F2 
}
 
.pi-theme-ova  .pi-title,
.pi-theme-ova  .pi-header { 
     background-color: #000;
     color: #ffF; 
}	

.pi-theme-ova .pi-data-value,
.pi-theme-ova .pi-data-label {
	flex-basis:50%!important;
        background-color:#F2F2F2;
}


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

.pi-theme-ova .footer-link {
    background-color:#F2F2F2;
    font-size:10px;
    text-align:center;
    border-top:1px dotted #000
}
.pi-theme-ova .footer-link a,
.pi-theme-ova .footer-link a:link,
.pi-theme-ova .footer-link a:visited {
    color:#006cb0!important;
}

.pi-theme-ova .pi-horizontal-group .pi-horizontal-group-item a,
.pi-theme-ova .pi-horizontal-group .pi-horizontal-group-item a:link,
.pi-theme-ova .pi-horizontal-group .pi-horizontal-group-item a:visited {
     color:#000000!important;
     font-weight:bold
}

.pi-theme-ova .pi-horizontal-group .pi-header {
   text-align:center!important;
}
.pi-theme-ova .pi-horizontal-group .pi-horizontal-group-item {
   text-align:center!important;
} 
.pi-theme-ova .pi-horizontal-group .pi-horizontal-group-item:not(:first-child) {
   border-left-width:0px;   
}
.pi-theme-ova .pi-data:not(:last-of-type) {
   border-bottom-width:0
}