MediaWiki:Common.css: Difference between revisions

From Sword of Moonlight Wiki
Jump to navigation Jump to search
Created page with "→‎CSS placed here will be applied to all skins: →‎<source lang="css">: →‎Main page fixes: #interwiki-completelist { font-weight: bold; } body.page-Main_Page #ca-de..."
 
No edit summary
 
(9 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* <source lang="css"> */
 
/* font settings */
/* Main page fixes */
:root{
#interwiki-completelist {
    --wiki-body-font-family: sans-serif;
     font-weight: bold;
    --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif;
     --wiki-sidebar-heading-font-family: sans-serif;
}
}
body.page-Main_Page #ca-delete {
 
     display: none !important;
/* colors */
:root,
.view-light {
    --wiki-body-background-color: #F6F6F6;
    --wiki-body-background-color--rgb: 246,246,246;
    --wiki-body-background-image: url(/images/2/2c/KFIV_Wallpaper.jpg); /* please find the file path by viewing the image directly (not at the File: page) */
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;
    --wiki-body-dynamic-color: #000000;
    --wiki-body-dynamic-color--rgb: 0,0,0;
    --wiki-body-dynamic-color--inverted: #ffffff;
    --wiki-body-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-body-dynamic-color--secondary: #333333;
    --wiki-body-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-body-dynamic-color--secondary--inverted: #dddddd;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221;
   
    --wiki-content-background-color: #ffffff;
    --wiki-content-background-color--rgb: 255, 255, 255;
    --wiki-content-background-opacity: 1;
    --wiki-content-background-color--secondary: #fbfbfb;
    --wiki-content-background-color--secondary--rgb: 251, 251, 251;
    --wiki-content-border-color: #a7d7f9;
    --wiki-content-border-color--rgb: 167, 215, 249;
    --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5);
    --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
    --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5);
    --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb);
    --wiki-content-text-color: #111111;
    --wiki-content-text-color--rgb: 17, 17, 17;
    --wiki-content-link-color: #0645ad;
    --wiki-content-link-color--rgb: 6, 69, 173;
    --wiki-content-link-label-color: #ffffff;
    --wiki-content-link-label-color--rgb: 255,255,255;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #ba0000;
    --wiki-content-redlink-color--rgb: 186,0,0;
    --wiki-content-text-mix-color: #8a8b8b;
    --wiki-content-text-mix-color--rgb: 138,139,139;
    --wiki-content-text-mix-color-95: #eef0f0;
    --wiki-content-text-mix-color-95--rgb: 238,240,240;
    --wiki-content-dynamic-color: #000000;
    --wiki-content-dynamic-color--rgb: 0,0,0;
    --wiki-content-dynamic-color--inverted: #ffffff;
    --wiki-content-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-content-dynamic-color--secondary: #333333;
    --wiki-content-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-content-dynamic-color--secondary--inverted: #dddddd;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221;
 
    --wiki-heading-color: var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
 
    --wiki-accent-color: #3366cc;
    --wiki-accent-color--rgb: 51, 102, 204;
    --wiki-accent-color--hover: #447ff5;
    --wiki-accent-color--hover--rgb: 68, 127, 245;
    --wiki-accent-label-color: #ffffff;
    --wiki-accent-label-color--rgb: 255, 255, 255;
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;
 
    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: 0.9;
    --wiki-sidebar-border-color: var(--wiki-body-background-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);
 
    --wiki-navigation-background-color: #e8f2f8;
    --wiki-navigation-background-color--rgb: 232, 242, 248;
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb);
 
    --wiki-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #bf0017;
    --wiki-alert-color--rgb: 191,0,23;
    --wiki-alert-label-color: #ffffff;
    --wiki-alert-label-color--rgb: 255, 255, 255;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12,116,47;
    --wiki-success-label-color: #ffffff;
    --wiki-success-label-color--rgb: 255, 255, 255;
   
     --wiki-icon-general-filter: ; /* do not set this to none */
    --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%);
}
}
 
body.page-Main_Page #mp-topbanner {
.view-dark {
  clear: both;
    --wiki-body-background-color: #171717;
    --wiki-body-background-color--rgb: 23, 23, 23;
    --wiki-body-background-image: url(/images/2/2c/KFIV_Wallpaper.jpg); /* please find the file path by viewing the image directly (not at the File: page) */
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;
    --wiki-body-dynamic-color: #ffffff;
    --wiki-body-dynamic-color--rgb: 255,255,255;
    --wiki-body-dynamic-color--inverted: #000000;
    --wiki-body-dynamic-color--inverted--rgb: 0,0,0;
    --wiki-body-dynamic-color--secondary: #dddddd;
    --wiki-body-dynamic-color--secondary--rgb: 221,221,221;
    --wiki-body-dynamic-color--secondary--inverted: #333333;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51;
   
    --wiki-content-background-color: #202020;
    --wiki-content-background-color--rgb: 32,32,32;
    --wiki-content-background-opacity: 0.9;
    --wiki-content-background-color--secondary: #2b2b2b;
    --wiki-content-background-color--secondary--rgb: 43,43,43;
    --wiki-content-border-color: #991A51;
    --wiki-content-border-color--rgb: 153,26,81;
    --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5);
    --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
    --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5);
    --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb);
    --wiki-content-text-color: #ededed;
    --wiki-content-text-color--rgb: 237,237,237;
    --wiki-content-link-color: #6d8afb;
    --wiki-content-link-color--rgb: 109,138,251;
    --wiki-content-link-label-color: #000;
    --wiki-content-link-label-color--rgb: 0,0,0;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #FC3B2C;
    --wiki-content-redlink-color--rgb: 252,59,44;
    --wiki-content-text-mix-color: #868686;
    --wiki-content-text-mix-color--rgb: 134,134,134;
    --wiki-content-text-mix-color-95: #2a2a2a;
    --wiki-content-text-mix-color-95--rgb: 42,42,42;
    --wiki-content-dynamic-color: #ffffff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--secondary: #dddddd;
    --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-content-dynamic-color--secondary--inverted: #333333;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51;
 
    --wiki-heading-color:  var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);
 
    --wiki-accent-color: #ff1980;
    --wiki-accent-color--rgb: 255,25,128;
    --wiki-accent-color--hover: #D82073;
    --wiki-accent-color--hover--rgb: 216,32,115;
    --wiki-accent-label-color: #000;
    --wiki-accent-label-color--rgb: 0,0,0;
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;
 
    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
    --wiki-sidebar-border-color: var(--wiki-content-border-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);
 
    --wiki-navigation-background-color: var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb);
 
    --wiki-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #ce0018;
    --wiki-alert-color--rgb: 206,0,24;
    --wiki-alert-label-color: #000000;
    --wiki-alert-label-color--rgb: 0,0,0;
    --wiki-warning-color:#cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12,116,47;
    --wiki-success-label-color: #000000;
    --wiki-success-label-color--rgb: 0,0,0;
   
    --wiki-icon-general-filter: invert(100%);
    --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%);
}
}
 
/* Edit window toolbar */
/*****************************
#toolbar {
*    PortableInfoboxes      *
    height: 22px;
******************************/
    margin-bottom: 6px;
:root {
--pi-background: var(--wiki-content-background-color);
--pi-secondary-background: var(--wiki-accent-color);
--pi-secondary-background--rgb: var(--wiki-accent-color--rgb);
--pi-secondary-background-label: var(--wiki-accent-label-color);
--pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}
}
 
/* Margins for <ol> and <ul> */
.portable-infobox .pi-title,
#content ol, #content ul,
.portable-infobox .pi-header {
#mw_content ol, #mw_content ul {
text-align:center;
  margin-bottom: 0.5em;
font-size:1.5em;
background:rgba(var(--pi-secondary-background--rgb), 0.75);
color:var(--pi-secondary-background-label);
}
}
 
/* Make the list of references smaller */
.portable-infobox .pi-data {
ol.references {
background:rgba(var(--pi-secondary-background--rgb), 0.18);
    font-size: 100%;
}
}
.references-small {  
 
    font-size: 90%;
.portable-infobox .pi-image {
padding: 8px;
}
}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
.pi-image-thumbnail {
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
max-width:100%;
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}
 
/* Highlight clicked reference in blue to help navigation */
.pi-section-navigation .pi-section-tab.pi-section-active,
ol.references > li:target,
.pi-section-navigation .pi-section-tab.current,
sup.reference:target,
.pi-media-collection .pi-tab-link.current {
cite:target {  
background: var(--pi-secondary-background);
    background-color: #DEF;
color: var(--pi-secondary-background-label);
}
}
 
/* Ensure refs in table headers and the like aren't bold or italic */
/* overqualify these to overwrite normal content heading styles */
sup.reference {
.mw-body .portable-infobox h2,
    font-weight: normal;
.mw-body .portable-infobox h3 {
    font-style: normal;
border-bottom: 0;
font-family: inherit;
font-weight: 700;
margin: 0;
}
}
/*****************************
*  End PortableInfoboxes    *
/* Styling for citations */
******************************/
cite {
 
    font-style: normal;
/*********************************************************************************************************************
    word-wrap: break-word;
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
}
 
/* For linked citation numbers and document IDs, where
/* Display list items inline */
  the number need not be shown on a screen or a handheld,
.hlist dd,
  but should be included in the printed version
.hlist dt,
*/
.hlist li {
@media screen, handheld, projection {
/*
    cite *.printonly {
* don't trust the note that says margin doesn't work with inline
        display: none;
* removing margin: 0 makes dds have margins again
    }
* We also want to reset margin-right in Minerva
*/
margin: 0;
display: inline;
}
}
 
/* Display requested top-level lists inline */
/* wikitable/prettytable class for skinning normal tables */
.hlist.inline,
table.wikitable,
.hlist.inline dl,
table.prettytable {
.hlist.inline ol,
    margin: 1em 1em 1em 0;
.hlist.inline ul,
    background: #f9f9f9;
/* Display nested lists inline */
    border: 1px #aaa solid;
.hlist dl dl,
    border-collapse: collapse;
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
}
.wikitable th, .wikitable td,
 
.prettytable th, .prettytable td {
/* Hide empty list items */
    border: 1px #aaa solid;
.hlist .mw-empty-li {
    padding: 0.2em;
display: none;
}
}
.wikitable th,
 
.prettytable th {
/* TODO: :not() can maybe be used here to remove the later rule. naive test
    background: #f2f2f2;
* seems to work. more testing needed. like so: */
    text-align: center;
.hlist dt:not(:last-child)::after {
content: ": ";
}
}
.wikitable caption,
.hlist dd:not(:last-child)::after,
.prettytable caption {
.hlist li:not(:last-child)::after {
    font-weight: bold;
/* "space, Middle Dot, space"
We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters.
The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */
content: "\20\00B7\20";
font-weight: bold;
}
}
 
/* Default skin for navigation boxes */
/* Add parentheses around nested lists */
table.navbox {            /* Navbox container style */
.hlist dd dd:first-child::before,
  border: 1px solid #aaa;
.hlist dd dt:first-child::before,
  width: 100%;
.hlist dd li:first-child::before,
  margin: auto;
.hlist dt dd:first-child::before,
  clear: both;
.hlist dt dt:first-child::before,
  font-size: 88%;
.hlist dt li:first-child::before,
  text-align: center;
.hlist li dd:first-child::before,
  padding: 1px;
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
content: " (";
font-weight: normal;
}
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
content: ")";
font-weight: normal;
}
}
.navbox-title,
 
.navbox-abovebelow,
/* Put ordinals in front of ordered list items */
table.navbox th {
.hlist ol {
  text-align: center;      /* Title and above/below styles */
counter-reset: listitem;
  padding-left: 1em;
  padding-right: 1em;
}
}
.navbox-group {           /* Group style */
 
  white-space: nowrap;
.hlist ol > li {
  text-align: right;
counter-increment: listitem;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
}
.navbox, .navbox-subgroup {
 
  background: #fdfdfd;     /* Background color */
.hlist ol > li::before {
content: " " counter(listitem) "\a0";
}
}
.navbox-list {
 
  border-color: #fdfdfd;   /* Must match background color */
.hlist dd ol > li:first-child::before,
.hlist dt ol > li:first-child::before,
.hlist li ol > li:first-child::before {
content: " (" counter(listitem) "\a0";
}
}
.navbox-title,
/********************************************
table.navbox th {
* End semantically-correct horizontal lists *
  background: #ccccff;     /* Level 1 color */
*********************************************/
 
/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
clear: both;
margin: 1em 0;
padding: 3px;
font-size: 90%;
width: 100%;
border: 1px solid var(--wiki-content-border-color);
box-sizing: border-box;
}
}
.navbox-abovebelow,
.navbox-inner,
.navbox-group,
.navbox-subgroup {
.navbox-subgroup .navbox-title {
border-spacing: 0;
  background: #ddddff;     /* Level 2 color */
width: 100%;
}
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
/* Reduce spacing between adjacent navboxes */
  background: #e6e6ff;     /* Level 3 color */
.navbox + .navbox {
margin-top: -1px;
}
}
.navbox-even {
/* Spacing between rows */
  background: #f7f7f7;     /* Even row striping */
.navbox-spacer {
height: 2px;
}
}
.navbox-odd {
/* Title bars and labels */
  background: transparent; /* Odd row striping */
.navbox-title {
font-weight: bold;
font-size: 115%;
padding: 0.25em 0.6em;
line-height: 1.5em;
color: var(--wiki-accent-label-color);
background: var(--wiki-accent-color);
}
}
.navbox-title button.mw-collapsible-toggle {
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
  color:var(--wiki-accent-label-color);
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;    /* so they can be customised.                */
    width: auto;
}
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
.navbox-title .mw-collapsible-toggle-default .mw-collapsible-text {
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
  color:var(--wiki-accent-link-color);
}                          /* so they need to be the same width.         */
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
}
.infobox td,
.navbox-title,
.infobox th {
.navbox-abovebelow {
    vertical-align: top;
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
}
.infobox caption {
.navbox-abovebelow,
    font-size: larger;
.navbox-group,
.navbox-subgroup .navbox-title {
background: rgba(var(--wiki-accent-color--rgb), 0.18);
color: var(--wiki-content-text-color);
border: 1px solid var(--wiki-content-border-color);
}
}
.infobox.bordered {
.navbox .navbox-title a,
    border-collapse: collapse;
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
color: var(--wiki-accent-link-color);
}
}
.infobox.bordered td,
.navbox .navbox-title a:hover,
.infobox.bordered th {
.navbox .navbox-title a:visited:hover,
    border: 1px solid #aaa;
.navbox .navbox-title a.external:hover,
.navbox .navbox-title a.external:visited:hover {
  color:var(--wiki-accent-label-color);
}
}
.infobox.bordered .borderless td,
.navbox-title .mw-collapsible-toggle {
.infobox.bordered .borderless th {
font-weight: normal;
    border: 0;
text-align: right;
}
}
.navbox-title-text {
.infobox.sisterproject {
font-size: 105%;
    width: 20em;
    font-size: 90%;
}
}
/* Navbox-related links */
.infobox.standard-talk {
.navbox-title .navbar {
    border: 1px solid #c0c090;
float: left;
    background-color: #f8eaba;
margin-right: 0.5em;
}
}
.infobox.standard-talk.bordered td,
.navbox-title .navbar a.external::after {
.infobox.standard-talk.bordered th {
     content: unset;
     border: 1px solid #c0c090;
}
}
/* Groups */
/* styles for bordered infobox with merged rows */
.navbox-group {
.infobox.bordered .mergedtoprow td,
font-weight: bold;
.infobox.bordered .mergedtoprow th {
padding: 0 0.5em;
    border: 0;
white-space: nowrap;
    border-top: 1px solid #aaa;
text-align: center;
    border-right: 1px solid #aaa;
}
}
/* Zebra colouring for rows */
.infobox.bordered .mergedrow td,
.navbox-even {
.infobox.bordered .mergedrow th {
background: #fff1;
    border: 0;
    border-right: 1px solid #aaa;
}
}
/* Subgroups: equal group labels between different child navboxes */
/* Styles for geography infoboxes, eg countries,
.navbox-subgroup > tbody > tr {
  country subdivisions, cities, etc.            */
display: flex;
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}
}
.navbox-subgroup .navbox-title {
.infobox.geography  td,
     width: 100%;
.infobox.geography  th {
     border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
}
.infobox.geography .mergedtoprow td,
.navbox-subgroup .navbox-group {
.infobox.geography .mergedtoprow th {
display: flex;
    border-top: solid 1px #aaa;
align-items: center;
    padding: 0.4em 0.6em 0.2em 0.6em;
justify-content: center;
flex-basis: 11em;
flex-grow: 1;
flex-shrink: 0;
white-space: normal;
}
}
/* Lists */
.infobox.geography .mergedrow td,
.navbox-list {
.infobox.geography .mergedrow th {
width: 100%;
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}
}
/* Mobile adjustments */
.infobox.geography .mergedbottomrow td,
@media screen and (max-width: 1280px) {
.infobox.geography .mergedbottomrow th {
.mw-body .navbox-inner table {
    border-top: 0;
        display: table;
    border-bottom: solid 1px #aaa;
}
    padding: 0 0.6em 0.4em 0.6em;
}
}
@media screen and (max-width: 720px) {
.infobox.geography .maptable td,
.mw-body .navbox {
.infobox.geography .maptable th {
display: none;
    border: 0;
}
    padding: 0;
}
}
/**********************
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
* End Template:Navbox *
.redirect-in-category, .allpagesredirect {
***********************/
    font-style: italic;
 
 
/*******************
* Main page layout *
********************/
#mp-box-welcome {grid-area: welcome;}
#mp-box-about {grid-area: about;}
#mp-box-links {grid-area: links;}
#mp-box-contribute {grid-area: contribute;}
#mp-box-featured {grid-area: featured;}
#mp-box-basics {grid-area: basics;}
#mp-box-gallery {grid-area: gallery;}
#mp-box-iconlists {grid-area: iconlists;}
 
/* Example Main Page 1 Grid Layout */
#mp-layout1-container {
display:grid;
grid-template-areas:
"welcome"
"about"
"featured"
"basics"
"gallery"
"links"
"contribute";
grid-template-columns:100%;
gap:10px;
}
}
 
/* Icons for medialist templates [[Template:Listen]],
@media screen and (min-width:990px) {
  [[Template:Multi-listen_start]], [[Template:Video]],
#mp-layout1-container {
  [[Template:Multi-video_start]]
grid-template-areas:
*/
"welcome welcome"
div.listenlist {
"about about"
    background:
"featured basics"
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
"gallery links"
    padding-left: 40px;
"contribute contribute";
grid-template-columns:1fr 1fr;
}
}
}
 
/* Style rules for media list templates */
@media screen and (min-width:1350px) {
div.medialist {
#mp-layout1-container {
    min-height: 50px;
grid-template-areas:
    margin: 1em;
"welcome welcome welcome"
    background-position: top left;
"about about basics"
    background-repeat: no-repeat;
"featured featured basics"
"gallery links links"
"contribute contribute contribute";
grid-template-columns: 2fr 1fr 2fr;
  }
}
}
div.medialist ul {
 
    list-style-type: none;  
/* Example Main Page 2 Grid Layout */
    list-style-image: none;
#mp-layout2-container {
    margin: 0;
display:grid;
grid-template-areas:
"welcome"
"links"
"about"
"gallery"
"iconlists"
"contribute";
grid-template-columns:100%;
gap:10px;
}
}
div.medialist ul li {
 
    padding-bottom: 0.5em;
@media screen and (min-width:990px) {
#mp-layout2-container {
grid-template-areas:
"welcome links"
"gallery about"
"iconlists about"
"iconlists contribute";
grid-template-columns: 3fr 2fr;
}
}
}
div.medialist ul li li {
 
    font-size: 91%;
@media screen and (min-width:1350px) {
    padding-bottom: 0;
#mp-layout2-container {
grid-template-areas:
"welcome welcome links"
"welcome welcome about"
"gallery gallery about"
"iconlists iconlists contribute";
grid-template-columns: 3fr 2fr 2fr;
  }
}
}
 
/* Change the external link icon to an Adobe icon for all PDF files
.mp-box {
  in browsers that support these CSS selectors, like Mozilla and Opera */
display:flex;
#bodyContent a[href$=".pdf"].external,
flex-flow:column nowrap;
#bodyContent a[href*=".pdf?"].external,
width: calc(100% - 2px);
#bodyContent a[href*=".pdf#"].external,
box-sizing: border-box;
#bodyContent a[href$=".PDF"].external,
background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25);
#bodyContent a[href*=".PDF?"].external,
border:1px solid var(--wiki-content-border-color);
#bodyContent a[href*=".PDF#"].external,
padding:0px;
#mw_content  a[href$=".pdf"].external,
#mw_content  a[href*=".pdf?"].external,
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external,
#mw_content  a[href*=".PDF?"].external,
#mw_content  a[href*=".PDF#"].external {
    background:  
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
        center right no-repeat;
    padding-right: 16px;
}
}
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
.mp-body {
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
height: 100%;
#bodyContent span.PDFlink a,
display: flex;
#mw_content span.PDFlink a {
padding:0.5em;
    background:  
flex-flow: column nowrap;
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif")
        center right no-repeat;
    padding-right: 17px;
}
}
 
/* Remove link styling. Already defined in monobook
.mp-box.centered-content .mp-body {
  and modern, but not defined in the other skins. Bug 18708 */
height: 100%;
#bodyContent .plainlinks a {
display: flex;
    background: none !important;
flex-flow: column nowrap;
    padding: 0 !important;
justify-content: space-evenly;
}
}
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
.mp-box.has-floating-image {
div.columns-2 div.column {
display:block;
    float: left;
    width: 50%;
    min-width: 300px;
}
}
div.columns-3 div.column {
 
    float: left;
.mp-box.has-floating-image .mp-body {
    width: 33.3%;
height:unset;
    min-width: 200px;
display:block;
}
}
div.columns-4 div.column {
 
     float: left;
.mp-box h2 {
    width: 25%;
text-align:center;
    min-width: 150px;
font-weight:bold;
font-family:var(--wiki-heading-font-family);
     overflow: initial;
border-bottom: 1px solid var(--wiki-content-border-color);
font-size: 150%;
margin: 0;
padding: 5px 0;
color:var(--wiki-heading-color);
}
}
div.columns-5 div.column {
 
     float: left;
.mp-box .welcome-message {
     width: 20%;
     font-size: 200%;
     min-width: 120px;
font-family: var(--wiki-heading-font-family);
     margin: 0;
     padding: 5px 0;
color: #fff;
filter: drop-shadow(0px 2px 3px #000);
}
}
 
/* Make sure that "external references" from templates like [[Template:Ref]]
#mp-box-welcome {
  do not get URL expansion, not even when printed. The anchor itself has
text-align:center;
  class "external autonumber" and the url expansion is inserted when printing
position:relative;
  (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
overflow:hidden;
  ":after" pseudo-element.
*/
.nourlexpansion a.external.text:after,
.nourlexpansion a.external.autonumber:after {
    display: none !important;
}
}
 
/* The legacy implementation of this was with "plainlinksneverexpand", which
#mp-welcome {
  also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
display:flex;
  should be replaced with "plainlinks nourlexpansion".  When this has been
flex-flow:column nowrap;
  done, the rules below can be removed.
position: relative;
*/
height: 100%;
.plainlinksneverexpand a {
z-index: 2;
    background: none !important;
box-sizing: border-box;
    padding: 0 !important;
}
}
.plainlinksneverexpand a.external.text:after,
 
.plainlinksneverexpand a.external.autonumber:after {
#mp-welcome .welcome-subtitle {
    display: none !important;
height: 100%;
background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
padding:0.5em;
}
}
 
/* Messagebox templates */
#mp-banner {
.messagebox {
     position: absolute;
     border: 1px solid #aaa;
     width: 100%;
     background-color: #f9f9f9;
     height: 100%;
     width: 80%;
     filter: blur(5px);
     margin: 0 auto 1em auto;
     z-index: -1;
     padding: .2em;
    background: url(/images/e/e0/MP_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
}
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
.view-dark #mp-banner {
    background-color: #f0e5ff;
filter: blur(5px) brightness(50%);
    text-align: center;
}
}
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
.view-light #mp-banner {
    background-color: #efefff;
filter: blur(5px) contrast(50%);
    text-align: center;
}
}
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
/* [[Template:MP_link]] */
    background-color: #f8eaba;
.mp-links {
    margin: 4px auto;
  --gap:10px;
}
}
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
.mp-links > ul {
.messagebox.nested-talk {
display: flex;
    border: 1px solid #c0c090;
flex-flow: row wrap;
    background-color: #f8eaba;
justify-content: space-evenly;
    width: 100%;
margin: 2px;
    margin: 2px 0;
gap:var(--gap);
    padding: 2px;
}
}
.messagebox.small {
 
    width: 238px;
.mp-links > ul > li {
    font-size: 85%;
display:flex;
    float: right;
flex-flow:column nowrap;
    clear: both;
align-items:stretch;
    margin: 0 0 1em 1em;
text-align: center;
    line-height: 1.25em;  
box-sizing:border-box;
flex: max(calc(50% - var(--gap)), 5em) 1 1;
outline:1px solid var(--wiki-content-link-color);
transition:0.1s ease-in;
}
}
.messagebox.small-talk {
 
    width: 238px;
.mp-links > ul > li:hover {
    font-size: 85%;
background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em;
    background: #F8EABA;
}
}
 
.mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;}
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
.mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;}
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
.mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;}
    border: none;  
.mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;}
    padding: 0.25em 0.9em;       /* 0.9em left/right */
.mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;}
    width: 100%;   /* Make all mboxes the same width regardless of text length */
.mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;}
.mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;}
.mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;}
 
.mp-links > ul > li:hover a {
text-decoration: underline;
}
}
td.mbox-image {                 /* The left image cell */
 
    border: none;  
.mp-links > ul > li > a {
    padding: 2px 0 2px 0.9em;   /* 0.9em left, 0px right */
display: flex;
    text-align: center;  
align-items: center;
justify-content: center;
height:100%;
flex:1 1 auto;
box-sizing:border-box;
padding:5px;
}
}
td.mbox-imageright {             /* The right image cell */
 
    border: none;
.mp-links > ul > li > a:first-child {
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
  height:100%;
    text-align: center;  
}
}
td.mbox-empty-cell {        /* An empty narrow cell */
 
    border: none;
.mp-links > ul > li > a:last-child:not(:first-child) {
    padding: 0px;
  height:unset;
    width: 1px;
}
}
 
/* Article message box styles */
.mp-links.stretch,
table.ambox {
.mp-links.stretch > ul {
    margin: 0px 10%;  /* 10% = Will not overlap with other elements */
height:100%;
    border: 1px solid #aaa;
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;  
}
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
 
    margin-top: -1px;
.mp-links.side-image li {
flex-flow:row nowrap;
}
}
.ambox th.mbox-text,
 
.ambox td.mbox-text {           /* The message body cell(s) */
.mp-links.plain > ul > li {
    padding: 0.25em 0.5em;       /* 0.5em left/right */
  outline-color:transparent;
}
}
.ambox td.mbox-image {          /* The left image cell */
 
     padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
/* MP icon lists */
.mp-iconlists {
display: flex;
     flex-flow: wrap;
    gap: 5px 20px;
}
}
.ambox td.mbox-imageright {     /* The right image cell */
 
     padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
.mp-iconlists > .mp-iconlist {
flex: 1;
     min-width: fit-content;
}
}
 
table.ambox-notice {
.mp-iconlist > h3 {
    border-left: 10px solid #1e90ff;   /* Blue */
padding: 0;
margin: 0;
}
}
table.ambox-speedy {
 
    border-left: 10px solid #b22222;   /* Red */
.mp-iconlist > ul {
    background: #fee;                   /* Pink */
list-style: none;
margin: 0;
}
}
table.ambox-delete {
 
     border-left: 10px solid #b22222;   /* Red */
/* MP gallery */
.mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */
    display: flex;
     flex-flow: wrap;
    gap: 5px 10px;
    align-items: flex-end;
    justify-content: space-evenly;
    margin: auto;
}
}
table.ambox-content {
 
     border-left: 10px solid #f28500;   /* Orange */
.mp-box ul.gallery .gallerytext {
margin-top: 1em;
padding: 0;
    background-color: var(--wiki-content-background-color--secondary);
     border: 1px solid var(--wiki-content-link-color);
}
}
table.ambox-style {
 
     border-left: 10px solid #f4c430;   /* Yellow */
.mp-box .gallerybox:hover .gallerytext {
     background-color: rgba(var(--wiki-content-link-color--rgb), 0.2);
}
}
table.ambox-move {
 
    border-left: 10px solid #9932cc;   /* Purple */
.mp-box ul.gallery .gallerytext > p {
margin: 0;
}
}
table.ambox-protection {
 
     border-left: 10px solid #bba;       /* Gray-gold */
.mp-box ul.gallery .gallerytext a {
display: block;
     padding: .5em 0;
}
}
   
 
/* Image message box styles */
/***********************
table.imbox {
* End main page layout *
     margin: 4px 10%;  
************************/
     border-collapse: collapse;  
 
     border: 3px solid #1e90ff;   /* Default "notice" blue */
/****************************************/
     background: #fbfbfb;
/******* Start DRUID CSS rules *********/
/****************************************/
 
.druid-container {
     /* These variables are designed to inherit from your wiki's color variables.
      If your wiki uses a different naming scheme, change the inner names to match yours.
      If your wiki doesn't use color variables you should consider doing so,
      otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
    */
    --druid-background-color: var(--wiki-content-background-color, #ffffff);
    --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
   
    --druid-secondary-background-color: var(--wiki-accent-color, #36c);
    --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
    --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
     --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
   
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
    --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
   
    --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
     --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
   
    --druid-link-color: var(--wiki-content-link-color, #0645ad);
    --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
     --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
    --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}
}
.imbox .mbox-text .imbox {   /* For imboxes inside imbox-text cells. */
 
     margin: 0 -0.5em;   /* 0.9 - 0.5 = 0.4em left/right. */
/* --------------------------------- */
/*    Safe to edit ABOVE this line   */
/* ---------------------------------  */
 
/* ---------------------------------  */
/*     Do not edit below this line   */
/* ---------------------------------  */
 
.druid-container {
    border: 4px solid var(--druid-border-color);
    border-radius: 3px;
    background: var(--druid-background-color);
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
width:100%;
max-width:22em;
    box-sizing: border-box;
    border-collapse: collapse;
}
}
.mbox-inside .imbox {   /* For imboxes inside other templates. */
 
     margin: 4px;
@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
     margin: 0.5rem auto;
  }
}
}
 
table.imbox-notice {
.druid-main-images-file,
     border: 3px solid #1e90ff;   /* Blue */
.druid-main-image {
     text-align:center;
}
}
table.imbox-speedy {
 
     border: 3px solid #b22222;   /* Red */
.druid-infobox .druid-title,
     background: #fee;             /* Pink */
.druid-infobox .druid-section {
     background:rgba(var(--druid-secondary-background-color--rgb), 0.75);
     color:var(--druid-secondary-background-label-color);
    text-align:center;
    font-size:1.5em;
    padding:1px;
}
}
table.imbox-delete {
 
     border: 3px solid #b22222;   /* Red */
.druid-infobox .druid-section {
     font-size: 1.25em;
    font-weight: 500;
}
}
table.imbox-content {
 
    border: 3px solid #f28500;   /* Orange */
.druid-infobox  .druid-collapsible .druid-section {
flex-grow: 1;
}
}
table.imbox-style {
 
     border: 3px solid #f4c430;   /* Yellow */
.druid-label {
     font-weight:bold;
    text-align: right;
box-sizing: border-box;
}
}
table.imbox-move {
 
     border: 3px solid #9932cc;   /* Purple */
.druid-row > .druid-label {
     width: 48%;
    flex-shrink: 0;
}
}
table.imbox-protection {
 
    border: 3px solid #bba;       /* Gray-gold */
.druid-row > .druid-label,
.druid-row > .druid-data {
padding-inline: 0.3em;
}
}
table.imbox-license {
 
     border: 3px solid #88a;      /* Dark gray */
.druid-main-image,
    background: #f7f8ff;         /* Light gray */
.druid-main-images {
     padding:5px;
}
}
table.imbox-featured {
 
     border: 3px solid #cba135;   /* Brown-gold */
.druid-main-image img,
.druid-main-images img {
     max-width:100%;
    height:auto;
}
}
 
/* Category message box styles */
.druid-main-images-labels {
table.cmbox {
     display:flex;
     margin: 3px 10%;
    flex-direction:row;
     border-collapse: collapse;
    flex-wrap:wrap;
     border: 1px solid #aaa;  
     justify-content: space-evenly;
     background: #DFE8FF;   /* Default "notice" blue */
     margin:0.25em;
     gap:0.25em;
}
}
 
table.cmbox-notice {
.druid-main-images-label {
     background: #D8E8FF;   /* Blue */
     cursor:pointer;
    flex:1 1 auto;
    text-align:center;
    transition:.1s ease-in;
    outline:1px solid var(--druid-link-color);
}
}
table.cmbox-speedy {
 
     margin-top: 4px;
.druid-main-images-label.focused {
    margin-bottom: 4px;
     background:var(--druid-link-color);
     border: 4px solid #b22222;    /* Red */
     color:var(--druid-link-label-color);
    background: #FFDBDB;         /* Pink */
}
}
table.cmbox-delete {
 
     background: #FFDBDB;   /* Red */
.druid-main-images-label:not(.focused):hover {
     background:rgba(var(--druid-link-color--rgb), 0.25);
}
}
table.cmbox-content {
 
     background: #FFE7CE;   /* Orange */
.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
     display:none;
}
}
table.cmbox-style {
 
     background: #FFF9DB;   /* Yellow */
.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
     display:none;
}
}
table.cmbox-move {
 
     background: #E4D8FF;   /* Purple */
.druid-section:has(.druid-toggleable-heading-empty.focused) {
     display:none;
}
}
table.cmbox-protection {
 
     background: #EFEFE1;   /* Gray-gold */
.druid-grid {
     display:grid;
    gap: 0.3em;
padding: 0.35em;
}
}
 
/* Other pages message box styles */
.druid-grid-item {
table.ombox {
     background:var(--druid-tertiary-background-color);
     margin: 4px 10%;  
     padding:0.25em;
     border-collapse: collapse;  
     border:1px solid rgba(var(--druid-border-color--rgb), 0.5);
     border: 1px solid #aaa;       /* Default "notice" gray */
     border-radius: 2px;
     background: #f9f9f9;
}
}
 
table.ombox-notice {
.druid-grid-item .druid-label,
    border: 1px solid #aaa;       /* Gray */
.druid-grid-item .druid-data {
text-align: center;
}
}
table.ombox-speedy {
 
    border: 2px solid #b22222;    /* Red */
.druid-data-wide {
    background: #fee;             /* Pink */
width:100%;
}
}
table.ombox-delete {
 
    border: 2px solid #b22222;   /* Red */
.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}
}
table.ombox-content {
 
     border: 1px solid #f28500;   /* Orange */
.druid-collapsed {
     display:none!important;
}
}
table.ombox-style {
 
     border: 1px solid #f4c430;   /* Yellow */
.druid-collapsible {
     cursor:pointer;
    position:relative;
}
}
table.ombox-move {
 
    border: 1px solid #9932cc;   /* Purple */
.druid-collapsible::after {
content: "";
display: block;
position: absolute;
right: 10px;
width: 20px;
height: 20px;
--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
-webkit-mask: var(--mask);
mask: var(--mask);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-position: center center;
mask-position: center center;
background-color: var(--druid-secondary-background-label-color);
}
}
table.ombox-protection {
 
    border: 2px solid #bba;       /* Gray-gold */
.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}
}
 
/* Talk page message box styles */
.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
table.tmbox {
  display: none;
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" */
 
    margin: 2px 0;              /* class ensures that this declaration overrides other */
/*****************************************
     width: 100%; /* For Safari and Opera */     /* styles (including mbox-small above) */
Div support
*****************************************/
 
div.druid-row {
     display:flex;
     margin-block: 1px;
}
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
    line-height: 1.5em;         /* also "nested", so reset styles that are  */ 
div.druid-row + div.druid-row {
    font-size: 100%;            /* set in "mbox-small" above.                */
margin-top: 0;
}
}
 
table.tmbox-speedy {
div.druid-row > .druid-label {
    border: 2px solid #b22222;    /* Red */
background: var(--druid-tertiary-background-color);
    background: #fee;             /* Pink */
}
}
table.tmbox-delete {
 
    border: 2px solid #b22222;   /* Red */
.druid-infobox .druid-title {
  font-weight: 700;
}
}
table.tmbox-content {
 
     border: 2px solid #f28500;   /* Orange */
.druid-infobox #toc {
     display:none;
}
}
table.tmbox-style {
 
     border: 2px solid #f4c430;   /* Yellow */
 
/********
Custom display classes
*********/
 
div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
     flex-direction: column;
}
}
table.tmbox-move {
 
    border: 2px solid #9932cc;    /* Purple */
.druid-stacked.druid-row > .druid-label,
}
.druid-stacked .druid-row > .druid-label {
table.tmbox-protection,
     text-align: left;
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}
/* Disambig and set index box styles */
table.dmbox {
     clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}
/* Footer and header message box styles */
table.fmbox {
    clear: both;
    margin: 0.2em 0;
     width: 100%;
     width: 100%;
     border: 1px solid #aaa;
     flex-basis:unset;
    background: #f9f9f9;    /* Default "system" gray */
}
}
table.fmbox-system {
 
     background: #f9f9f9;
.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
     padding-left: .75em;
}
}
table.fmbox-warning {
 
     border: 1px solid #bb7070; /* Dark pink */
/* --------------------------------- */
    background: #ffdbdb;        /* Pink */
/*    Do not edit above this line     */
/* ---------------------------------  */
 
/* ---------------------------------  */
/* Local overrides go below this line */
/* ---------------------------------  */
 
 
/****************************************/
/******* End DRUID CSS rules  *********/
/****************************************/
 
 
/*** Miscellaneous ***/
.responsive-image {
max-width:100%;
height:auto;
}
}
table.fmbox-editnotice {
 
     background: transparent;
.view-dark .invert-on-dark,
.view-light .invert-on-light {
     filter:invert(100%);
}
}
/* Div based "warning" style fmbox messages. */
 
div.mw-warning-with-logexcerpt,
.pixelated {
div.mw-lag-warn-high,
  image-rendering:pixelated;
div.mw-cascadeprotectedwarning {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #bb7070;
    background: #ffdbdb;
    padding: 0.25em 0.9em;
}
}
/* Div based "system" style fmbox messages. Used in
 
  [[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
@media screen and (min-width:720px) {
div.mw-lag-warn-normal,
.mobileonly {
div.noarticletext,
display:none;
div.fmbox-system {
}
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
}
@media screen and (max-width:720px) {
/* These mbox-small classes must be placed after all other
.nomobile {
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
display:none;
  they override "table.ambox + table.ambox" above. */
}
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
    clear: right;
    float: right;
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
 
     margin: 4px 1em 4px 0;
/*** Utility classes for standard MW galleries ***/
    width: 238px;
/* it's important that spaced comes before centered in the sheet */
     border-collapse: collapse;
.gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */
     font-size: 88%;
     display:flex;
     line-height: 1.25em;
     flex-flow:row wrap;
     justify-content:space-evenly;
     margin-left:unset;
}
}
 
.gallery.centered {
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
     text-align:center;
  The second declarations reset the styles for all browsers except
  IE6, which chokes on the empty comment tags. Please copy any changes
  to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA {
     font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt,
                "DejaVu Sans", Code2000, "TITUS Cyberbit Basic",
                "Arial Unicode MS", "Lucida Sans Unicode",
                "Chrysanthi Unicode";
    font-family /**/: inherit;
}
}
.Unicode {
 
     font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic",
/**************************
                "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
* Start Modular Templates *
                "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
**************************/
                "Lucida Grande", "Free Sans", "Arial Unicode MS",
 
                "Microsoft Sans Serif", "Lucida Sans Unicode";
/********* [[Template:Ambox]] *********/
    font-family /**/: inherit;
.ambox {
     --ambox-color:var(--wiki-accent-color);
 
border: 1px solid var(--wiki-content-border-color);
border-left: 10px solid var(--ambox-color);
border-radius: 2px;
display: flex;
align-items: center;
gap: .6em;
margin: 1em 0;
padding: 3px .6em;
background-color: var(--wiki-content-background-color--secondary);
box-shadow: 2px 2px 5px 0px #0002;
}
}
.latinx {
 
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
@media (min-width: 720px) {
    font-family /**/: inherit;
.ambox {
margin-inline: 10%;
}
}
}
.polytonic {
 
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
.ambox.tiny {
                "Arial Unicode MS", "Lucida Sans Unicode",
padding: .04rem .5em;
                "Lucida Grande", Code2000;  
margin-inline: 0;
     font-family /**/: inherit;
     width: fit-content;
}
}
 
#wpSave {
.ambox + .ambox {
    font-weight: bold;
margin-top: -.6em;
}
}
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.ambox-content p {
.hiddenStructure {
margin: .15em 0;
    display: inline ! important;
    color: #f00;
    background-color: #0f0;
}
}
 
/* suppress missing interwiki image links where #ifexist cannot
.ambox-title {
  be used due to high number of requests see .hidden-redlink on
font-weight: bold;
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
    display: none;
    speak: none;
}
}
 
/* Removes underlines from links */
/********* [[Template:Hatnote]] *********/
.nounderlines a {  
.hatnote {
     text-decoration: none;
     padding: 1px 0 1px 1.6em;
    margin-bottom: 0.5em;
    font-style: italic;
    border-top: 1px solid var(--wiki-content-border-color--secondary);
    border-bottom: 1px solid var(--wiki-content-border-color--secondary);
}
}
 
/* Remove underline from IPA links */
.hatnote.icon {
.IPA a:link, .IPA a:visited {
padding-left: 0;
    text-decoration: none;
}
}
 
/* Standard Navigationsleisten, aka box hiding thingy
/********* [[Template:Spoiler]] *********/
  from .de.  Documentation at [[Wikipedia:NavFrame]]. */
.spoiler-content {
div.NavFrame {
  background-color: rgb(127, 127, 127);
    margin: 0;
  transition: all 0.3s;
    padding: 4px;
  cursor: pointer;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
}
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
.spoiler-content > span {
    border-top-style: hidden;
  opacity: 0;
  transition: all 0.3s;
}
}
div.NavPic {
 
    background-color: #fff;
.spoiler-content > * {
    margin: 0;
  pointer-events:none;
    padding: 2px;
    float: left;
}
}
div.NavFrame div.NavHead {
 
    height: 1.6em;
.spoiler-content.show > * {
    font-weight: bold;
  pointer-events:unset;
    background-color: #ccf;
    position: relative;
}
}
div.NavFrame p {
 
    font-size: 100%;
.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}
}
div.NavFrame div.NavContent {
 
    font-size: 100%;
.spoiler-content.show > span {
  opacity: 1;
}
}
div.NavFrame div.NavContent p {
 
     font-size: 100%;
/********* [[Template:Link icon]] *********/
.link-icon {
--link-icon-line-height: 1.5em;
--link-icon-size: 1.5em;
display: inline-flex;
align-items: center;
    height: var(--link-icon-line-height);
     vertical-align: bottom;
}
}
div.NavEnd {
 
     margin: 0;
.link-icon .regular {
    padding: 0;
     align-self: center;
    line-height: 1px;
    clear: both;
}
}
a.NavToggle {
 
    position: absolute;
.link-icon .regular a {
    top: 0;
display: flex;
    right: 3px;
    font-weight: normal;
    font-size: 90%;
}
}
 
/* Coloured watchlist numbers */
.link-icon .regular img {
.mw-plusminus-pos { color: #006400; } /* dark green */
height: var(--link-icon-size);
.mw-plusminus-neg { color: #8B0000; } /* dark red */
max-width: var(--link-icon-size);
.rellink,
.dablink {
    font-style: italic;
    padding-left: 2em;
}
}
.rellink i,
 
.dablink i {
.link-icon .fallback {
    font-style: normal;
outline: 1px solid var(--wiki-content-text-color);
border-radius: 50%;
text-align: center;
width: var(--link-icon-size);
line-height: var(--link-icon-size);
}
}
 
/* Style for horizontal UL lists */
.link-icon.notext .fallback {
.horizontal ul {
display: inline-block;
    padding: 0;
    margin: 0;
}
}
.horizontal li {
 
    padding: 0 0.6em 0 0.4em;
.link-icon.notext {
     display: inline;
     display: inline;
    border-right: 1px solid;
}
}
.horizontal li:last-child {
 
     border-right: none;
/********* [[Template:Quote]] *********/
     padding-right: 0;
.quote {
    background: var(--wiki-content-background-color--secondary);
     border-radius: 5px;
     border: 2px solid var(--wiki-content-border-color);
    margin: .5em 0;
    padding: .5em;
}
}
 
/* Allow transcluded pages to display in lists rather than a table.
.quote .block {
  Compatible in Firefox; incompatible in IE6. */
display: block;
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }
/* Geographical coordinates defaults. See [[Template:Coord/link]]
  for how these are used. The classes "geo", "longitude", and
  "latitude" are used by the [[Geo microformat]].
*/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude            { white-space: nowrap; }
/* When <div class="nonumtoc"> is used on the table of contents,
  the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
}
.nonumtoc #toc ul ul,
 
.nonumtoc .toc ul ul {
.quote .title {
    margin: 0 0 0 2em;
font-size: large;
}
     font-weight: bold;
/* 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).
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }
/* Styling for Template:Quote */
blockquote.templatequote {
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
    line-height: 1em;
    text-align: left;
    padding-left: 2em;
    margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
    font-size: 85%;
}
div.user-block {
    padding: 5px;
     border: 1px solid #A9A9A9;
    background-color: #FFEFD5;
}
/* Prevent line breaks in silly places:
  1) links when we don't want them to
  2) HTML formulae
  3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
span.texhtml,
sup.reference a { white-space: nowrap; }
/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa;
    background-color: #ecfcf4;
    padding: 5px;
}
}
 
.thumbinner {
.quote .content {
    min-width: 100px;
font-style: italic;
}
}
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.quote .author {
.imagemap-inline div {
font-weight: bold;
    display: inline;
text-align: end;
}
}
 
/* Increase the height of the image upload box */
.quote .marks-wrapper {
#wpUploadDescription {
display: flex;
    height: 13em;
gap: 5px;
}
}
 
/* Reduce line-height for <sup> and <sub> */
.quote .marks-wrapper::before,
sup, sub {
.quote .marks-wrapper::after {
     line-height: 1em;
font-size: 100px;
     line-height: 0px;
}
}
 
.quote .marks-wrapper::before {
/* The backgrounds for galleries. */
content: "\201C";
#content .gallerybox div.thumb {
margin-top: 40px;
    background-color: #F9F9F9;   /* Light gray padding */
}
}
/* Put a chequered background behind images, only visible if they have transparency */
 
.gallerybox .thumb img,
.quote .marks-wrapper::after {
#file img {
content: "\201D";
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
align-self: end;
margin-bottom: -10px;
}
}
/* But no chequered background on articles, user pages or portals. */
 
.ns-0 .gallerybox .thumb img,
.client-js .mw-charinsert-item {
.ns-2 .gallerybox .thumb img,
display:none;
.ns-100 .gallerybox .thumb img {
    background: white;
}
}
 
/* Prevent floating boxes from overlapping any category listings,
/************************
  file histories, edit previews, and edit [Show changes] views */
* End Modular Templates *
#mw-subcategories, #mw-pages, #mw-category-media,
*************************/
#filehistory, #wikiPreview, #wikiDiff {
 
    clear: both;
/*****************************
* Used by [[Template:Color]] *
******************************/
.color__splotch {
  display:inline-block;
  height:1em;
  width:1em;
  box-sizing:border-box;
  vertical-align:text-top;
  border-radius:50%;
  border:1px solid var(--wiki-content-text-color);  
}
}
/*********************
/* Selectively hide headers in WikiProject banners */
* End Template:Color *
.wpb .wpb-header            { display: none; }
**********************/
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside    { display: none; }      /* hide things that should only display outside shells */
/* </source> */

Latest revision as of 02:20, 17 September 2024

/* CSS placed here will be applied to all skins */

/* font settings */
:root{
    --wiki-body-font-family: sans-serif;
    --wiki-heading-font-family: 'Linux Libertine','Georgia','Times',serif;
    --wiki-sidebar-heading-font-family: sans-serif;
}

/* colors */
:root,
.view-light {
    --wiki-body-background-color: #F6F6F6;
    --wiki-body-background-color--rgb: 246,246,246;
    --wiki-body-background-image: url(/images/2/2c/KFIV_Wallpaper.jpg); /* please find the file path by viewing the image directly (not at the File: page) */
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;
    --wiki-body-dynamic-color: #000000;
    --wiki-body-dynamic-color--rgb: 0,0,0;
    --wiki-body-dynamic-color--inverted: #ffffff;
    --wiki-body-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-body-dynamic-color--secondary: #333333;
    --wiki-body-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-body-dynamic-color--secondary--inverted: #dddddd;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 221,221,221;
    
    --wiki-content-background-color: #ffffff;
    --wiki-content-background-color--rgb: 255, 255, 255;
    --wiki-content-background-opacity: 1;
    --wiki-content-background-color--secondary: #fbfbfb;
    --wiki-content-background-color--secondary--rgb: 251, 251, 251;
    --wiki-content-border-color: #a7d7f9;
    --wiki-content-border-color--rgb: 167, 215, 249;
    --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5);
    --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
    --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5);
    --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb);
    --wiki-content-text-color: #111111;
    --wiki-content-text-color--rgb: 17, 17, 17;
    --wiki-content-link-color: #0645ad;
    --wiki-content-link-color--rgb: 6, 69, 173;
    --wiki-content-link-label-color: #ffffff;
    --wiki-content-link-label-color--rgb: 255,255,255;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #ba0000;
    --wiki-content-redlink-color--rgb: 186,0,0;
    --wiki-content-text-mix-color: #8a8b8b;
    --wiki-content-text-mix-color--rgb: 138,139,139;
    --wiki-content-text-mix-color-95: #eef0f0;
    --wiki-content-text-mix-color-95--rgb: 238,240,240;
    --wiki-content-dynamic-color: #000000;
    --wiki-content-dynamic-color--rgb: 0,0,0;
    --wiki-content-dynamic-color--inverted: #ffffff;
    --wiki-content-dynamic-color--inverted--rgb: 255,255,255;
    --wiki-content-dynamic-color--secondary: #333333;
    --wiki-content-dynamic-color--secondary--rgb: 51,51,51;
    --wiki-content-dynamic-color--secondary--inverted: #dddddd;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 221,221,221;

    --wiki-heading-color: var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);

    --wiki-accent-color: #3366cc;
    --wiki-accent-color--rgb: 51, 102, 204;
    --wiki-accent-color--hover: #447ff5;
    --wiki-accent-color--hover--rgb: 68, 127, 245; 
    --wiki-accent-label-color: #ffffff;
    --wiki-accent-label-color--rgb: 255, 255, 255;
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;

    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: 0.9;
    --wiki-sidebar-border-color: var(--wiki-body-background-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-body-background-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

    --wiki-navigation-background-color: #e8f2f8;
    --wiki-navigation-background-color--rgb: 232, 242, 248;
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb);

    --wiki-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #bf0017;
    --wiki-alert-color--rgb: 191,0,23;
    --wiki-alert-label-color: #ffffff;
    --wiki-alert-label-color--rgb: 255, 255, 255;
    --wiki-warning-color: #cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12,116,47;
    --wiki-success-label-color: #ffffff;
    --wiki-success-label-color--rgb: 255, 255, 255;
    
    --wiki-icon-general-filter: ; /* do not set this to none */
    --wiki-icon-to-link-filter: invert(20%) sepia(93%) saturate(2141%) hue-rotate(210deg) brightness(83%) contrast(103%);
}

.view-dark {
    --wiki-body-background-color: #171717;
    --wiki-body-background-color--rgb: 23, 23, 23;
    --wiki-body-background-image: url(/images/2/2c/KFIV_Wallpaper.jpg); /* please find the file path by viewing the image directly (not at the File: page) */
    --wiki-body-background-position: top center;
    --wiki-body-background-size:cover;
    --wiki-body-background-repeat: no-repeat;
    --wiki-body-background-attachment: fixed;
    --wiki-body-dynamic-color: #ffffff;
    --wiki-body-dynamic-color--rgb: 255,255,255;
    --wiki-body-dynamic-color--inverted: #000000;
    --wiki-body-dynamic-color--inverted--rgb: 0,0,0;
    --wiki-body-dynamic-color--secondary: #dddddd;
    --wiki-body-dynamic-color--secondary--rgb: 221,221,221;
    --wiki-body-dynamic-color--secondary--inverted: #333333;
    --wiki-body-dynamic-color--secondary--inverted--rgb: 51,51,51;
    
    --wiki-content-background-color: #202020;
    --wiki-content-background-color--rgb: 32,32,32;
    --wiki-content-background-opacity: 0.9;
    --wiki-content-background-color--secondary: #2b2b2b;
    --wiki-content-background-color--secondary--rgb: 43,43,43;
    --wiki-content-border-color: #991A51;
    --wiki-content-border-color--rgb: 153,26,81;
    --wiki-content-border-color--secondary: rgba(var(--wiki-content-border-color--rgb), 0.5);
    --wiki-content-border-color--secondary--rgb: var(--wiki-content-border-color--rgb);
    --wiki-content-border-color--accent: rgba(var(--wiki-accent-color--rgb), 0.5);
    --wiki-content-border-color--accent--rgb: var(--wiki-accent-color--rgb);
    --wiki-content-text-color: #ededed;
    --wiki-content-text-color--rgb: 237,237,237;
    --wiki-content-link-color: #6d8afb;
    --wiki-content-link-color--rgb: 109,138,251;
    --wiki-content-link-label-color: #000;
    --wiki-content-link-label-color--rgb: 0,0,0;
    --wiki-content-link-color--visited: var(--wiki-content-link-color);
    --wiki-content-link-color--visited--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-link-color--hover: var(--wiki-content-link-color);
    --wiki-content-link-color--hover--rgb: var(--wiki-content-link-color--rgb);
    --wiki-content-redlink-color: #FC3B2C;
    --wiki-content-redlink-color--rgb: 252,59,44;
    --wiki-content-text-mix-color: #868686;
    --wiki-content-text-mix-color--rgb: 134,134,134;
    --wiki-content-text-mix-color-95: #2a2a2a;
    --wiki-content-text-mix-color-95--rgb: 42,42,42;
    --wiki-content-dynamic-color: #ffffff;
    --wiki-content-dynamic-color--rgb: 255, 255, 255;
    --wiki-content-dynamic-color--inverted: #000000;
    --wiki-content-dynamic-color--inverted--rgb: 0, 0, 0;
    --wiki-content-dynamic-color--secondary: #dddddd;
    --wiki-content-dynamic-color--secondary--rgb: 221, 221, 221;
    --wiki-content-dynamic-color--secondary--inverted: #333333;
    --wiki-content-dynamic-color--secondary--inverted--rgb: 51, 51, 51;

    --wiki-heading-color:  var(--wiki-content-text-color);
    --wiki-heading-color--rgb: var(--wiki-content-text-color--rgb);

    --wiki-accent-color: #ff1980;
    --wiki-accent-color--rgb: 255,25,128;
    --wiki-accent-color--hover: #D82073;
    --wiki-accent-color--hover--rgb: 216,32,115;
    --wiki-accent-label-color: #000;
    --wiki-accent-label-color--rgb: 0,0,0;
    --wiki-accent-link-color: #22214d;
    --wiki-accent-link-color--rgb: 34, 33, 77;

    --wiki-sidebar-background-color: var(--wiki-content-background-color);
    --wiki-sidebar-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
    --wiki-sidebar-border-color: var(--wiki-content-border-color);
    --wiki-sidebar-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-sidebar-link-color: var(--wiki-content-link-color);
    --wiki-sidebar-link-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
    --wiki-sidebar-link-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-sidebar-heading-color: var(--wiki-heading-color);
    --wiki-sidebar-heading-color--rgb: var(--wiki-heading-color--rgb);

    --wiki-navigation-background-color: var(--wiki-content-background-color--secondary);
    --wiki-navigation-background-color--rgb: var(--wiki-content-background-color--secondary--rgb);
    --wiki-navigation-background-color--secondary: var(--wiki-content-background-color);
    --wiki-navigation-background-color--secondary--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-border-color: var(--wiki-content-border-color);
    --wiki-navigation-border-color--rgb: var(--wiki-content-border-color--rgb);
    --wiki-navigation-text-color: var(--wiki-content-link-color);
    --wiki-navigation-text-color--rgb: var(--wiki-content-link-color--rgb);
    --wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
    --wiki-navigation-text-color--hover--rgb: var(--wiki-content-link-color--hover--rgb);
    --wiki-navigation-selected-background-color: var(--wiki-content-background-color);
    --wiki-navigation-selected-background-color--rgb: var(--wiki-content-background-color--rgb);
    --wiki-navigation-selected-border-color: var(--wiki-navigation-border-color);
    --wiki-navigation-selected-border-color--rgb: var(--wiki-navigation-border-color--rgb);
    --wiki-navigation-selected-text-color: var(--wiki-content-text-color);
    --wiki-navigation-selected-text-color--rgb: var(--wiki-content-text-color--rgb);

    --wiki-neutral-color: var(--wiki-content-text-mix-color);
    --wiki-neutral-color--rgb: var(--wiki-content-text-mix-color--rgb);
    --wiki-alert-color: #ce0018;
    --wiki-alert-color--rgb: 206,0,24;
    --wiki-alert-label-color: #000000;
    --wiki-alert-label-color--rgb: 0,0,0;
    --wiki-warning-color:#cf721c;
    --wiki-warning-color--rgb: 207,114,28;
    --wiki-warning-label-color: #000000;
    --wiki-warning-label-color--rgb: 0, 0, 0;
    --wiki-success-color: #0c742f;
    --wiki-success-color--rgb: 12,116,47;
    --wiki-success-label-color: #000000;
    --wiki-success-label-color--rgb: 0,0,0;
    
    --wiki-icon-general-filter: invert(100%);
    --wiki-icon-to-link-filter: invert(60%) sepia(70%) saturate(3715%) hue-rotate(206deg) brightness(101%) contrast(97%);
}

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
	--pi-background: var(--wiki-content-background-color);
	--pi-secondary-background: var(--wiki-accent-color);
	--pi-secondary-background--rgb: var(--wiki-accent-color--rgb);
	--pi-secondary-background-label: var(--wiki-accent-label-color);
	--pi-border-color: rgba(var(--pi-secondary-background--rgb),0.5);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
	text-align:center;
	font-size:1.5em;
	background:rgba(var(--pi-secondary-background--rgb), 0.75);
	color:var(--pi-secondary-background-label);
}

.portable-infobox .pi-data {
	background:rgba(var(--pi-secondary-background--rgb), 0.18);
}

.portable-infobox .pi-image {
	padding: 8px;
}

.pi-image-thumbnail {
	max-width:100%;
}

.pi-section-navigation .pi-section-tab.pi-section-active,
.pi-section-navigation .pi-section-tab.current,
.pi-media-collection .pi-tab-link.current {
	background: var(--pi-secondary-background);
	color: var(--pi-secondary-background-label);
}

/* overqualify these to overwrite normal content heading styles */
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
	border-bottom: 0;
	font-family: inherit;
	font-weight: 700;
	margin: 0;
}
/*****************************
*   End PortableInfoboxes    *
******************************/

/*********************************************************************************************************************
* Semantically-correct horizontal lists (for Module:Navbox, and they're more machine-readable than {{*}}-formatting) *
**********************************************************************************************************************/
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}

/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	/*
	 * don't trust the note that says margin doesn't work with inline
	 * removing margin: 0 makes dds have margins again
	 * We also want to reset margin-right in Minerva
	 */
	margin: 0; 
	display: inline;
}

/* Display requested top-level lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
/* Display nested lists inline */
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
	display: inline;
}

/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}

/* TODO: :not() can maybe be used here to remove the later rule. naive test
 * seems to work. more testing needed. like so: */
.hlist dt:not(:last-child)::after {
	content: ": ";
}
.hlist dd:not(:last-child)::after,
.hlist li:not(:last-child)::after {
	/* "space, Middle Dot, space" 
	We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters.
	The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */
	content: "\20\00B7\20";
	font-weight: bold;
}

/* Add parentheses around nested lists */
.hlist dd dd:first-child::before,
.hlist dd dt:first-child::before,
.hlist dd li:first-child::before,
.hlist dt dd:first-child::before,
.hlist dt dt:first-child::before,
.hlist dt li:first-child::before,
.hlist li dd:first-child::before,
.hlist li dt:first-child::before,
.hlist li li:first-child::before {
	content: " (";
	font-weight: normal;
}

.hlist dd dd:last-child::after,
.hlist dd dt:last-child::after,
.hlist dd li:last-child::after,
.hlist dt dd:last-child::after,
.hlist dt dt:last-child::after,
.hlist dt li:last-child::after,
.hlist li dd:last-child::after,
.hlist li dt:last-child::after,
.hlist li li:last-child::after {
	content: ")";
	font-weight: normal;
}

/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}

.hlist ol > li {
	counter-increment: listitem;
}

.hlist ol > li::before {
	content: " " counter(listitem) "\a0";
}

.hlist dd ol > li:first-child::before,
.hlist dt ol > li:first-child::before,
.hlist li ol > li:first-child::before {
	content: " (" counter(listitem) "\a0";
}
/********************************************
* End semantically-correct horizontal lists *
*********************************************/

/**********************************************************
* Template:Navbox (needs semantic horizontal lists above) *
***********************************************************/
.navbox {
	clear: both;
	margin: 1em 0;
	padding: 3px;
	font-size: 90%;
	width: 100%;
	border: 1px solid var(--wiki-content-border-color);
	box-sizing: border-box;
}
.navbox-inner,
.navbox-subgroup {
	border-spacing: 0;
	width: 100%;
}
/* Reduce spacing between adjacent navboxes */
.navbox + .navbox {
	margin-top: -1px;
}
/* Spacing between rows */
.navbox-spacer {
	height: 2px;
}
/* Title bars and labels */
.navbox-title {
	font-weight: bold;
	font-size: 115%;
	padding: 0.25em 0.6em;
	line-height: 1.5em;
	color: var(--wiki-accent-label-color);
	background: var(--wiki-accent-color);
}
.navbox-title button.mw-collapsible-toggle {
  color:var(--wiki-accent-label-color);
}
.navbox-title  .mw-collapsible-toggle-default .mw-collapsible-text {
  color:var(--wiki-accent-link-color);
}
.navbox-title,
.navbox-abovebelow {
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: rgba(var(--wiki-accent-color--rgb), 0.18);
	color: var(--wiki-content-text-color);
	border: 1px solid var(--wiki-content-border-color);
}
.navbox .navbox-title a,
.navbox .navbox-title a:visited,
.navbox .navbox-title a.external,
.navbox .navbox-title a.external:visited {
	color: var(--wiki-accent-link-color);
}
.navbox .navbox-title a:hover,
.navbox .navbox-title a:visited:hover,
.navbox .navbox-title a.external:hover,
.navbox .navbox-title a.external:visited:hover {
  color:var(--wiki-accent-label-color);
}
.navbox-title .mw-collapsible-toggle {
	font-weight: normal;
	text-align: right;
}
.navbox-title-text {
	font-size: 105%;
}
/* Navbox-related links */
.navbox-title .navbar {
	float: left;
	margin-right: 0.5em;
}
.navbox-title .navbar a.external::after {
    content: unset;
}
/* Groups */
.navbox-group {
	font-weight: bold;
	padding: 0 0.5em;
	white-space: nowrap;
	text-align: center;
}
/* Zebra colouring for rows */
.navbox-even {
	background: #fff1;
}
/* Subgroups: equal group labels between different child navboxes */
.navbox-subgroup > tbody > tr {
	display: flex;
}
.navbox-subgroup .navbox-title {
    width: 100%;
}
.navbox-subgroup .navbox-group {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: 11em;
	flex-grow: 1;
	flex-shrink: 0;
	white-space: normal;
}
/* Lists */
.navbox-list {
	width: 100%;
}
/* Mobile adjustments */
@media screen and (max-width: 1280px) {
	.mw-body .navbox-inner table {
        display: table;
	}
}
@media screen and (max-width: 720px) {
	.mw-body .navbox {
		display: none;
	}
}
/**********************
* End Template:Navbox *
***********************/


/*******************
* Main page layout *
********************/
#mp-box-welcome {grid-area: welcome;}
#mp-box-about {grid-area: about;}
#mp-box-links {grid-area: links;}
#mp-box-contribute {grid-area: contribute;}
#mp-box-featured {grid-area: featured;}
#mp-box-basics {grid-area: basics;}
#mp-box-gallery {grid-area: gallery;}
#mp-box-iconlists {grid-area: iconlists;}

/* Example Main Page 1 Grid Layout */
#mp-layout1-container {
	display:grid;
	grid-template-areas:
		"welcome"
		"about"
		"featured"
		"basics"
		"gallery"
		"links"
		"contribute";
	grid-template-columns:100%;
	gap:10px;
}

@media screen and (min-width:990px) {
	#mp-layout1-container {
		grid-template-areas:
			"welcome welcome"
			"about about"
			"featured basics"
			"gallery links"
			"contribute contribute";
		grid-template-columns:1fr 1fr;
	}
}

@media screen and (min-width:1350px) {
	#mp-layout1-container {
		grid-template-areas:
			"welcome welcome welcome"
			"about about basics"
			"featured featured basics"
			"gallery links links"
			"contribute contribute contribute";
		grid-template-columns: 2fr 1fr 2fr;
  }
}

/* Example Main Page 2 Grid Layout */
#mp-layout2-container {
	display:grid;
	grid-template-areas:
		"welcome"
		"links"
		"about"
		"gallery"
		"iconlists"
		"contribute";
	grid-template-columns:100%;
	gap:10px;
}

@media screen and (min-width:990px) {
	#mp-layout2-container {
		grid-template-areas:
			"welcome links"
			"gallery about"
			"iconlists about"
			"iconlists contribute";
		grid-template-columns: 3fr 2fr;
	}
}

@media screen and (min-width:1350px) {
	#mp-layout2-container {
		grid-template-areas:
			"welcome welcome links"
			"welcome welcome about"
			"gallery gallery about"
			"iconlists iconlists contribute";
		grid-template-columns: 3fr 2fr 2fr;
  }
}

.mp-box {
	display:flex;
	flex-flow:column nowrap;
	width: calc(100% - 2px);
	box-sizing: border-box;
	background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25);
	border:1px solid var(--wiki-content-border-color);
	padding:0px;
}

.mp-body {
	height: 100%;
	display: flex;
	padding:0.5em;
	flex-flow: column nowrap;
}

.mp-box.centered-content .mp-body {
	height: 100%;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-evenly;
}

.mp-box.has-floating-image {
	display:block;
}

.mp-box.has-floating-image .mp-body {
	height:unset;
	display:block;
}

.mp-box h2 {
	text-align:center;
	font-weight:bold;
	font-family:var(--wiki-heading-font-family);
    overflow: initial;
	border-bottom: 1px solid var(--wiki-content-border-color);
	font-size: 150%;
	margin: 0;
	padding: 5px 0;
	color:var(--wiki-heading-color);
}

.mp-box .welcome-message {
    font-size: 200%;
	font-family: var(--wiki-heading-font-family);
    margin: 0;
    padding: 5px 0;
	color: #fff;
	filter: drop-shadow(0px 2px 3px #000);
}

#mp-box-welcome {
	text-align:center;
	position:relative;
	overflow:hidden;
}

#mp-welcome {
	display:flex;
	flex-flow:column nowrap;
	position: relative;
	height: 100%;
	z-index: 2;
	box-sizing: border-box;
}

#mp-welcome .welcome-subtitle {
	height: 100%;
	background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
	padding:0.5em;
}

#mp-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(5px);
    z-index: -1;
    background: url(/images/e/e0/MP_banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.view-dark #mp-banner {
	filter: blur(5px) brightness(50%);
}

.view-light #mp-banner {
	filter: blur(5px) contrast(50%);
}

/* [[Template:MP_link]] */
.mp-links {
  --gap:10px;
}

.mp-links > ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
	margin: 2px;
	gap:var(--gap);
}

.mp-links > ul > li {
	display:flex;
	flex-flow:column nowrap;
	align-items:stretch;
	text-align: center;
	box-sizing:border-box;
	flex: max(calc(50% - var(--gap)), 5em) 1 1;
	outline:1px solid var(--wiki-content-link-color);
	transition:0.1s ease-in;
}

.mp-links > ul > li:hover {
	background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
}

.mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;}
.mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;}
.mp-links.columns-3 > ul > li {flex: max(calc((100% / 3) - var(--gap)), 5em) 1 1;}
.mp-links.columns-4 > ul > li {flex: max(calc(25% - var(--gap)), 5em) 1 1;}
.mp-links.columns-5 > ul > li {flex: max(calc(20% - var(--gap)), 5em) 1 1;}
.mp-links.columns-6 > ul > li {flex: max(calc((100% / 6) - var(--gap)), 5em) 1 1;}
.mp-links.columns-7 > ul > li {flex: max(calc((100% / 7) - var(--gap)), 5em) 1 1;}
.mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;}

.mp-links > ul > li:hover a {
	text-decoration: underline;
}

.mp-links > ul > li > a {
	display: flex;
	align-items: center;
	justify-content: center;
	height:100%;
	flex:1 1 auto;
	box-sizing:border-box;
	padding:5px;
}

.mp-links > ul > li > a:first-child {
  height:100%;
}

.mp-links > ul > li > a:last-child:not(:first-child) {
  height:unset;
}

.mp-links.stretch,
.mp-links.stretch > ul {
	height:100%;
}

.mp-links.side-image li {
	flex-flow:row nowrap;
}

.mp-links.plain > ul > li {
  outline-color:transparent;
}

/* MP icon lists */
.mp-iconlists {
	display: flex;
    flex-flow: wrap;
    gap: 5px 20px;
}

.mp-iconlists > .mp-iconlist {
	flex: 1;
    min-width: fit-content;
}

.mp-iconlist > h3 {
	padding: 0;
	margin: 0;
}

.mp-iconlist > ul {
	list-style: none;
	margin: 0;
}

/* MP gallery */
.mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */
    display: flex;
    flex-flow: wrap;
    gap: 5px 10px;
    align-items: flex-end;
    justify-content: space-evenly;
    margin: auto;
}

.mp-box ul.gallery .gallerytext {
	margin-top: 1em;
	padding: 0;
    background-color: var(--wiki-content-background-color--secondary);
    border: 1px solid var(--wiki-content-link-color);
}

.mp-box .gallerybox:hover .gallerytext {
    background-color: rgba(var(--wiki-content-link-color--rgb), 0.2);
}

.mp-box ul.gallery .gallerytext > p {
	margin: 0;
}

.mp-box ul.gallery .gallerytext a {
	display: block;
    padding: .5em 0;
}

/***********************
* End main page layout *
************************/

/****************************************/
/*******  Start DRUID CSS rules *********/
/****************************************/

.druid-container {
    /* These variables are designed to inherit from your wiki's color variables.
       If your wiki uses a different naming scheme, change the inner names to match yours.
       If your wiki doesn't use color variables you should consider doing so,
       otherwise you can replace the inner variables or the fallback values with colors that match your wiki.
    */
    --druid-background-color: var(--wiki-content-background-color, #ffffff);
    --druid-background-color--rgb: var(--wiki-content-background-color--rgb, 255, 255, 255);
    
    --druid-secondary-background-color: var(--wiki-accent-color, #36c);
    --druid-secondary-background-color--rgb: var(--wiki-accent-color--rgb, 51, 102, 204);
    --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
    --druid-secondary-background-label-color--rgb: var(--wiki-accent-label-color--rgb, 255, 255, 255);
    
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
    --druid-tertiary-background-color--rgb: var(--wiki-content-background-color--secondary--rgb, 234, 236, 240);
    
    --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
    --druid-border-color--rgb: var(--wiki-content-border-color--rgb, 167, 215, 249);
    
    --druid-link-color: var(--wiki-content-link-color, #0645ad);
    --druid-link-color--rgb: var(--wiki-content-link-color--rgb, 6, 69, 173);
    --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
    --druid-link-label-color--rgb: var(--wiki-content-link-label-color--rgb, 255, 255, 255);
}

/* ---------------------------------  */
/*    Safe to edit ABOVE this line    */
/* ---------------------------------  */

/* ---------------------------------  */
/*     Do not edit below this line    */
/* ---------------------------------  */

.druid-container {
    border: 4px solid var(--druid-border-color);
    border-radius: 3px;
    background: var(--druid-background-color);
    float: right;
    clear: right;
    margin: 0 0 1em 1em;
	width:100%;
	max-width:22em;
    box-sizing: border-box;
    border-collapse: collapse;
}

@media screen and (max-width: 720px) {
  .druid-container {
    float: none;
    margin: 0.5rem auto;
  }
}

.druid-main-images-file,
.druid-main-image {
    text-align:center;
}

.druid-infobox .druid-title,
.druid-infobox .druid-section {
    background:rgba(var(--druid-secondary-background-color--rgb), 0.75);
    color:var(--druid-secondary-background-label-color);
    text-align:center;
    font-size:1.5em;
    padding:1px;
}

.druid-infobox .druid-section {
    font-size: 1.25em;
    font-weight: 500;
}

.druid-infobox  .druid-collapsible .druid-section {
	flex-grow: 1;
}

.druid-label {
    font-weight:bold;
    text-align: right;
	box-sizing: border-box;
}

.druid-row > .druid-label {
    width: 48%;
    flex-shrink: 0;
}

.druid-row > .druid-label,
.druid-row > .druid-data {
	padding-inline: 0.3em;
}

.druid-main-image,
.druid-main-images {
    padding:5px;
}

.druid-main-image img, 
.druid-main-images img {
    max-width:100%;
    height:auto;
}

.druid-main-images-labels {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-evenly;
    margin:0.25em;
    gap:0.25em;
}

.druid-main-images-label {
    cursor:pointer;
    flex:1 1 auto;
    text-align:center;
    transition:.1s ease-in;
    outline:1px solid var(--druid-link-color);
}

.druid-main-images-label.focused {
    background:var(--druid-link-color);
    color:var(--druid-link-label-color);
}

.druid-main-images-label:not(.focused):hover {
    background:rgba(var(--druid-link-color--rgb), 0.25);
}

.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
    display:none;
}

.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
    display:none;
}

.druid-section:has(.druid-toggleable-heading-empty.focused) {
    display:none;
}

.druid-grid {
    display:grid;
    gap: 0.3em;
	padding: 0.35em;
}

.druid-grid-item {
    background:var(--druid-tertiary-background-color);
    padding:0.25em;
    border:1px solid rgba(var(--druid-border-color--rgb), 0.5);
    border-radius: 2px;
}

.druid-grid-item .druid-label,
.druid-grid-item .druid-data {
	text-align: center;
}

.druid-data-wide {
	width:100%;
}

.druid-section-container > .druid-collapsible {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.druid-collapsed {
    display:none!important;
}

.druid-collapsible {
    cursor:pointer;
    position:relative;
}

.druid-collapsible::after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	width: 20px;
	height: 20px;
	--mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E collapse %3C/title%3E%3Cpath d='M1 13.75l1.5 1.5 7.5-7.5 7.5 7.5 1.5-1.5-9-9-9 9z'/%3E%3C/svg%3E") no-repeat;
	-webkit-mask: var(--mask);
	mask: var(--mask);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-position: center center;
	mask-position: center center;
	background-color: var(--druid-secondary-background-label-color);
}

.druid-collapsible-collapsed::after {
	transform: rotate(180deg);
}

.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
  display: none;
}

/*****************************************
Div support
*****************************************/

div.druid-row {
    display:flex;
    margin-block: 1px;
}

div.druid-row + div.druid-row {
	margin-top: 0;
}

div.druid-row > .druid-label {
	background: var(--druid-tertiary-background-color);
}

.druid-infobox .druid-title {
  font-weight: 700;
}

.druid-infobox #toc {
    display:none;
}


/********
Custom display classes
*********/

div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
    flex-direction: column;
}

.druid-stacked.druid-row > .druid-label,
.druid-stacked .druid-row > .druid-label {
    text-align: left;
    width: 100%;
    flex-basis:unset;
}

.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
    padding-left: .75em;
}

/* ---------------------------------  */
/*    Do not edit above this line     */
/* ---------------------------------  */

/* ---------------------------------  */
/* Local overrides go below this line */
/* ---------------------------------  */


/****************************************/
/*******  End DRUID CSS rules   *********/
/****************************************/


/*** Miscellaneous ***/
.responsive-image {
	max-width:100%;
	height:auto;
}

.view-dark .invert-on-dark,
.view-light .invert-on-light {
    filter:invert(100%);
}

.pixelated {
  image-rendering:pixelated;
}

@media screen and (min-width:720px) {
	.mobileonly {
		display:none;
	}
}
@media screen and (max-width:720px) {
	.nomobile {
		display:none;
	}
}

/*** Utility classes for standard MW galleries ***/
/* it's important that spaced comes before centered in the sheet */
.gallery.gallery.gallery.spaced { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */
    display:flex;
    flex-flow:row wrap;
    justify-content:space-evenly;
    margin-left:unset;
}

.gallery.centered {
    text-align:center;
}

/**************************
* Start Modular Templates *
**************************/

/********* [[Template:Ambox]] *********/
.ambox {
    --ambox-color:var(--wiki-accent-color);

	border: 1px solid var(--wiki-content-border-color);
	border-left: 10px solid var(--ambox-color);
	border-radius: 2px;
	display: flex;
	align-items: center;
	gap: .6em;
	margin: 1em 0;
	padding: 3px .6em;
	background-color: var(--wiki-content-background-color--secondary);
	box-shadow: 2px 2px 5px 0px #0002;
}

@media (min-width: 720px) {
	.ambox {
		margin-inline: 10%;
	}
}

.ambox.tiny {
	padding: .04rem .5em;
	margin-inline: 0;
    width: fit-content;
}

.ambox + .ambox {
	margin-top: -.6em;
}

.ambox-content p {
	margin: .15em 0;
}

.ambox-title {
	font-weight: bold;
}

/********* [[Template:Hatnote]] *********/
.hatnote {
    padding: 1px 0 1px 1.6em;
    margin-bottom: 0.5em;
    font-style: italic;
    border-top: 1px solid var(--wiki-content-border-color--secondary);
    border-bottom: 1px solid var(--wiki-content-border-color--secondary);
}

.hatnote.icon {
	padding-left: 0;	
}

/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}

.spoiler-content > span {
  opacity: 0;
  transition: all 0.3s;
}

.spoiler-content > * {
  pointer-events:none;
}

.spoiler-content.show > * {
  pointer-events:unset;
}

.spoiler-content.show {
  background-color: rgba(127, 127, 127, 0);
}

.spoiler-content.show > span {
  opacity: 1;
}

/********* [[Template:Link icon]] *********/
.link-icon {
	--link-icon-line-height: 1.5em;
	--link-icon-size: 1.5em;	
	display: inline-flex; 
	align-items: center;
    height: var(--link-icon-line-height);
    vertical-align: bottom;
}

.link-icon .regular {
    align-self: center;
}

.link-icon .regular a {
	display: flex;
}

.link-icon .regular img {
	height: var(--link-icon-size);
	max-width: var(--link-icon-size);
}

.link-icon .fallback {
	outline: 1px solid var(--wiki-content-text-color);
	border-radius: 50%;
	text-align: center;
	width: var(--link-icon-size);
	line-height: var(--link-icon-size);
}

.link-icon.notext .fallback {
	display: inline-block;
}

.link-icon.notext {
    display: inline;
}

/********* [[Template:Quote]] *********/
.quote {
    background: var(--wiki-content-background-color--secondary);
    border-radius: 5px;
    border: 2px solid var(--wiki-content-border-color);
    margin: .5em 0;
    padding: .5em;
}

.quote .block {
	display: block;
}

.quote .title {
	font-size: large;
    font-weight: bold;
}

.quote .content {
	font-style: italic;
}

.quote .author {
	font-weight: bold;
	text-align: end;
}

.quote .marks-wrapper {
	display: flex;
	gap: 5px;
}

.quote .marks-wrapper::before,
.quote .marks-wrapper::after {
	font-size: 100px;
    line-height: 0px;
}

.quote .marks-wrapper::before {
	content: "\201C";
	margin-top: 40px;
}

.quote .marks-wrapper::after {
	content: "\201D";
	align-self: end;
	margin-bottom: -10px;
}

.client-js .mw-charinsert-item {
 display:none;
}

/************************
* End Modular Templates *
*************************/

/*****************************
* Used by [[Template:Color]] *
******************************/
.color__splotch {
  display:inline-block;
  height:1em;
  width:1em;
  box-sizing:border-box;
  vertical-align:text-top;
  border-radius:50%;
  border:1px solid var(--wiki-content-text-color); 
}
/*********************
* End Template:Color *
**********************/