MediaWiki:Wikia.css

body {
font-family:sans-serif;
}
.lcs-container > #gallery-2 .lightbox-caption,
.lcs-container > #gallery-3 .lightbox-caption {
	background-color: darkgray !important;
	background-color: rgba(0,0,0,0.18) !important;
}
.gallery-caption {
    text-align: center;
    text-shadow: 1px 2px 5px rgba(0,0,0,0.3);
    color: #a47719;
    font-size:32px;
    font-family:georgia;
    margin:35px 0 15px;
}
/*     navbox container style */
table.navbox {
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}

/*     single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
table.navbox + table.navbox {
    margin-top: -1px;
}

/*     title and above/below styles */
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
}

/*     group style */
.navbox-group {
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
}

/*     Background color */
.navbox,
.navbox-subgroup {
    background: #fdfdfd;
}

/*     Must match background color */
.navbox-list {
    border-color: #fdfdfd;
}

/*     Level 1 color */
.navbox-title,
table.navbox th {
    background: #ccccff;
}

/*     Level 2 color */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;
}

/*     Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;
}

/*     Even row striping */
.navbox-even {
    background: #f7f7f7;
}

/*     Odd row striping */
.navbox-odd {
    background: transparent;
}

/* [[MediaWiki:Common.js]] にある createCollapseButtons 関数を参照。 */
.collapseButton {
    float: right;
    font-weight: normal;
    text-align: right;
    width: auto;
}
 
/* [[Template:Navbox]] に配置する場合、左に配置されている [[Template:Tnavbar]] とのバランスを取る。 */
.navbox .collapseButton {
    width: 6em;
}

/* Style for "notices" */
.notice {
    text-align: justify;
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top: 3px double #ccc;
    border-bottom: 3px double #ccc;
}

#spoiler {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

h1 {
    line-height: 1.2em;
}
.references-small { font-size: 0.85em; }

/***** Portable Infoboxes *****/
.portable-infobox { 
width: 250px;
background: none !important;
}

.pi-horizontal-group {
   text-align: left;
}

/* Adjusts reference size */
.portable-infobox .reference, .refadjust .reference {
	font-size: 7.5px;
	line-height: 1.5;
}

/* Alternating row colors;
   Colors taken directly from 
   the original, non-PI infoboxes */

.portable-infobox .pi-data:nth-child(even) { 
        background-color: #F0F0F0; 
}

.portable-infobox .pi-data:nth-child(odd) {
        background-color: #f9f9f9;
}
/* Eliminate border between rows */
.portable-infobox .pi-border-color { border-bottom-style: none !important; }

/* Standardized padding for infobox elements */
.portable-infobox .pi-item-spacing { padding: 4px; }

/* Title field */
.portable-infobox .pi-title {
	font-size: 0.96em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.5;
}

/* Secondary font - section headers and labels */
.portable-infobox .pi-secondary-font {
	font-size: 0.8em;
	line-height: 1.5;
}

/* Field labels */
.portable-infobox .pi-data-label {
	font-weight: normal;
	padding: 0;
        display:-webkit-flex;
        display:flex;
}
.pi-data .pi-data-label {
        -webkit-flex-basis:auto;
           -moz-flex-basis:auto;
                flex-basis:auto;
        -webkit-align-items:center;
           -moz-align-items:center;
                align-items:center;
        width:25%;
}

/* Field values */
.portable-infobox .pi-data-value {
	font-size: 0.8em;
	line-height: 1.5;
}
.pi-data .pi-data-value { 
        ms-flex-preferred-size:auto;
        -webkit-flex-basis:auto;
           -moz-flex-basis:auto;
                flex-basis:auto;
        -webkit-align-items:center;
           -moz-align-items:center;
                align-items:center;
        width:75%
}
.portable-infobox .pi-data-value:not(:first-child) { padding-left: 5px; }
.portable-infobox .pi-data-value li { line-height: 1.5em; }

/* Bottom rounded corners */
.portable-infobox.pi-navigation:last-child,
.portable-infobox .pi-navigation:last-child {
      -webkit-border-radius: 0 0 10px 10px;
         -moz-border-radius: 0 0 10px 10px;
          -ms-border-radius: 0 0 10px 10px;
              border-radius: 0 0 10px 10px;
     text-align:center;
}

.pi-navigation a { color: white; }

/* Image handling;
   giving this the same style as
   .infoboximage img 
   in Common.css */

.pi-image img {
     max-width:100%;
     height:auto;
     background:#F0F0F0;
}

/* Fix alignment of lists in horizontal rows */
.pi-horizontal-group-item.pi-data-value {
	text-align: left;
	background: #f9f9f9;
}
 
.pi-horizontal-group-item.pi-data-label {
	display: table-cell;
	border-bottom: #bfdaeb 1px solid !important;
	background: #f0f0f0;
}
/* -----------------
   PORTABLE INFOBOXES 
   ----------------- 
 
   =-=-=-=-=-=-=-=-=
   Themes 
   =-=-=-=-=-=-=-=-=
 
/* =================
   Individuals
   ================= */
 /* Individuals; greys */
.pi-theme-individual .pi-image,
.pi-theme-individual .pi-title,
.pi-theme-individual .pi-navigation { background-color: #999999; }
.pi-theme-individual .pi-header { background-color: #CCCCCC; }
.pi-theme-individual .pi-key-val { background-color: #F9F9F9; }
/* Gryffindor; reds */
.pi-theme-グリフィンドール .pi-image,
.pi-theme-グリフィンドール .pi-title,
.pi-theme-グリフィンドール .pi-navigation { background-color: #AA0000; }
.pi-theme-グリフィンドール .pi-header { background-color: #EE5555; }
.pi-theme-グリフィンドール .pi-key-val { background-color: #F9F9F9; }
/* Slytherin; greens */
.pi-theme-スリザリン .pi-image,
.pi-theme-スリザリン .pi-title,
.pi-theme-スリザリン .pi-navigation { background-color: #337147; }
.pi-theme-スリザリン .pi-header { background-color: #5AB577; }
.pi-theme-スリザリン .pi-key-val { background-color: #F9F9F9; }
/* Ravenclaw; light blues */
.pi-theme-レイブンクロー .pi-image,
.pi-theme-レイブンクロー .pi-title,
.pi-theme-レイブンクロー .pi-navigation { background-color: #6596BF; }
.pi-theme-レイブンクロー .pi-header { background-color: #94C7D1; }
.pi-theme-レイブンクロー .pi-key-val { background-color: #F9F9F9; }
/* Hufflepuff; golds */
.pi-theme-ハッフルパフ .pi-image,
.pi-theme-ハッフルパフ .pi-title,
.pi-theme-ハッフルパフ .pi-navigation { background-color: #AC8751; }
.pi-theme-ハッフルパフ .pi-header { background-color: #DFCAA0; }
.pi-theme-ハッフルパフ .pi-key-val { background-color: #F9F9F9; }
/* Hogwarts staff; golds/purples */
.pi-theme-ホグワーツ .pi-image,
.pi-theme-ホグワーツ .pi-title,
.pi-theme-ホグワーツ .pi-navigation { background-color: #800080; }
.pi-theme-ホグワーツ .pi-header { background-color: #FFD700; }
.pi-theme-ホグワーツ .pi-key-val { background-color: #F9F9F9; }
/* Ilvermorny; cranberry on blue */
.pi-theme-イルヴァーモーニー .pi-image,
.pi-theme-イルヴァーモーニー .pi-title,
.pi-theme-イルヴァーモーニー .pi-navigation { background-color: #631F38; }
.pi-theme-イルヴァーモーニー .pi-header { background-color: #6D94A5; }
.pi-theme-イルヴァーモーニー .pi-key-val { background-color: #F9F9F9; }
/* Order of the Phoenix; tangerines */
.pi-theme-不死鳥の騎士団 .pi-image,
.pi-theme-不死鳥の騎士団 .pi-title,
.pi-theme-不死鳥の騎士団 .pi-navigation { background-color: #BB6331; }
.pi-theme-不死鳥の騎士団 .pi-header { background-color: #DD8450; }
.pi-theme-不死鳥の騎士団 .pi-key-val { background-color: #F9F9F9; }
/* Wizards; browns */
.pi-theme-魔法使い .pi-image,
.pi-theme-魔法使い .pi-title,
.pi-theme-魔法使い .pi-navigation { background-color: #321; }
.pi-theme-魔法使い .pi-header { background-color: #653; color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-魔法使い .pi-header:first-child::after { border-color:#FFF }
   /* Secondarily, this infobox had dark lettering for 
      its after content of section headers, but they were unreadable. Rurikov
      changed them for the benefit of readers' eyes. */
.pi-theme-wizard .pi-key-val { background-color: #F9F9F9; }
/* Dark wizards; greens */
.pi-theme-闇の魔法使い .pi-image,
.pi-theme-闇の魔法使い .pi-title,
.pi-theme-闇の魔法使い .pi-navigation { background-color: #4D5D53; }
.pi-theme-闇の魔法使い .pi-header { background-color: #738678; }
.pi-theme-闇の魔法使い .pi-key-val { background-color: #F9F9F9; }
/* MOM individuals; purples */
.pi-theme-魔法省 .pi-image,
.pi-theme-魔法省 .pi-title,
.pi-theme-魔法省 .pi-navigation { background-color: #9966CC; }
.pi-theme-魔法省 .pi-header { background-color: #C9A0DC; }
.pi-theme-魔法省 .pi-key-val { background-color: #F9F9F9; }
/* MACUSA individuals; red and blue */
.pi-theme-マクーザ .pi-image,
.pi-theme-マクーザ .pi-title,
.pi-theme-マクーザ .pi-navigation { background-color: #002156; }
.pi-theme-マクーザ .pi-header { background-color: #851414; color:#FFF }
.pi-theme-マクーザ .pi-key-val { background-color: #F9F9F9; }
/* Death Eaters; greens */
.pi-theme-死喰い人 .pi-image,
.pi-theme-死喰い人 .pi-title,
.pi-theme-死喰い人 .pi-navigation { background-color: #406B2E; }
.pi-theme-死喰い人 .pi-header { background-color: #8DB878; }
.pi-theme-死喰い人 .pi-key-val { background-color: #F9F9F9; }
/* Grindelwald's acolytes; dark blue and desaturated teal */
.pi-theme-グリンデルバルドの従者 .pi-image,
.pi-theme-グリンデルバルドの従者 .pi-title,
.pi-theme-グリンデルバルドの従者 .pi-navigation { background-color: #0e1a25; }
.pi-theme-グリンデルバルドの従者 .pi-header { background-color: #173336; color:#FFF }
.pi-theme-グリンデルバルドの従者 .pi-key-val { background-color: #F9F9F9; }
/* Muggles; greys */
.pi-theme-マグル .pi-image,
.pi-theme-マグル .pi-title,
.pi-theme-マグル .pi-navigation  { background-color: #999999; }
.pi-theme-マグル .pi-header { background-color: #CCCCCC; }
.pi-theme-マグル .pi-key-val { background-color: #F9F9F9; }
/* Daily Propheteers; tangerines-in-semi-reverse */
.pi-theme-日刊予言者 .pi-image,
.pi-theme-日刊予言者 .pi-title,
.pi-theme-日刊予言者 .pi-navigation { background-color: #CC9966; }
.pi-theme-日刊予言者 .pi-header { background-color: #F9D3A5; }
.pi-theme-日刊予言者 .pi-key-val { background-color: #F9F9F9; }
/* Gringotts; black-and-yellow */
.pi-theme-グリンゴッツ .pi-image,
.pi-theme-グリンゴッツ .pi-title,
.pi-theme-グリンゴッツ .pi-navigation { background-color: #000000; }
.pi-theme-グリンゴッツ .pi-header { background-color: #DA0; }
.pi-theme-グリンゴッツ .pi-key-val { background-color: #F9F9F9; }
/* Quidditch players; darker blues */
.pi-theme-クィディッチ選手 .pi-image,
.pi-theme-クィディッチ選手 .pi-title,
.pi-theme-クィディッチ選手 .pi-navigation { background-color: #808080; }
.pi-theme-クィディッチ選手 .pi-header { background-color: #708090; }
.pi-theme-クィディッチ選手 .pi-key-val { background-color: #F9F9F9; }
/* Snatchers; crimsons */
.pi-theme-スナッチャー .pi-image,
.pi-theme-スナッチャー .pi-title,
.pi-theme-スナッチャー .pi-navigation { background-color: #6B342E; }
.pi-theme-スナッチャー .pi-header { background-color: #A66159; color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-snatcher .pi-key-val { background-color: #F9F9F9; }
/* Spirits; dark greys */
.pi-theme-霊魂 .pi-image,
.pi-theme-霊魂 .pi-title,
.pi-theme-霊魂 .pi-navigation { background-color: #222; }
.pi-theme-霊魂 .pi-header { background-color: #515151; }
.pi-theme-霊魂 .pi-key-val { background-color: #F9F9F9; }
/* Giants; mustards */
.pi-theme-巨人 .pi-image,
.pi-theme-巨人 .pi-title,
.pi-theme-巨人 .pi-navigation { background-color: #8B4513; }
.pi-theme-巨人 .pi-header { background-color: #CD853F; }
.pi-theme-巨人 .pi-key-val { background-color: #F9F9F9; }
/* Goblins; green/grey */
.pi-theme-ゴブリン .pi-image,
.pi-theme-ゴブリン .pi-title,
.pi-theme-ゴブリン .pi-navigation { background-color: #50404D; }
.pi-theme-ゴブリン .pi-header { background-color: #009966; }
.pi-theme-ゴブリン .pi-key-val { background-color: #F9F9F9; }
/* Vampires; red/black */
.pi-theme-吸血鬼 .pi-image,
.pi-theme-吸血鬼 .pi-title,
.pi-theme-吸血鬼 .pi-navigation { background-color: #000000; }
.pi-theme-吸血鬼 .pi-header { background-color: #800000; color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-vampire .pi-key-val { background-color: #F9F9F9; }
/* Centaurs; browns */
.pi-theme-ケンタウルス .pi-image,
.pi-theme-ケンタウルス .pi-title,
.pi-theme-ケンタウルス .pi-navigation { background-color: #630; }
.pi-theme-ケンタウルス .pi-header { background-color: #8B4513;  color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-centaur .pi-key-val { background-color: #F9F9F9; }
/* House-elves; lemons */
.pi-theme-屋敷しもべ妖精 .pi-image,
.pi-theme-屋敷しもべ妖精 .pi-title,
.pi-theme-屋敷しもべ妖精 .pi-navigation { background-color: #FFCC66; }
.pi-theme-屋敷しもべ妖精 .pi-header { background-color: #F5F5DC; }
.pi-theme-屋敷しもべ妖精 .pi-key-val { background-color: #F9F9F9; }
/* Convicts; greys */
.pi-theme-受刑者 .pi-image,
.pi-theme-受刑者 .pi-title,
.pi-theme-受刑者 .pi-navigation { background-color: #483C32; }
.pi-theme-受刑者 .pi-header { background-color: #A9A9A9; }
.pi-theme-受刑者 .pi-key-val { background-color: #F9F9F9; }
/* Portraits; green/grey */
.pi-theme-肖像画 .pi-image,
.pi-theme-肖像画 .pi-title,
.pi-theme-肖像画 .pi-navigation { background-color: #797A59; }
.pi-theme-肖像画 .pi-header { background-color: #CCCCCC; }
.pi-theme-肖像画 .pi-key-val { background-color: #F9F9F9; }
/* St Mungo's employees; seafoam greens */
.pi-theme-聖マンゴの従業員 .pi-image,
.pi-theme-聖マンゴの従業員 .pi-title,
.pi-theme-聖マンゴの従業員 .pi-navigation { background-color: #40826D; }
.pi-theme-聖マンゴの従業員 .pi-header { background-color: #ADDFAD; }
.pi-theme-聖マンゴの従業員 .pi-key-val { background-color: #F9F9F9; }
/* St Mungo's patients; ketchup-on-yellow-mustard */
.pi-theme-聖マンゴの患者 .pi-image,
.pi-theme-聖マンゴの患者 .pi-title,
.pi-theme-聖マンゴの患者 .pi-navigation { background-color: #721616; }
.pi-theme-聖マンゴの患者 .pi-header { background-color: #FFFF14; }
.pi-theme-聖マンゴの患者 .pi-key-val { background-color: #F9F9F9; }
/* Durmstrang individuals; ketchup-on-mustard */
.pi-theme-ダームストラング .pi-image,
.pi-theme-ダームストラング .pi-title,
.pi-theme-ダームストラング .pi-navigation { background-color: #A52A2A; }
.pi-theme-ダームストラング .pi-header { background-color: #DDAA00; }
.pi-theme-ダームストラング .pi-key-val { background-color: #F9F9F9; }
/* Beauxbatons individuals; indigos */
.pi-theme-ボーバトン .pi-image,
.pi-theme-ボーバトン .pi-title,
.pi-theme-ボーバトン .pi-navigation { background-color: #3E2E6F; }
.pi-theme-ボーバトン .pi-header { background-color: #A0A0DB; }
.pi-theme-ボーバトン .pi-key-val { background-color: #F9F9F9; }
/* Veela individuals; lavender on light grey */
.pi-theme-ヴィーラ .pi-image,
.pi-theme-ヴィーラ .pi-title,
.pi-theme-ヴィーラ .pi-navigation { background-color: #A0A0DB; }
.pi-theme-ヴィーラ .pi-header { background-color: #CCCCCC; }
.pi-theme-ヴィーラ .pi-key-val { background-color: #F9F9F9; }
/* Hags; de-saturated indigos */
.pi-theme-鬼婆 .pi-image,
.pi-theme-鬼婆 .pi-title,
.pi-theme-鬼婆 .pi-navigation { background-color: #50404D; }
.pi-theme-鬼婆 .pi-header { background-color: #8B8589; }
.pi-theme-鬼婆 .pi-key-val { background-color: #F9F9F9; }
/* Squibs; indigo on light grey */
.pi-theme-スクイブ .pi-image,
.pi-theme-スクイブ .pi-title,
.pi-theme-スクイブ .pi-navigation { background-color: #483C50; }
.pi-theme-スクイブ .pi-header { background-color: #CCCCCC; }
.pi-theme-スクイブ .pi-key-val { background-color: #F9F9F9; }
/* Pets; greys */
.pi-theme-ペット .pi-image,
.pi-theme-ペット .pi-title,
.pi-theme-ペット .pi-navigation { background-color: #5B5B5B; }
.pi-theme-ペット .pi-header { background-color: #CDCCC0; }
.pi-theme-ペット .pi-key-val { background-color: #F9F9F9; }
/* Creatures; greys */
.pi-theme-クリーチャー .pi-image,
.pi-theme-クリーチャー .pi-title,
.pi-theme-クリーチャー .pi-navigation { background-color: #999999; }
.pi-theme-クリーチャー .pi-header { background-color: #CCCCCC; }
.pi-theme-クリーチャー .pi-key-val { background-color: #F9F9F9; }
 
/* =-=-=-=-=-=-=-=-=
   Things and places 
   =-=-=-=-=-=-=-=-= */
 
/* Locations; greys */
.pi-theme-location .pi-image,
.pi-theme-location .pi-title,
.pi-theme-location .pi-navigation { background-color: #999999; }
.pi-theme-location .pi-header { background-color: #CCCCCC; }
.pi-theme-location .pi-key-val { background-color: #F9F9F9; }
/* Objects; grey-on-yellow */
.pi-theme-object .pi-image,
.pi-theme-object .pi-title,
.pi-theme-object .pi-navigation { background-color: #999999; }
.pi-theme-object .pi-header { background-color: #DFCAA0; }
.pi-theme-object .pi-key-val { background-color: #F9F9F9; }
/* Spells; burnt umber */
.pi-theme-spell .pi-image,
.pi-theme-spell .pi-title,
.pi-theme-spell .pi-navigation { background-color: #A00; }
.pi-theme-spell .pi-header { background-color: #A00; } 
    /* technically {{Spell infobox}} doesn't have headers;
	   setting to same color as title and navigation */
.pi-theme-spell .pi-key-val { background-color: #F9F9F9; }
/* Wands; chocolates */
.pi-theme-wand .pi-image,
.pi-theme-wand .pi-title,
.pi-theme-wand .pi-navigation { background-color: #630; }
.pi-theme-wand .pi-header { background-color: #DEB887; }
.pi-theme-wand .pi-key-val { background-color: #F9F9F9; }
/* Broomsticks; greys */
.pi-theme-broomsticks .pi-image,
.pi-theme-broomsticks .pi-title,
.pi-theme-broomsticks .pi-navigation { background-color: #999999; }
.pi-theme-broomsticks .pi-header { background-color: #CCCCCC; }
.pi-theme-broomsticks .pi-key-val { background-color: #F9F9F9; }
/* Potions; brighter greens */
.pi-theme-potion .pi-image,
.pi-theme-potion .pi-title,
.pi-theme-potion .pi-navigation { background-color: #32CD32; }
.pi-theme-potion .pi-header { background-color: #90EE90; }
.pi-theme-potion .pi-key-val { background-color: #F9F9F9; }
/* Plants; greys */
.pi-theme-plant .pi-image,
.pi-theme-plant .pi-title,
.pi-theme-plant .pi-navigation { background-color: #999999; }
.pi-theme-plant .pi-header { background-color: #CCCCCC; }
.pi-theme-plant .pi-key-val { background-color: #F9F9F9; }
/* (In-universe) Books; seafoam greens */
.pi-theme-iu-book .pi-image,
.pi-theme-iu-book .pi-title,
.pi-theme-iu-book .pi-navigation { background-color: #458B74; }
.pi-theme-iu-book .pi-header { background-color: #73B9A2; }
.pi-theme-iu-book .pi-key-val { background-color: #F9F9F9; }
/* (In-universe) Publishers; greys */
.pi-theme-iu-publisher .pi-image,
.pi-theme-iu-publisher .pi-title,
.pi-theme-iu-publisher .pi-navigation { background-color: #999999; }
.pi-theme-iu-publisher .pi-header { background-color: #CCCCCC; }
.pi-theme-iu-publisher .pi-key-val { background-color: #F9F9F9; }
/* (In-universe) Albums; greys */
.pi-theme-iu-album .pi-image,
.pi-theme-iu-album .pi-title,
.pi-theme-iu-album .pi-navigation { background-color: #999999; }
.pi-theme-iu-album .pi-header { background-color: #CCCCCC; }
.pi-theme-iu-album .pi-key-val { background-color: #F9F9F9; }
/* (In-universe) Songs; greys */
.pi-theme-iu-song .pi-image,
.pi-theme-iu-song .pi-title,
.pi-theme-iu-song .pi-navigation { background-color: #999999; }
.pi-theme-iu-song .pi-header { background-color: #CCCCCC; }
.pi-theme-iu-song .pi-key-val { background-color: #F9F9F9; }
/* Newspaper articles; greens */
.pi-theme-newspaper-article .pi-image,
.pi-theme-newspaper-article .pi-title,
.pi-theme-newspaper-article .pi-navigation { background-color: #458B74; }
.pi-theme-newspaper-article .pi-header { background-color: #73B9A2; }
.pi-theme-newspaper-article .pi-key-val { background-color: #F9F9F9; }
/* (In-universe) Periodicals; greens */
.pi-theme-iu-periodical .pi-image,
.pi-theme-iu-periodical .pi-title,
.pi-theme-iu-periodical .pi-navigation { background-color: #458B74; }
.pi-theme-iu-periodical .pi-header { background-color: #73B9A2; }
.pi-theme-iu-periodical .pi-key-val { background-color: #F9F9F9; }
/* Food and beverages; grey on wheat */
.pi-theme-food .pi-image,
.pi-theme-food .pi-title,
.pi-theme-food .pi-navigation { background-color: #999999; }
.pi-theme-food .pi-header { background-color: #DFCAA0; }
.pi-theme-food .pi-key-val { background-color: #F9F9F9; }
/* Letters; greens */
.pi-theme-letter .pi-image,
.pi-theme-letter .pi-title,
.pi-theme-letter .pi-navigation { background-color: #458874; }
.pi-theme-letter .pi-header { background-color: #73B9A2; }
.pi-theme-letter .pi-key-val { background-color: #F9F9F9; }
/* Decrees; sky-on-ice */
.pi-theme-decree .pi-image,
.pi-theme-decree .pi-title,
.pi-theme-decree .pi-navigation { background-color: #1E90FF; }
.pi-theme-decree .pi-header { background-color: #87CEEB; }
.pi-theme-decree .pi-key-val { background-color: #F9F9F9; }
/* Organisations; greys */
.pi-theme-organisation .pi-image,
.pi-theme-organisation .pi-title,
.pi-theme-organisation .pi-navigation { background-color: #999999; }
.pi-theme-organisation .pi-header { background-color: #CCCCCC; }
.pi-theme-organisation .pi-key-val { background-color: #F9F9F9; }
/* Schools; greys */
.pi-theme-school .pi-image,
.pi-theme-school .pi-title,
.pi-theme-school .pi-navigation { background-color: #999999; }
.pi-theme-school .pi-header { background-color: #CCCCCC; }
.pi-theme-school .pi-key-val { background-color: #F9F9F9; }
/* Houses; greys */
.pi-theme-house .pi-image,
.pi-theme-house .pi-title,
.pi-theme-house .pi-navigation { background-color: #999999; }
.pi-theme-house .pi-header { background-color: #CCCCCC; }
.pi-theme-house .pi-key-val { background-color: #F9F9F9; }
/* Classes; magenta-on-sky */
.pi-theme-class .pi-image,
.pi-theme-class .pi-title,
.pi-theme-class .pi-navigation { background-color: #800080; }
.pi-theme-class .pi-header { background-color: #6596BF; }
.pi-theme-class .pi-key-val { background-color: #F9F9F9; }
/* Quidditch teams; greys */
.pi-theme-quidditch-team .pi-image,
.pi-theme-quidditch-team .pi-title,
.pi-theme-quidditch-team .pi-navigation { background-color: #999999; }
.pi-theme-quidditch-team .pi-header { background-color: #CCCCCC; }
.pi-theme-quidditch-team .pi-key-val { background-color: #F9F9F9; }
/* Quidditch fouls; greys */
.pi-theme-quidditch-foul .pi-image,
.pi-theme-quidditch-foul .pi-title,
.pi-theme-quidditch-foul .pi-navigation { background-color: #999999; }
.pi-theme-quidditch-foul .pi-header { background-color: #CCCCCC; }
.pi-theme-quidditch-foul .pi-key-val { background-color: #F9F9F9; }
/* Quidditch tournaments; greys */
.pi-theme-quidditch-tournament .pi-image,
.pi-theme-quidditch-tournament .pi-title,
.pi-theme-quidditch-tournament .pi-navigation { background-color: #999999; }
.pi-theme-quidditch-tournament .pi-header { background-color: #CCCCCC; }
.pi-theme-quidditch-tournament .pi-key-val { background-color: #F9F9F9; }
/* Events; sunflower yellows */
.pi-theme-event .pi-image,
.pi-theme-event .pi-title,
.pi-theme-event .pi-navigation { background-color: #DDAA00; }
.pi-theme-event .pi-header { background-color: #FFD700; }
.pi-theme-event .pi-key-val { background-color: #F9F9F9; }
/* Battles; greys */
.pi-theme-battle .pi-image,
.pi-theme-battle .pi-title,
.pi-theme-battle .pi-navigation { background-color: #999999; }
.pi-theme-battle .pi-header { background-color: #CCCCCC; }
.pi-theme-battle .pi-key-val { background-color: #F9F9F9; }
/* Families; chocolates */
.pi-theme-family .pi-image,
.pi-theme-family .pi-title,
.pi-theme-family .pi-navigation { background-color: #321; }
.pi-theme-family .pi-header { background-color: #654; color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-family .pi-key-val { background-color: #F9F9F9; }
/* Ailments; greys */
.pi-theme-ailment .pi-image,
.pi-theme-ailment .pi-title,
.pi-theme-ailment .pi-navigation { background-color: #999999; }
.pi-theme-ailment .pi-header { background-color: #CCCCCC; }
.pi-theme-ailment .pi-key-val { background-color: #F9F9F9; }
/* Horcruxes; jungle greens */
.pi-theme-horcrux .pi-image,
.pi-theme-horcrux .pi-title,
.pi-theme-horcrux .pi-navigation { background-color: #006600; }
.pi-theme-horcrux .pi-header { background-color: #339933;  color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-horcrux .pi-key-val { background-color: #F9F9F9; }
/* Hallows; plum-on-dark-grey */
.pi-theme-hallow .pi-image,
.pi-theme-hallow .pi-title,
.pi-theme-hallow .pi-navigation { background-color: #322; }
.pi-theme-hallow .pi-header { background-color: #655; color:#FFF }
   /* Originally, this infobox had dark lettering for 
      its section headers, but they were unreadable. CzechOut
      changed them for the benefit of readers' eyes. */
.pi-theme-hallow .pi-key-val { background-color: #F9F9F9; }
 
/* =-=-=-=-=-=-=-=
   Real world 
   =-=-=-=-=-=-=-= */
 
/* OOU person (not actors); greys */
.pi-theme-oou-person .pi-image,
.pi-theme-oou-person .pi-title,
.pi-theme-oou-person .pi-navigation { background-color: #999999; }
.pi-theme-oou-person .pi-header { background-color: #CCCCCC; }
.pi-theme-oou-person .pi-key-val { background-color: #F9F9F9; }
/* OOU Actors; greys */
.pi-theme-oou-actor .pi-image,
.pi-theme-oou-actor .pi-title,
.pi-theme-oou-actor .pi-navigation { background-color: #999999; }
.pi-theme-oou-actor .pi-header { background-color: #CCCCCC; }
.pi-theme-oou-actor .pi-key-val { background-color: #F9F9F9; }
/* Trading Card Game; greys */
.pi-theme-trading-card .pi-image,
.pi-theme-trading-card .pi-title,
.pi-theme-trading-card .pi-navigation { background-color: #999999; }
.pi-theme-trading-card .pi-header { background-color: #CCCCCC; }
.pi-theme-trading-card .pi-key-val { background-color: #F9F9F9; }
/* Video games; indigo-on-sky */
.pi-theme-video-game .pi-image,
.pi-theme-video-game .pi-title,
.pi-theme-video-game .pi-navigation { background-color: #3E2E6F; }
.pi-theme-video-game .pi-header { background-color: #6596BF; }
.pi-theme-video-game .pi-key-val { background-color: #F9F9F9; }
/* Soundtracks; greens */
.pi-theme-soundtrack .pi-image,
.pi-theme-soundtrack .pi-title,
.pi-theme-soundtrack .pi-navigation { background-color: #458B74; }
.pi-theme-soundtrack .pi-header { background-color: #73B9A2; }
.pi-theme-soundtrack .pi-key-val { background-color: #F9F9F9; }
/* OOU book; yellow-on-grey */
.pi-theme-oou-book .pi-image,
.pi-theme-oou-book .pi-title,
.pi-theme-oou-book .pi-navigation { background-color: #FFD700; }
.pi-theme-oou-book .pi-header { background-color: #DFCAA0; }
.pi-theme-oou-book .pi-key-val { background-color: #F9F9F9; }
/* Films; greys */
.pi-theme-film .pi-image,
.pi-theme-film .pi-title,
.pi-theme-film .pi-navigation { background-color: #999999; }
.pi-theme-film .pi-header { background-color: #CCCCCC; }
.pi-theme-film .pi-key-val { background-color: #F9F9F9; }
/* Plays; greys */
.pi-theme-play .pi-image,
.pi-theme-play .pi-title,
.pi-theme-play .pi-navigation { background-color: #999999; }
.pi-theme-play .pi-header { background-color: #CCCCCC; }
.pi-theme-play .pi-key-val { background-color: #F9F9F9; }