MediaWiki:Template-themes.css

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

/* Appearance table */ .appearance-table-starter { border: 2px solid #48336E; background: #EAD5FC; border-radius: 0.5em; }

.appearance-top-header { background: #48336E; color: #DDC3FF; border-radius: 0.5em 0.5em 0 0; }

.appearance-top-header2 { background: #48336E; color: #DDC3FF; }

.appearance-major-header { background: #48336E; color: #DDC3FF; }

.appearance-table-headers { background: #6153A2; color: #DDC3FF; }

.appearance-table-items { background: #EAD5FC; text-align: center; }

/* Note templates */ .canon-note { background-color: #EAD5FC; color: #6153A2; border-color: #6153A2; border-style: solid; border-width: 2px 0px 2px 0px; text-align: center; width:100% }