MediaWiki:Common.css: Difference between revisions

From Equestripedia, the Archives of Equestria!
Content deleted Content added
No edit summary
No edit summary
 
(26 intermediate revisions by the same user not shown)
Line 2: Line 2:
@import url('https://fonts.googleapis.com/css?family=Patrick+Hand');
@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: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: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 {
.infobox {
border: 2px solid #4D4180;
border-spacing: 0;
color: #4D4180;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
float: right;
clear: 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-bottom: 0.5em;
margin-left: 1em;
margin-left: 1em;
padding: 0.2em;
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: 0;
border:1px solid #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: left;
text-align:right;
font-weight:bold;
background: #4D4180;
padding-left:1em;
color: #EAD5FC;
padding-left: 5px;
padding-right:1em;
}
}


/* 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: #6153A2;
background: transparent;
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: #EAD5FC;
background:#4F2379;
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;
}

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

/* 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 */
/* Thumb fixes */
.figure, figcaption {
.ignore-clear {
clear: none !important;
border: 1px solid #EAD5FC !important;
border-top: 0px !important;
background: #2B1D42 !important; }
.mw-file-description {
background: #2B1D42 !important;
}
}

Latest revision as of 22:34, 6 November 2023

/* 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:Template-themes.css&action=raw&ctype=text/css";
@import "/wiki/index.php?title=MediaWiki:Forums.css&action=raw&ctype=text/css";
.infobox {
   float: right;
   clear: right;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;

}
.mwe-popups-container {
	/* Font & Text */
	text-decoration: none solid rgb(32, 33, 34) ;
	background-color: #2B1D42 !important;
	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;
	background-image:-moz-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
	background-image:-o-linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
	background-image:linear-gradient(to right,rgba(43,29,66,1),#2B1D42 50%) !important;
}

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #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);
}

table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}

/* Background color */
.navbox, 
.navbox-subgroup {
  background:#593d88;
}
.navbox-list {
  border-color:#280D5F;   /* Must match background color */
}
.theme-fandomdesktop-dark .navbox, 
.theme-fandomdesktop-dark .navbox-subgroup {
  background: transparent;
}

/* Level 1 color */
.navbox-title, 
table.navbox th {
  background:#280D5F;
}
.theme-fandomdesktop-dark .navbox-title, 
.theme-fandomdesktop-dark table.navbox th {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-title a, 
.theme-fandomdesktop-dark table.navbox th a {
    color: var(--theme-accent-label-color);
}

/* Level 2 color */
.navbox-abovebelow, 
.navbox-group, 
.navbox-subgroup .navbox-title {
  background:#4F2379;
}
.theme-fandomdesktop-dark .navbox-abovebelow, 
.theme-fandomdesktop-dark .navbox-group, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-abovebelow a, 
.theme-fandomdesktop-dark .navbox-group a, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-title a {
    color: var(--theme-accent-label-color);
}

/* Level 3 color */
.navbox-subgroup .navbox-group, 
.navbox-subgroup .navbox-abovebelow {
  background:#4F2379;     
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow {
    background: var(--theme-accent-color);
    color: var(--theme-accent-label-color);
}
.theme-fandomdesktop-dark .navbox-subgroup .navbox-group a, 
.theme-fandomdesktop-dark .navbox-subgroup .navbox-abovebelow a {
    color: var(--theme-accent-label-color);
}

/* Even row striping */
.navbox-even {
  background:#4e3577;
}
.theme-fandomdesktop-dark .navbox-even {
    background: var(--theme-page-accent-mix-color);
    color: var(--theme-accent-label-color);
}

/* Odd row striping */
.navbox-odd {
  background:transparent;
}
 
.collapseButton {         /* 'show'/'hide' buttons created dynamically by the        */
    float: right;         /* CollapsibleTables javascript in [[MediaWiki:Common.js]] */
    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.      */
}

/* Thumb fixes */
.figure, figcaption {
    border: 1px solid #EAD5FC !important;
    border-top: 0px !important;
    background: #2B1D42 !important; }
.mw-file-description {
	 background: #2B1D42 !important; 
}