MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@import "/wiki/index.php?title=MediaWiki:Themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Infobox.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Template-themes.css&action=raw&ctype=text/css";

#siteSub { 
    display:block; 
    color: #6153A2;
}
/*** BASIC SKINNING ***/
/* Thumbnails */
div.thumbinner {
	border: 2px solid #6153A2;
	background-color: #EAD5FC;
	text-align: center;
	border-radius: 0.5em;
}

/* Category Tree customizing */
.CategoryTreeEmptyBullet {
	cursor: default;
	color: #6153A2;
}

.CategoryTreeToggle {
	color: #362668;
}

/*** Template stuff ***/
.references-small { 
   font-size: 0.85em; 
                  }
.galitem {
        color: #DDC3FF;
        background: #6153A2;
}

.wikitable,
table.wikitable {
    border: #6153A2;
}

table.wikitable th,
table.wikitable td {
    color: #000;
    border: #6153A2;
}

/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
/* TemplateStyles */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}

.mw-changeslist-legend {
    background-color: #EAD5FC;
    border: 2px solid #6153A2;
    border-radius: 0.5em;
}

/***TOC***/
.toc {
    background-color: #EAD5FC !important;
    border: 2px solid #6153A2 !important;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
}

.toctitle {
    background-color: #EAD5FC !important;
    color: #6153A2 !important;
    font-weight: bold;
}
.toctitle h2 {
    color: #6153A2 !important;
}

.catlinks {
	border: 2px solid #6153A2 !important;
	background-color: #EAD5FC !important;
	border-radius: 0.5em;
}

/*** PROFILE CUSTOMIZATION ***/
#profile-top {
	border-bottom: 2px solid #6153A2;
}

#profile-image img {
	background-color: #6153A2;
	border: 2px solid #6153A2;
}

.user-section-heading {
	border-bottom: 2px solid #6153A2;
	width: 100%;
	line-height: 22px;
	margin: 0 0 8px 0;
}

.no-info-container {
	background-color: #6153A2;
	color: #EAD5FC;
}

#profile-toggle-button {
	background-color: #6153A2;
        color: #EAD5FC;
}

#user-page-left h2, #user-page-right h2 {
	border-bottom: 2px solid #6153A2;
	color: #6153A2;
}

.profile-info-container b {
	color: #6153A2;
}
/*** ALT TABLE ***/

/* Alt table */
table.altrow,
table.altcol {
    background: #6153A2;
    border: 2px solid #362668;
    border-collapse: collapse;
    margin: 1em 1em 1em 0;
}

table.altrow td,
table.altcol td {
    border: 2px solid #362668;
    border-radius: 0.5em;
    padding: 0.4em;
}

table.altrow tr:nth-child(even) {
    background: #EAD5FC;
}

table.altrow tr:nth-child(odd) {
    background: #EAD5FC;
}

table.altcol td:nth-child(even) {
    background: #EAD5FC;
}

table.altcol td:nth-child(odd) {
    background: #EAD5FC;
}

table.altrow th,
table.altcol th {
    background: #6153A2;
    border: 2px solid #362668;
    padding: 0.4em;
    color: #EAD5FC;
}

table.altrow caption,
table.altcol caption {
    font-weight: bold;
    margin-left: inherit;
    margin-right: inherit;
}

table.altrow code,
table.altcol code {
    background-color: transparent;
}
.altrow  {
}
/* general styles */
h1, h2 { 
     color: #4A338E;
     font-family: "Arial" !important;
     border-bottom: solid 2px #6153A2;
}
h3, h4, h5, h6 { 
     color: #4A338E !important;
     font-family: "Arial" !important;
}
.h2-mimic {
     color: #4A338E;
     font-family: "Arial" !important;
     border-bottom: solid 2px #6153A2;
     font-size: 1.5em;
 	 margin-top: 1em;
}

.h3-mimic {
	font-size: 1.2em;
	margin-top: 0.3em;
	margin-bottom: 0;
	padding-bottom: 0;
    color: #4A338E !important;
    font-family: "Arial" !important;
    font-weight: bold;
}

a {
	color: #002bb8;
}

a:hover {
    color: #DF3494 !important;
    text-decoration: none;
}

.tabbernav {
    border-bottom: 2px solid #362668 !important;
    padding: 0.3em 0 !important;
}
.tabbernav a {
    padding: 0.3em 0.5em !important;
    margin: 0 !important;
    color: #FFF !important;
    border: none !important;
    background: #6153A2 !important;
}
.tabberactive a {
    color: #FFF !important;
    background: #362668 !important;
}
.tabbertab {
    border: none !important;
    padding: 0 !important;
}

/* styles for {{--}}  */
.tt1_clearall + h1,
.tt1_clearall + h2,
.tt1_clearall + h3,
.tt1_clearall + h4,
.tt1_clearall + h5,
.tt1_clearall + h6 {
	clear:both;
	margin-top:00px;
}

/* Gallery */
li.gallerybox div.thumb {
	text-align: center;
	border: 2px solid #6153A2;
	background-color: #EAD5FC;
	margin: 2px;
	border-radius: 0.5em;
}

/* Code blocks */
pre,
code,
tt,
kbd,
samp,
.mw-code {
	/*
	 * Some browsers will render the monospace text too small, namely Firefox, Chrome and Safari.
	 * Specifying any valid, second value will trigger correct behavior without forcing a different font.
	 */
	font-family: monospace, Courier;
}

code {
	background-color: #6153A2;
	color: #EAD5FC;
	border-color: #6153A2;
}

pre,
.mw-code {
	padding: 1em;
	border: none;
	color: #EAD5FC;
	background-color: #6153A2;
	border-radius: 0.5em;
}

/*** TEMPLATE THEMES***/
/* Infobox template style */
.infobox {
   border: 2px solid #4D4180;
   border-spacing: 0;
   color: #4D4180;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
   border-radius:0.5em 0.5em 0 0; 
   -moz-border-radius: 0.5em 0.5em 0 0; 
   font-size:84%; 
   width:270px; 
   background: #EAD5FC; 
   margin-bottom: 0px; 
   border-bottom: 0px none #fff;
}

.infobox-minor {
   border: 2px solid #4D4180;
   border-spacing: 0;
   color: #4D4180;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   border-radius:0.5em 0.5em 0 0; 
   -moz-border-radius: 0.5em 0.5em 0 0; 
   font-size:84%; 
   width:270px; 
   background: #EAD5FC; 
   margin-bottom: 0px; 
   border-bottom: 0px none #fff;
}

.infobox td,
.infobox th {
   vertical-align: top;
}

.infobox caption {
   font-size: larger;
   margin-left: inherit;
}

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

.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox-header1 {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	background: #4D4180;
	color: #EAD5FC;
	font-size: 200%;
	text-align: center;
}

.infobox-header-appearances {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	background: #4D4180;
	color: #EAD5FC;
	font-size: 130%;
	text-align: center;
}

.infobox-header2 {
	text-align: left;
	background: #4D4180;
	color: #EAD5FC;
	padding-left: 5px;
}

.infobox-header3 {
	text-align: left;
	background: #4D4180;
	color: #EAD5FC;
	padding-left: 5px;
}

.infobox-bottom {
	border-radius: 0 0 0.5em 0.5em;
	font-size:84%;
	margin-top: -4px;
	background: #EAD5FC;
	border: 2px solid #4D4180;
}

.infobox-bottom tr:first-child th, .infobox-bottom tr:first-child th a, .purple-text, .toctitle, .toctitle h2 {
	color: #EAD5FC !important;
}

.infobox-sub {
	background: #6153A2;
	color: #EAD5FC;
	font-size: 100%;
	text-align: left;
}

.infobox-label {
	background: #EAD5FC;
	vertical-align:top; 
	padding: 0 0 0 2px; 
	border-top:1px solid #4D4180;
	line-height:14px;
}

.infobox-cell {
	vertical-align:top;
	background: #EAD5FC;
	border-top:1px solid #4D4180;
	padding: 0 0 0 2px; 
	line-height:14px;
}

/*** Macrobox ***/
/* Infobox template style */
.macrobox {
   border: 2px solid #4D4180;
   border-spacing: 0;
   color: #4D4180;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
   border-radius:0.5em 0.5em 0 0; 
   -moz-border-radius: 0.5em 0.5em 0 0; 
   font-size:84%; 
   width:100%; 
   background: #EAD5FC; 
   margin-bottom: 0px; 
   border-bottom: 0px none #fff
}

.macrobox-bottom {
	border-radius: 0 0 0.5em 0.5em;
	font-size:84%;
	margin-top: -4px;
	background: #EAD5FC;
	border: 2px solid #4D4180;
	width: 100%;
	text-align: center;
	color: #4D4180;
}

.macrobox-label {
	width: 33%;
	text-align: center;
}

.app-topper {
	padding:5px; 
	border:2px solid #6153A2; 
	background: #EAD5FC; 
	border-radius: 0.5em; 
	-moz-border-radius: 0.5em; 
	margin:0 auto 4px auto
}

.app-bytypemarker {
	text-align: center;
	background: #4D4180;
	color: #EAD5FC;
	font-size: 130%;
	border-radius: 6px 6px 0 0;
}

.app-text {
	font-style:italic;
	color: #4D4180;
	background: #EAD5FC;
}

.app-text-occupations {
	font-style:italic;
	color: #4D4180;
	background: #EAD5FC;
	border-bottom-left-radius: 0.5em;
}

.app-text-misc {
	font-style:italic;
	color: #4D4180;
	background: #EAD5FC;
	border-radius: 0 0 0.5em 0;
}
/* New styling for appearance lists, used in Template:App */
table.app-body {
	padding: 5px;
	width: 100%;
	border: 2px solid #4D4180;
	background: #EAD5FC;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	margin-bottom: 4px;
	text-align: left;
	clear: left;
}
table.app-body tr td { vertical-align: top; }

/*** Replace [[Template:Infobox coloring]] templates, more dynamic for exta skins and stuff ***/
/* Default */
.default-dark {
	background: #4D4180;
}

.default-light {
	background: #6153A2;
}

.default-inner {
	background: #EAD5FC;
}

.default-dark tr:first-child th, .default-dark tr:first-child th a {
	color: #FFF !important;
}

/* CPA */
.cpa-dark {
	background: #3C1831;
	color: #F6DDE8;
}
.cpa-dark tr:first-child th, .cpa-dark tr:first-child th a {
	color: #F6DDE8 !important;
}

.cpa-light {
	background: #5B1C44;
	color: #F6DDE8;
}

.cpa-inner {
	background: #F6DDE8;
	color: #5B1C44;
}

/* Settlement */
.settlement-dark {
	background: #1f3433;
}

.settlement-light {
	background: #325453;
}

.settlement-inner {
	background: #e4efef;
}

.settlement-dark tr:first-child th, .settlement-dark tr:first-child th a {
	color: #e4efef !important;
}

/* Sweetie */
.sweetie-dark {
	background: #6E68A4;
}

.sweetie-light {
	background: #A398DD;
}

.sweetie-inner {
	background: #EAD5FC;
}

.sweetie-dark tr:first-child th, .sweetie-dark tr:first-child th a {
	color: #FFF !important;
}

/* Earth */
.earth-dark {
	background: #373223;
}

.earth-light {
	background: #5A5336;
	color: #F1E3CE;
}

.earth-inner {
	background: #F1E3CE;
}

.earth-dark tr:first-child th, .earth-dark tr:first-child th a {
	color: #F1E3CE !important;
}

/* night */
.night-dark {
	background: #1D1D3B;
}

.night-light {
	background: #2E2E5D;
}

.night-inner {
	background: #E4E4F2;
}

/* Expand colors */
.expand-white tr:first-child th, .expand-white tr:first-child th a {
	color: #FFF !important;
}

.expand-black tr:first-child th, .expand-black tr:first-child th a {
	color: #000 !important;
}

/* Manga */
.manga-dark {
	background: #221E1F;
}

.manga-light {
	background: #C5C5C5;
}

.manga-inner {
	background: #E5E5E5;
}

/* Pegasi */
.pegasus-dark {
	background: #263768;
}

.pegasus-light {
	background: #334A8E;
}

.pegasus-inner {
	background: #D5E7FC;
}

.pegasus-dark tr:first-child th, .pegasus-dark tr:first-child th a {
	color: #FFF !important;
}

/* Kirin */
.kirin-dark {
	background: #52844A;
}

.kirin-light {
	background: #67A45D;
}

.kirin-inner {
	background: #F1F7F0;
}

.kirin-dark tr:first-child th, .kirin-dark tr:first-child th a {
	color: #000 !important;
}

/* Unicorn */
.unicorn-dark {
	background: #5F3E87;
}

.unicorn-light {
	background: #7F43BF;
	color: #FFF;
}

.unicorn-inner {
	background: #F2D6FE;
}

.unicorn-dark tr:first-child th, .unicorn-dark tr:first-child th a {
	color: #FFF !important;
}

/* Earth */
.earth-dark {
	background: #373223;
}

.earth-light {
	background: #5A5336;
}

.earth-inner {
	background: #F1E3CE;
}

.earth-dark tr:first-child th, .earth-dark tr:first-child th a {
	color: #FFF !important;
}

/* Cheerilee */
.cheerilee-dark {
	background: #8C426B;
}

.cheerilee-light {
	background: #C46C9E;
}

.cheerilee-inner {
	background: #FFDAE9;
}

.cherilee-dark tr:first-child th, .cherilee-dark tr:first-child th a {
	color: #FFF !important;
}

/*** Navbox coding, making it easier to code for ***/
/* Navbox 1, used for navboxes like [[Template:Castles]] */
.navbox {
	border-radius: 0.5em;
	width: 100%;
	font-family: Arial;
	}

/*** Franchise box coding ***/
.fbox {
	border-radius: 0.5em;
	width: 270px;
	font-family: Arial;
	text-align: center;
	float: right;
	}

.left-text {
	text-align: left;
}

/*** Appearance list ***/
table.top-align td, .appearances td {
  vertical-align: top;
}

.appearances {
  margin-bottom: 0px;
}

/*** Scrollbar for scroll boxes ***/
/* width */
.scroll ::-webkit-scrollbar {
  width: 10px;
  border-radius: 0 0.5em 0 0.5em;
}

/* Appearances table */

table.appearances {
	padding: 5px;
	width: 100%;
	border: 2px solid #6153A2;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;
	background: #EAD5FC;
	margin-bottom: 4px;
	text-align: left;
	clear: left;
}
table.appearances tr td { vertical-align: top; }

/* "Spoiler" templates */
.spoiler {
	background: #EAD5FC;
	color: #4D4180;
	border-color: #4D4180;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	text-align: center;
}

/* Ignoring clear */
.ignore-clear {
	clear: none !important;
}