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"; @import "/wiki/index.php?title=MediaWiki:Forums.css&action=raw&ctype=text/css";

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

/* 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; , 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 ***/ border-bottom: 2px solid #6153A2; }
 * 1) profile-top {

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

.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; }

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

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

.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 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; }

/* Quote */ .quote { background: #EAD5FC; border: 2px solid #6153A2; border-radius: 0.5em; }

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

/* MWE Popup tweak */ .mwe-popups { background: #EAD5FC; color: #EAD5FC; position: absolute; border: 2px solid #6153A2; box-shadow: 30px 90px -20px rgba(234, 213, 252, 1), 0 0 2px 2px; padding: 0; display: none; font-size: 14px; min-width: 300px; border-radius: 0 0 0.5em 0.5em; }

.mwe-popups .mwe-popups-extract { color:#6153A2; }

.mwe-popups .mwe-popups-extract[dir='ltr']:after{ background-image:-webkit-linear-gradient(to right,rgba(30,92,147,0),#E9D4FC 50%); background-image:-moz-linear-gradient(to right,rgba(30,92,147,0),#E9D4FC 50%); background-image:-o-linear-gradient(to right,rgba(30,92,147,0),#E9D4FC 50%); background-image:linear-gradient(to right,rgba(30,92,147,0),#E9D4FC 50%); }

.mwe-popups.mwe-popups-no-image-pointer:after { border-bottom: 11px solid #6153A2; }

.mwe-popups.mwe-popups-no-image-pointer:before { border-bottom: 8px solid #6153A2; }

.mwe-popups.mwe-popups-image-pointer:before, .mwe-popups.mwe-popups-image-pointer.flipped-x:before, .mwe-popups.flipped-x.mwe-popups-is-tall:before { border-bottom: 9px solid #6153A2; }

.mwe-popups.mwe-popups-image-pointer:after, .mwe-popups.mwe-popups-image-pointer.flipped-x:after { border-bottom: 12px solid #6153A2; }

.mwe-popups.flipped-x-y:before, .mwe-popups.flipped-x-y.mwe-popups-is-tall:before { border-top: 9px solid #6153A2; }

.mwe-popups.flipped-x-y:after, .mwe-popups.flipped-x-y.mwe-popups-is-tall:after { border-top: 12px solid #6153A2; }

.mwe-popups.flipped-y:after { border-top: 11px solid #6153A2; }

.mwe-popups.flipped-y:before { border-top: 8px solid #6153A2; }

/* Post Edit */ .postedit { color: #6153A2; background-color: #EAD5FC; border: 2px solid #6153A2; border-radius: 0.5em; }

/*** FORUM STYLING ***/ /* CSS styles for WikiForum extension */ table.mw-wikiforum-frame { clear: both; /* @see http://bugzilla.shoutwiki.com/show_bug.cgi?id=190 */ width: 100%; background: #6153A2; border: 2px solid #48336E; border-radius: 0.5em; margin-bottom: 1.2em; }

border: 2px solid #48336E; width: 200px; text-align: left; background: #6153A2; }
 * 1) mw-wikiforum-searchbox-border {

td.mw-wikiforum-innerframe { border: 0px solid #6153A2; }

th.mw-wikiforum-thread-top { font-weight: bold; padding: 5px 10px; border: 0px solid #48336E; background: none; text-align: left; border-radius: 0.5em 0.5em 0 0; margin-bottom: -1px; width: 100%; color: #EAD5FC; }

td.mw-wikiforum-thread-main { padding: 10px; border: 2px solid #48336E; border-radius: 0.5em; background: #EAD5FC; color: #4D4180; }

td.mw-wikiforum-thread-sub { padding: 0px 10px; border: 1px solid #EAD5FC; border-radius: 0.5em; background: #EAD5FC; }

/* Word wrap fix */ td.mw-wikiforum-thread-main, td.mw-wikiforum-thread-sub { word-wrap: break-word !important; word-break: break-word !important; table-layout: fixed !important; } /* Quote styling */ blockquote { padding: 10px; border: 2px solid #48336E; background: #6153A2; }

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