MediaWiki:Common.css: Difference between revisions

From Equestripedia, the Archives of Equestria!
Content added Content deleted
(Doesn't seem to support importing css pages?)
No edit summary
 
(27 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;
}

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