|
@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";
#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;
}
.mwe-popups-container {
/* Font & Text */
.infobox caption {
text-decoration: none solid rgb(32, 33, 34) ;
font-size: larger;
background-color: #2B1D42 !important;
margin-left: inherit;
background-image: none ;
background-position: 0% 0% ;
background-repeat: repeat ;
color: #F3B88D !important;
border: 2px solid #DFCDDD !important;
max-width: none ;
min-width: 0px ;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.mwe-popups-extract[dir='ltr']:after{
background-image:-webkit-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
.infobox.bordered td,
background-image:-moz-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
.infobox.bordered th {
background-image:-o-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
border: 1px solid #aaaaaa;
background-image:linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
}
/* default skin for navigation boxes */
.infobox.bordered .borderless td,
table.navbox { /* navbox container style */
.infobox.bordered .borderless th {
border:1px solid 0#DFCDDD;
width:100%;
margin:auto;
clear:both;
font-size:88%;
text-align:center;
padding:2px;
}
.theme-fandomdesktop-dark table.navbox {
border-color: var(--theme-accent-color--hover);
.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;
}
table.navbox + table.navbox {
.infobox-header-appearances {
margin-top:-1px; /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
background: #4D4180;
color: #EAD5FC;
font-size: 130%;
text-align: center;
}
.navbox-title, .navbox-abovebelow, table.navbox th {
text-align:center; /* title and above/below styles */
.infobox-header2 {
padding-left:1em;
text-align: left;
padding-right:1em;
background: #4D4180;
color: #EAD5FC;
padding-left: 5px;
}
.navbox-group { /* group style */
white-space:nowrap;
.infobox-header3 {
text-align: leftright;
font-weight:bold;
background: #4D4180;
padding-left:1em;
color: #EAD5FC;
padding-leftright: 5px1em;
}
/* Background color */
.infobox-bottom {
.navbox,
border-radius: 0 0 0.5em 0.5em;
.navbox-subgroup {
font-size:84%;
background:#593d88;
margin-top: -4px;
background: #EAD5FC;
border: 2px solid #4D4180;
}
.navbox-list {
border-color:#280D5F; /* Must match background color */
.infobox-bottom tr:first-child th, .infobox-bottom tr:first-child th a, .purple-text, .toctitle, .toctitle h2 {
color: #EAD5FC !important;
}
.theme-fandomdesktop-dark .navbox,
.theme-fandomdesktop-dark .navbox-subgroup {
.infobox-sub {
background: #6153A2transparent;
color: #EAD5FC;
font-size: 100%;
text-align: left;
}
/* Level 1 color */
.infobox-label {
.navbox-title,
background: #EAD5FC;
table.navbox th {
vertical-align:top;
background:#280D5F;
padding: 0 0 0 2px;
border-top:1px solid #4D4180;
line-height:14px;
}
.theme-fandomdesktop-dark .navbox-title,
.theme-fandomdesktop-dark table.navbox th {
.infobox-cell {
background: var(--theme-accent-color);
vertical-align:top;
color: var(--theme-accent-label-color);
background: #EAD5FC;
border-top:1px solid #4D4180;
padding: 0 0 0 2px;
line-height:14px;
}
.theme-fandomdesktop-dark .navbox-title a,
.theme-fandomdesktop-dark table.navbox th a {
/*** Macrobox ***/
color: var(--theme-accent-label-color);
/* 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
}
/* Level 2 color */
.macrobox-bottom {
.navbox-abovebelow,
border-radius: 0 0 0.5em 0.5em;
.navbox-group,
font-size:84%;
.navbox-subgroup .navbox-title {
margin-top: -4px;
background: #EAD5FC4F2379;
border: 2px solid #4D4180;
width: 100%;
text-align: center;
color: #4D4180;
}
.theme-fandomdesktop-dark .navbox-abovebelow,
.theme-fandomdesktop-dark .navbox-group,
.macrobox-label {
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title {
width: 33%;
background: var(--theme-accent-color);
text-align: center;
color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-abovebelow a,
.theme-fandomdesktop-dark .navbox-group a,
.app-topper {
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title a {
padding:5px;
color: var(--theme-accent-label-color);
border:2px solid #6153A2;
background: #EAD5FC;
border-radius: 0.5em;
-moz-border-radius: 0.5em;
margin:0 auto 4px auto
}
/* Level 3 color */
.app-bytypemarker {
.navbox-subgroup .navbox-group,
text-align: center;
.navbox-subgroup .navbox-abovebelow {
background: #4D4180;
background:#4F2379;
color: #EAD5FC;
font-size: 130%;
border-radius: 6px 6px 0 0;
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group,
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow {
.app-text {
background: var(--theme-accent-color);
font-style:italic;
color: var(--theme-accent-label-color);
color: #4D4180;
background: #EAD5FC;
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group a,
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow a {
.app-text-occupations {
color: var(--theme-accent-label-color);
font-style:italic;
color: #4D4180;
background: #EAD5FC;
border-bottom-left-radius: 0.5em;
}
/* Even row striping */
.app-text-misc {
.navbox-even {
font-style:italic;
background:#4e3577;
color: #4D4180;
background: #EAD5FC;
border-radius: 0 0 0.5em 0;
}
.theme-fandomdesktop-dark .navbox-even {
/* New styling for appearance lists, used in Template:App */
background: var(--theme-page-accent-mix-color);
table.app-body {
color: var(--theme-accent-label-color);
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; }
/* Odd row striping */
/*** Replace [[Template:Infobox coloring]] templates, more dynamic for exta skins and stuff ***/
.navbox-odd {
/* Default */
background:transparent;
.default-dark {
background: #4D4180;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
.default-light {
float: right; /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
background: #6153A2;
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances the vde links from */
width: 6em; /* [[Template:Tnavbar]], so they need to be the same width. */
.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;
}
/* IgnoringThumb clearfixes */
.figure, figcaption {
.ignore-clear {
clear border: none1px solid #EAD5FC !important;
border-top: 0px !important;
background: #2B1D42 !important; }
.mw-file-description {
background: #2B1D42 !important;
}
|