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
 
(11 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;
}
 
/* 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%;
}
}
body.page-Main_Page #ca-delete {
 
    display: none !important;
.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);
}
}
 
body.page-Main_Page #mp-topbanner {
/* overqualify these to overwrite normal content heading styles */
  clear: both;
.mw-body .portable-infobox h2,
.mw-body .portable-infobox h3 {
border-bottom: 0;
font-family: inherit;
font-weight: 700;
margin: 0;
}
}
/*****************************
/* Edit window toolbar */
*  End PortableInfoboxes    *
#toolbar {
******************************/
    height: 22px;
 
    margin-bottom: 6px;
/*********************************************************************************************************************
* 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;
}
}
 
/* Margins for <ol> and <ul> */
/* Display list items inline */
#content ol, #content ul,
.hlist dd,
#mw_content ol, #mw_content ul {
.hlist dt,
  margin-bottom: 0.5em;
.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;
}
}
 
/* Make the list of references smaller */
/* Display requested top-level lists inline */
ol.references {
.hlist.inline,
    font-size: 100%;
.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;
}
}
.references-small {  
 
    font-size: 90%;
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
}
 
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* TODO: :not() can maybe be used here to remove the later rule. naive test
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
* seems to work. more testing needed. like so: */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
.hlist dt:not(:last-child)::after {
/* Please ignore any validator errors caused by these two lines */
content: ": ";
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}
}
.hlist dd:not(:last-child)::after,
/* Highlight clicked reference in blue to help navigation */
.hlist li:not(:last-child)::after {
ol.references > li:target,
/* "space, Middle Dot, space"
sup.reference:target,
We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters.
cite:target {
The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */
    background-color: #DEF;
content: "\20\00B7\20";
font-weight: bold;
}
}
 
/* Ensure refs in table headers and the like aren't bold or italic */
/* Add parentheses around nested lists */
sup.reference {
.hlist dd dd:first-child::before,
    font-weight: normal;
.hlist dd dt:first-child::before,
    font-style: normal;
.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,
/* Styling for citations */
.hlist dd dt:last-child::after,
cite {
.hlist dd li:last-child::after,
    font-style: normal;
.hlist dt dd:last-child::after,
    word-wrap: break-word;
.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;
}
}
 
/* For linked citation numbers and document IDs, where
/* Put ordinals in front of ordered list items */
  the number need not be shown on a screen or a handheld,
.hlist ol {
  but should be included in the printed version
counter-reset: listitem;
*/
@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}
}
 
.hlist ol > li {
/* wikitable/prettytable class for skinning normal tables */
counter-increment: listitem;
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
}
.wikitable th, .wikitable td,
 
.prettytable th, .prettytable td {
.hlist ol > li::before {
    border: 1px #aaa solid;
content: " " counter(listitem) "\a0";
    padding: 0.2em;
}
}
.wikitable th,
 
.prettytable th {
.hlist dd ol > li:first-child::before,
    background: #f2f2f2;
.hlist dt ol > li:first-child::before,
    text-align: center;
.hlist li ol > li:first-child::before {
content: " (" counter(listitem) "\a0";
}
}
.wikitable caption,
/********************************************
.prettytable caption {
* End semantically-correct horizontal lists *
    font-weight: bold;
*********************************************/
 
/**********************************************************
* 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,
/* Default skin for navigation boxes */
.navbox-subgroup {
table.navbox {           /* Navbox container style */
border-spacing: 0;
  border: 1px solid #aaa;
width: 100%;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
/* Reduce spacing between adjacent navboxes */
  margin-top: -1px;           /* (doesn't work for IE6, but that's okay)      */
.navbox + .navbox {
margin-top: -1px;
}
}
.navbox-title,
/* Spacing between rows */
.navbox-abovebelow,
.navbox-spacer {
table.navbox th {
height: 2px;
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
}
.navbox-group {            /* Group style */
/* Title bars and labels */
  white-space: nowrap;
.navbox-title {
  text-align: right;
font-weight: bold;
  font-weight: bold;
font-size: 115%;
  padding-left: 1em;
padding: 0.25em 0.6em;
  padding-right: 1em;
line-height: 1.5em;
color: var(--wiki-accent-label-color);
background: var(--wiki-accent-color);
}
}
.navbox, .navbox-subgroup {
.navbox-title button.mw-collapsible-toggle {
   background: #fdfdfd;     /* Background color */
   color:var(--wiki-accent-label-color);
}
}
.navbox-list {
.navbox-title  .mw-collapsible-toggle-default .mw-collapsible-text {
   border-color: #fdfdfd;   /* Must match background color */
   color:var(--wiki-accent-link-color);
}
}
.navbox-title,
.navbox-title,
table.navbox th {
.navbox-abovebelow {
  background: #ccccff;     /* Level 1 color */
padding-left: 1em;
padding-right: 1em;
text-align: center;
}
}
.navbox-abovebelow,
.navbox-abovebelow,
.navbox-group,
.navbox-group,
.navbox-subgroup .navbox-title {
.navbox-subgroup .navbox-title {
  background: #ddddff;     /* Level 2 color */
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-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
.navbox-title .mw-collapsible-toggle {
  background: #e6e6ff;     /* Level 3 color */
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 {
.navbox-even {
  background: #f7f7f7;     /* Even row striping */
background: #fff1;
}
}
.navbox-odd {
/* Subgroups: equal group labels between different child navboxes */
  background: transparent; /* Odd row striping */
.navbox-subgroup > tbody > tr {
display: flex;
}
}
.navbox-subgroup .navbox-title {
.collapseButton {         /* 'show'/'hide' buttons created dynamically */
    width: 100%;
    float: right;         /* by the CollapsibleTables javascript in    */
}
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
.navbox-subgroup .navbox-group {
    text-align: right;     /* so they can be customised.                */
display: flex;
    width: auto;
align-items: center;
justify-content: center;
flex-basis: 11em;
flex-grow: 1;
flex-shrink: 0;
white-space: normal;
}
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
/* Lists */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],  */
.navbox-list {
}                          /* so they need to be the same width.         */
width: 100%;
/* 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,
/* Mobile adjustments */
.infobox th {
@media screen and (max-width: 1280px) {
    vertical-align: top;
.mw-body .navbox-inner table {
        display: table;
}
}
}
.infobox caption {
@media screen and (max-width: 720px) {
    font-size: larger;
.mw-body .navbox {
display: none;
}
}
}
.infobox.bordered {
/**********************
    border-collapse: collapse;
* 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;
}
}
.infobox.bordered td,
 
.infobox.bordered th {
@media screen and (min-width:990px) {
    border: 1px solid #aaa;
#mp-layout1-container {
grid-template-areas:
"welcome welcome"
"about about"
"featured basics"
"gallery links"
"contribute contribute";
grid-template-columns:1fr 1fr;
}
}
}
.infobox.bordered .borderless td,
 
.infobox.bordered .borderless th {
@media screen and (min-width:1350px) {
    border: 0;
#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;
  }
}
}
 
.infobox.sisterproject {
/* Example Main Page 2 Grid Layout */
    width: 20em;
#mp-layout2-container {
    font-size: 90%;
display:grid;
grid-template-areas:
"welcome"
"links"
"about"
"gallery"
"iconlists"
"contribute";
grid-template-columns:100%;
gap:10px;
}
}
 
.infobox.standard-talk {
@media screen and (min-width:990px) {
    border: 1px solid #c0c090;
#mp-layout2-container {
    background-color: #f8eaba;
grid-template-areas:
"welcome links"
"gallery about"
"iconlists about"
"iconlists contribute";
grid-template-columns: 3fr 2fr;
}
}
}
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
@media screen and (min-width:1350px) {
    border: 1px solid #c0c090;
#mp-layout2-container {
grid-template-areas:
"welcome welcome links"
"welcome welcome about"
"gallery gallery about"
"iconlists iconlists contribute";
grid-template-columns: 3fr 2fr 2fr;
  }
}
}
 
/* styles for bordered infobox with merged rows */
.mp-box {
.infobox.bordered .mergedtoprow td,
display:flex;
.infobox.bordered .mergedtoprow th {
flex-flow:column nowrap;
    border: 0;
width: calc(100% - 2px);
    border-top: 1px solid #aaa;
box-sizing: border-box;
    border-right: 1px solid #aaa;
background:rgba(var(--wiki-content-background-color--secondary--rgb), 0.25);
border:1px solid var(--wiki-content-border-color);
padding:0px;
}
}
 
.infobox.bordered .mergedrow td,
.mp-body {
.infobox.bordered .mergedrow th {
height: 100%;
    border: 0;
display: flex;
    border-right: 1px solid #aaa;
padding:0.5em;
flex-flow: column nowrap;
}
}
 
/* Styles for geography infoboxes, eg countries,
.mp-box.centered-content .mp-body {
  country subdivisions, cities, etc.           */
height: 100%;
.infobox.geography {
display: flex;
    text-align: left;
flex-flow: column nowrap;
    border-collapse: collapse;
justify-content: space-evenly;
    line-height: 1.2em;  
    font-size: 90%;
}
}
 
.infobox.geography  td,
.mp-box.has-floating-image {
.infobox.geography  th {
display:block;
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
}
.infobox.geography .mergedtoprow td,
 
.infobox.geography .mergedtoprow th {
.mp-box.has-floating-image .mp-body {
    border-top: solid 1px #aaa;
height:unset;
    padding: 0.4em 0.6em 0.2em 0.6em;
display:block;
}
}
 
.infobox.geography .mergedrow td,
.mp-box h2 {
.infobox.geography .mergedrow th {
text-align:center;
     border: 0;
font-weight:bold;
    padding: 0 0.6em 0.2em 0.6em;
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);
}
}
 
.infobox.geography .mergedbottomrow td,
.mp-box .welcome-message {
.infobox.geography .mergedbottomrow th {
     font-size: 200%;
     border-top: 0;
font-family: var(--wiki-heading-font-family);
     border-bottom: solid 1px #aaa;
     margin: 0;
     padding: 0 0.6em 0.4em 0.6em;
     padding: 5px 0;
color: #fff;
filter: drop-shadow(0px 2px 3px #000);
}
}
 
.infobox.geography .maptable td,
#mp-box-welcome {
.infobox.geography .maptable th {
text-align:center;
    border: 0;
position:relative;
    padding: 0;
overflow:hidden;
}
}
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
#mp-welcome {
.redirect-in-category, .allpagesredirect {
display:flex;
    font-style: italic;
flex-flow:column nowrap;
position: relative;
height: 100%;
z-index: 2;
box-sizing: border-box;
}
}
 
/* Icons for medialist templates [[Template:Listen]],
#mp-welcome .welcome-subtitle {
  [[Template:Multi-listen_start]], [[Template:Video]],
height: 100%;
  [[Template:Multi-video_start]]
background:rgba(var(--wiki-content-dynamic-color--inverted--rgb), 0.85);
*/
padding:0.5em;
div.listenlist {
    background:
        url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png");
    padding-left: 40px;
}
}
 
/* Style rules for media list templates */
#mp-banner {
div.medialist {
    position: absolute;
     min-height: 50px;
    width: 100%;
     margin: 1em;
    height: 100%;
     background-position: top left;
    filter: blur(5px);
     z-index: -1;
     background: url(/images/e/e0/MP_banner.jpg);
     background-size: cover;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
    background-position: top center;
}
}
div.medialist ul {
 
    list-style-type: none;  
.view-dark #mp-banner {
    list-style-image: none;
filter: blur(5px) brightness(50%);
    margin: 0;
}
 
.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;
}
}
div.medialist ul li {
 
    padding-bottom: 0.5em;
.mp-links > ul > li:hover {
background-color:rgba(var(--wiki-content-link-color--rgb), 0.2);
}
}
div.medialist ul li li {
 
    font-size: 91%;
.mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;}
    padding-bottom: 0;
.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;
}
}
 
/* Change the external link icon to an Adobe icon for all PDF files
.mp-links > ul > li > a {
  in browsers that support these CSS selectors, like Mozilla and Opera */
display: flex;
#bodyContent a[href$=".pdf"].external,
align-items: center;
#bodyContent a[href*=".pdf?"].external,
justify-content: center;
#bodyContent a[href*=".pdf#"].external,
height:100%;
#bodyContent a[href$=".PDF"].external,
flex:1 1 auto;
#bodyContent a[href*=".PDF?"].external,
box-sizing:border-box;
#bodyContent a[href*=".PDF#"].external,
padding:5px;
#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-links > ul > li > a:first-child {
  is used (notably Template:PDFlink). This works in IE, unlike the above. */
  height:100%;
#bodyContent span.PDFlink a,
#mw_content span.PDFlink a {
    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: 17px;
}
}
 
/* Remove link styling. Already defined in monobook
.mp-links > ul > li > a:last-child:not(:first-child) {
  and modern, but not defined in the other skins. Bug 18708 */
  height:unset;
#bodyContent .plainlinks a {
    background: none !important;
    padding: 0 !important;
}
}
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
.mp-links.stretch,
div.columns-2 div.column {
.mp-links.stretch > ul {
    float: left;
height:100%;
    width: 50%;
    min-width: 300px;
}
}
div.columns-3 div.column {
 
    float: left;
.mp-links.side-image li {
    width: 33.3%;
flex-flow:row nowrap;
    min-width: 200px;
}
}
div.columns-4 div.column {
 
    float: left;
.mp-links.plain > ul > li {
    width: 25%;
  outline-color:transparent;
    min-width: 150px;
}
}
div.columns-5 div.column {
 
    float: left;
/* MP icon lists */
     width: 20%;
.mp-iconlists {
     min-width: 120px;
display: flex;
     flex-flow: wrap;
     gap: 5px 20px;
}
}
 
/* Make sure that "external references" from templates like [[Template:Ref]]
.mp-iconlists > .mp-iconlist {
  do not get URL expansion, not even when printed. The anchor itself has
flex: 1;
  class "external autonumber" and the url expansion is inserted when printing
     min-width: fit-content;
  (see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
  ":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-iconlist > h3 {
  also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
padding: 0;
  should be replaced with "plainlinks nourlexpansion".  When this has been
margin: 0;
  done, the rules below can be removed.
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}
}
.plainlinksneverexpand a.external.text:after,
 
.plainlinksneverexpand a.external.autonumber:after {
.mp-iconlist > ul {
    display: none !important;
list-style: none;
margin: 0;
}
}
 
/* Messagebox templates */
/* MP gallery */
.messagebox {
.mp-box ul.gallery.gallery.gallery { /* this selector looks ridiculous but is actually part of stock Vector and therefore a necessary override */
     border: 1px solid #aaa;
     display: flex;
     background-color: #f9f9f9;
     flex-flow: wrap;
     width: 80%;
    gap: 5px 10px;
     margin: 0 auto 1em auto;
     align-items: flex-end;
     padding: .2em;
     justify-content: space-evenly;
     margin: auto;
}
}
.messagebox.merge {
 
    border: 1px solid #c0b8cc;
.mp-box ul.gallery .gallerytext {
     background-color: #f0e5ff;
margin-top: 1em;
     text-align: center;
padding: 0;
     background-color: var(--wiki-content-background-color--secondary);
     border: 1px solid var(--wiki-content-link-color);
}
}
.messagebox.cleanup {
 
    border: 1px solid #9f9fff;
.mp-box .gallerybox:hover .gallerytext {
     background-color: #efefff;
     background-color: rgba(var(--wiki-content-link-color--rgb), 0.2);
    text-align: center;
}
}
.messagebox.standard-talk {
 
    border: 1px solid #c0c090;
.mp-box ul.gallery .gallerytext > p {
    background-color: #f8eaba;
margin: 0;
    margin: 4px auto;
}
}
/* For old WikiProject banners inside banner shells. */
 
.mbox-inside .standard-talk,
.mp-box ul.gallery .gallerytext a {
.messagebox.nested-talk {
display: block;
    border: 1px solid #c0c090;
     padding: .5em 0;
     background-color: #f8eaba;
    width: 100%;
    margin: 2px 0;
    padding: 2px;
}
}
.messagebox.small {
 
     width: 238px;
/***********************
     font-size: 85%;
* End main page layout *
     float: right;
************************/
     clear: both;
 
     margin: 0 0 1em 1em;
/****************************************/
     line-height: 1.25em;  
/*******  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-secondary-background-color: var(--wiki-accent-color, #36c);
     --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
      
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
      
    --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
      
    --druid-link-color: var(--wiki-content-link-color, #0645ad);
     --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
}
}
.messagebox.small-talk {
 
     width: 238px;
/* ---------------------------------  */
     font-size: 85%;
/*    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;
     float: right;
     clear: both;
     clear: right;
     margin: 0 0 1em 1em;
     margin: 0 0 1em 1em;
     line-height: 1.25em;  
width:100%;
     background: #F8EABA;
max-width:22em;
     box-sizing: border-box;
     border-collapse: collapse;
}
}
 
@media screen and (max-width: 720px) {
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
  .druid-container {
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
     float: none;
     border: none;  
     margin: 0.5rem auto;
     padding: 0.25em 0.9em;       /* 0.9em left/right */
  }
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
}
td.mbox-image {                 /* The left image cell */
 
    border: none;
.druid-main-images-file,
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
.druid-main-image {
     text-align: center;  
     text-align:center;
}
}
td.mbox-imageright {             /* The right image cell */
 
     border: none;
.druid-infobox .druid-title,
     padding: 2px 0.9em 2px 0;   /* 0px left, 0.9em right */
.druid-infobox .druid-section {
     text-align: center;  
    background:var(--druid-secondary-background-color); /* fallback */
     background:color-mix(in srgb, var(--druid-secondary-background-color) 75%, transparent);
     color:var(--druid-secondary-background-label-color);
     text-align:center;
    font-size:1.5em;
    padding:1px;
}
}
td.mbox-empty-cell {         /* An empty narrow cell */
 
     border: none;
.druid-infobox .druid-section {
     padding: 0px;
     font-size: 1.25em;
    width: 1px;
     font-weight: 500;
}
}
   
 
/* Article message box styles */
.druid-infobox .druid-collapsible .druid-section {
table.ambox {
flex-grow: 1;
    margin: 0px 10%;  /* 10% = Will not overlap with other elements */
    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;
.druid-label {
     font-weight:bold;
    text-align: right;
box-sizing: border-box;
}
}
.ambox th.mbox-text,
 
.ambox td.mbox-text {           /* The message body cell(s) */
.druid-row > .druid-label {
     padding: 0.25em 0.5em;       /* 0.5em left/right */
     width: 48%;
    flex-shrink: 0;
}
}
.ambox td.mbox-image {           /* The left image cell */
 
    padding: 2px 0 2px 0.5em;   /* 0.5em left, 0px right */
.druid-row > .druid-label,
.druid-row > .druid-data {
padding-inline: 0.3em;
}
}
.ambox td.mbox-imageright {     /* The right image cell */
 
     padding: 2px 0.5em 2px 0;   /* 0px left, 0.5em right */
.druid-main-image,
.druid-main-images {
     padding:5px;
}
}
 
table.ambox-notice {
.druid-main-image img,
     border-left: 10px solid #1e90ff;   /* Blue */
.druid-main-images img {
     max-width:100%;
    height:auto;
}
}
table.ambox-speedy {
 
     border-left: 10px solid #b22222;   /* Red */
.druid-main-images-labels {
     background: #fee;                   /* Pink */
     display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content: space-evenly;
    margin:0.25em;
     gap:0.25em;
}
}
table.ambox-delete {
 
     border-left: 10px solid #b22222;   /* Red */
.druid-main-images-label {
     cursor:pointer;
    flex:1 1 auto;
    text-align:center;
    transition:.1s ease-in;
    outline:1px solid var(--druid-link-color);
}
}
table.ambox-content {
 
     border-left: 10px solid #f28500;   /* Orange */
.druid-main-images-label.focused {
     background:var(--druid-link-color);
    color:var(--druid-link-label-color);
}
}
table.ambox-style {
 
     border-left: 10px solid #f4c430;   /* Yellow */
.druid-main-images-label:not(.focused):hover {
     background:var(--druid-link-color); /* fallback */
    background:color-mix(in srgb, var(--druid-link-color) 25%, transparent);
}
}
table.ambox-move {
 
     border-left: 10px solid #9932cc;   /* Purple */
.druid-toggleable-data:not(.focused),
.druid-main-images-file:not(.focused),
.druid-toggleable-heading:not(.focused) {
     display:none;
}
}
table.ambox-protection {
 
     border-left: 10px solid #bba;       /* Gray-gold */
.druid-row:not(:has(.druid-grid)):has(.druid-toggleable-data-empty.focused) {
     display:none;
}
}
 
/* Image message box styles */
.druid-section:has(.druid-toggleable-heading-empty.focused) {
table.imbox {
     display:none;
    margin: 4px 10%;
    border-collapse: collapse;
    border: 3px solid #1e90ff;    /* Default "notice" blue */
     background: #fbfbfb;
}
}
.imbox .mbox-text .imbox {   /* For imboxes inside imbox-text cells. */
 
     margin: 0 -0.5em;   /* 0.9 - 0.5 = 0.4em left/right. */
.druid-grid {
     display:grid;
    gap: 0.3em;
padding: 0.35em;
}
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
 
     margin: 4px;
.druid-grid-item {
    background:var(--druid-tertiary-background-color);
    padding:0.25em;
    border:1px solid var(--druid-border-color); /* fallback */
     border:1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent);
    border-radius: 2px;
}
}
 
table.imbox-notice {
.druid-grid-item .druid-label,
    border: 3px solid #1e90ff;   /* Blue */
.druid-grid-item .druid-data {
text-align: center;
}
}
table.imbox-speedy {
 
    border: 3px solid #b22222;    /* Red */
.druid-data-wide {
    background: #fee;             /* Pink */
width:100%;
}
}
table.imbox-delete {
 
    border: 3px solid #b22222;   /* Red */
.druid-section-container > .druid-collapsible {
display: flex;
justify-content: space-between;
align-items: center;
}
}
table.imbox-content {
 
     border: 3px solid #f28500;   /* Orange */
.druid-collapsed {
     display:none!important;
}
}
table.imbox-style {
 
     border: 3px solid #f4c430;   /* Yellow */
.druid-collapsible {
     cursor:pointer;
    position:relative;
}
}
table.imbox-move {
 
    border: 3px 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.imbox-protection {
 
    border: 3px solid #bba;       /* Gray-gold */
.druid-collapsible-collapsed::after {
transform: rotate(180deg);
}
}
table.imbox-license {
 
    border: 3px solid #88a;      /* Dark gray */
.druid-section-container:has(.druid-toggleable-data-empty.focused):not(:has(.druid-toggleable-data-nonempty.focused)):not(:has(.druid-data-nonempty)) {
    background: #f7f8ff;         /* Light gray */
  display: none;
}
}
table.imbox-featured {
 
     border: 3px solid #cba135;   /* Brown-gold */
/*****************************************
Div support
*****************************************/
 
div.druid-row {
     display:flex;
    margin-block: 1px;
}
}
 
/* Category message box styles */
div.druid-row + div.druid-row {
table.cmbox {
margin-top: 0;
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa;
    background: #DFE8FF;   /* Default "notice" blue */
}
}
 
table.cmbox-notice {
div.druid-row > .druid-label {
    background: #D8E8FF;   /* Blue */
background: var(--druid-tertiary-background-color);
}
}
table.cmbox-speedy {
 
    margin-top: 4px;
.druid-infobox .druid-title {
    margin-bottom: 4px;
  font-weight: 700;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;         /* Pink */
}
}
table.cmbox-delete {
 
     background: #FFDBDB;   /* Red */
.druid-infobox #toc {
     display:none;
}
}
table.cmbox-content {
 
     background: #FFE7CE;   /* Orange */
 
/********
Custom display classes
*********/
 
div.druid-stacked.druid-row,
.druid-stacked div.druid-row {
     flex-direction: column;
}
}
table.cmbox-style {
 
     background: #FFF9DB;   /* Yellow */
.druid-stacked.druid-row > .druid-label,
.druid-stacked .druid-row > .druid-label {
     text-align: left;
    width: 100%;
    flex-basis:unset;
}
}
table.cmbox-move {
 
     background: #E4D8FF;   /* Purple */
.druid-stacked.druid-row > .druid-data,
.druid-stacked .druid-row > .druid-data {
     padding-left: .75em;
}
}
table.cmbox-protection {
 
     background: #EFEFE1;    /* Gray-gold */
/* --------------------------------- */
/*    Do not edit above this line     */
/* ---------------------------------  */
 
/* ---------------------------------  */
/* Local overrides go below this line */
/* ---------------------------------  */
 
 
/****************************************/
/*******  End DRUID CSS rules  *********/
/****************************************/
 
 
 
/*** Miscellaneous ***/
.responsive-image {
max-width:100%;
height:auto;
}
}
 
/* Other pages message box styles */
.view-dark .invert-on-dark,
table.ombox {
.view-light .invert-on-light {
     margin: 4px 10%;
     filter:invert(100%);
    border-collapse: collapse;
    border: 1px solid #aaa;      /* Default "notice" gray */
    background: #f9f9f9;
}
}
 
table.ombox-notice {
.pixelated {
    border: 1px solid #aaa;       /* Gray */
  image-rendering:pixelated;
}
}
table.ombox-speedy {
 
    border: 2px solid #b22222;   /* Red */
@media screen and (min-width:720px) {
    background: #fee;            /* Pink */
.mobileonly {
display:none;
}
}
}
table.ombox-delete {
@media screen and (max-width:720px) {
    border: 2px solid #b22222;   /* Red */
.nomobile {
display:none;
}
}
}
table.ombox-content {
 
     border: 1px solid #f28500;   /* Orange */
/*** 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;
}
}
table.ombox-style {
 
     border: 1px solid #f4c430;   /* Yellow */
.gallery.centered {
     text-align:center;
}
}
table.ombox-move {
 
     border: 1px solid #9932cc;   /* Purple */
/**************************
* 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;
}
}
table.ombox-protection {
 
    border: 2px solid #bba;       /* Gray-gold */
@media (min-width: 720px) {
.ambox {
margin-inline: 10%;
}
}
}
 
/* Talk page message box styles */
.ambox.tiny {
table.tmbox {
padding: .04rem .5em;
    margin: 4px 10%;
margin-inline: 0;
    border-collapse: collapse;
     width: fit-content;
     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 */
.ambox + .ambox {
    width: 100%;  /* For Safari and Opera */    /* styles (including mbox-small above) */
margin-top: -.6em;
}
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
 
    line-height: 1.5em;         /* also "nested", so reset styles that are  */ 
.ambox-content p {
    font-size: 100%;            /* set in "mbox-small" above.                */
margin: .15em 0;
}
}
 
table.tmbox-speedy {
.ambox-title {
    border: 2px solid #b22222;    /* Red */
font-weight: bold;
    background: #fee;             /* Pink */
}
}
table.tmbox-delete {
 
     border: 2px solid #b22222;   /* Red */
/********* [[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);
}
}
table.tmbox-content {
 
    border: 2px solid #f28500;   /* Orange */
.hatnote.icon {
padding-left: 0;
}
}
table.tmbox-style {
 
    border: 2px solid #f4c430;   /* Yellow */
/********* [[Template:Spoiler]] *********/
.spoiler-content {
  background-color: rgb(127, 127, 127);
  transition: all 0.3s;
  cursor: pointer;
}
}
table.tmbox-move {
 
    border: 2px solid #9932cc;   /* Purple */
.spoiler-content > span {
  opacity: 0;
  transition: all 0.3s;
}
}
table.tmbox-protection,
 
table.tmbox-notice {
.spoiler-content > * {
    border: 1px solid #c0c090;   /* Gray-brown */
  pointer-events:none;
}
}
 
/* Disambig and set index box styles */
.spoiler-content.show > * {
table.dmbox {
  pointer-events:unset;
    clear: both;
    margin: 0.9em 1em;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: transparent;
}
}
 
/* Footer and header message box styles */
.spoiler-content.show {
table.fmbox {
  background-color: rgba(127, 127, 127, 0);
    clear: both;
    margin: 0.2em 0;
    width: 100%;
    border: 1px solid #aaa;
    background: #f9f9f9;    /* Default "system" gray */
}
}
table.fmbox-system {
 
    background: #f9f9f9;
.spoiler-content.show > span {
  opacity: 1;
}
}
table.fmbox-warning {
 
     border: 1px solid #bb7070; /* Dark pink */
/********* [[Template:Link icon]] *********/
     background: #ffdbdb;       /* Pink */
.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;
}
}
table.fmbox-editnotice {
 
     background: transparent;
.link-icon .regular {
     align-self: center;
}
}
/* Div based "warning" style fmbox messages. */
 
div.mw-warning-with-logexcerpt,
.link-icon .regular a {
div.mw-lag-warn-high,
display: flex;
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]]. */
.link-icon .regular img {
div.mw-lag-warn-normal,
height: var(--link-icon-size);
div.noarticletext,
max-width: var(--link-icon-size);
div.fmbox-system {
    clear: both;
    margin: 0.2em 0;
    border: 1px solid #aaa;
    background: #f9f9f9;
    padding: 0.25em 0.9em;
}
}
 
/* These mbox-small classes must be placed after all other
.link-icon .fallback {
  ambox/tmbox/ombox etc classes. "body.mediawiki" is so
outline: 1px solid var(--wiki-content-text-color);
  they override "table.ambox + table.ambox" above. */
border-radius: 50%;
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
text-align: center;
    clear: right;
width: var(--link-icon-size);
    float: right;
line-height: var(--link-icon-size);
    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;
.link-icon.notext .fallback {
    width: 238px;
display: inline-block;
    border-collapse: collapse;
    font-size: 88%;
    line-height: 1.25em;
}
}
 
.link-icon.notext {
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
     display: inline;
  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",
/********* [[Template:Quote]] *********/
                "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit",
.quote {
                "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt,
     background: var(--wiki-content-background-color--secondary);
                "Lucida Grande", "Free Sans", "Arial Unicode MS",
    border-radius: 5px;
                "Microsoft Sans Serif", "Lucida Sans Unicode";
    border: 2px solid var(--wiki-content-border-color);
     font-family /**/: inherit;
    margin: .5em 0;
     padding: .5em;
}
}
.latinx {
 
    font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif";
.quote .block {
    font-family /**/: inherit;
display: block;
}
}
.polytonic {
 
    font-family: "Athena Unicode", Gentium, "Palatino Linotype",
.quote .title {
                "Arial Unicode MS", "Lucida Sans Unicode",
font-size: large;
                "Lucida Grande", Code2000;  
     font-weight: bold;
     font-family /**/: inherit;
}
}
 
#wpSave {
.quote .content {
    font-weight: bold;
font-style: italic;
}
}
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.quote .author {
.hiddenStructure {
font-weight: bold;
    display: inline ! important;
text-align: end;
    color: #f00;  
    background-color: #0f0;
}
}
 
/* suppress missing interwiki image links where #ifexist cannot
.quote .marks-wrapper {
  be used due to high number of requests see .hidden-redlink on
display: flex;
  http://meta.wikimedia.org/wiki/MediaWiki:Common.css
gap: 5px;
*/
.check-icon a.new {
    display: none;  
    speak: none;
}
}
 
/* Removes underlines from links */
.quote .marks-wrapper::before,
.nounderlines a {  
.quote .marks-wrapper::after {
     text-decoration: none;
font-size: 100px;
     line-height: 0px;
}
}
 
/* Remove underline from IPA links */
.quote .marks-wrapper::before {
.IPA a:link, .IPA a:visited {
content: "\201C";
    text-decoration: none;
margin-top: 40px;
}
}
 
/* Standard Navigationsleisten, aka box hiding thingy
.quote .marks-wrapper::after {
  from .de. Documentation at [[Wikipedia:NavFrame]]. */
content: "\201D";
div.NavFrame {
align-self: end;
    margin: 0;
margin-bottom: -10px;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}
}
div.NavFrame + div.NavFrame {
 
    border-top-style: none;
.client-js .mw-charinsert-item {
    border-top-style: hidden;
display:none;
}
}
div.NavPic {
 
    background-color: #fff;
/************************
    margin: 0;
* End Modular Templates *
    padding: 2px;
*************************/
    float: left;
 
/*****************************
* 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);  
}
}
div.NavFrame div.NavHead {
/*********************
    height: 1.6em;
* End Template:Color *
    font-weight: bold;
**********************/
    background-color: #ccf;
 
    position: relative;
 
 
/** as of Module:navbox version 1.2.2 **/
 
/*********************************************************************************************************************
* 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;
}
}
div.NavFrame p {
 
    font-size: 100%;
/* 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;
}
}
div.NavFrame div.NavContent {
 
    font-size: 100%;
/* 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;
}
}
div.NavFrame div.NavContent p {
 
    font-size: 100%;
/* Hide empty list items */
.hlist .mw-empty-li {
display: none;
}
}
div.NavEnd {
 
    margin: 0;
/* TODO: :not() can maybe be used here to remove the later rule. naive test
    padding: 0;
* seems to work. more testing needed. like so: */
    line-height: 1px;
.hlist dt:not(:last-child)::after {
    clear: both;
content: ":\20";
}
}
a.NavToggle {
.hlist dd:not(:last-child)::after,
    position: absolute;
.hlist li:not(:last-child)::after {
    top: 0;
/* "space, Middle Dot, space"
     right: 3px;
We use unicode numbers instead of the raw characters due to a Firefox encoding bug on unicode characters.
     font-weight: normal;
The space is also encoded because raw spaces combined with a unicode number strips the spaces under some conditions such as single-line lists */
    font-size: 90%;
/* content: "\20\00B7\20"; font-weight: bold; */
     /* "space &nbsp; • &nbsp; space"
      There may (and likely) be an extra whitespace between <li>s,
      therefore we have to use a space character as last character of this sequence.
      By this way, the last space and the next whitespce will collapse as a single space,
      to make the whitespace on both sides of the middle dot the same width.
     */
content: "\20\A0\2022\A0\20";  
font-weight: inherit;
}
}
 
/* Coloured watchlist numbers */
/* Add parentheses around nested lists */
.mw-plusminus-pos { color: #006400; } /* dark green */
.hlist dd ol::before,
.mw-plusminus-neg { color: #8B0000; } /* dark red */
.hlist dd ul::before,
.hlist dd dl::before,
.rellink,
.hlist dt ol::before,
.dablink {
.hlist dt ul::before,
    font-style: italic;
.hlist dt dl::before,
    padding-left: 2em;
.hlist li ol::before,
.hlist li ul::before,
.hlist li dl::before {
content: "\20(";
font-weight: inherit;
}
}
.rellink i,
 
.dablink i {
.hlist dd ol::after,
    font-style: normal;
.hlist dd ul::after,
.hlist dd dl::after,
.hlist dt ol::after,
.hlist dt ul::after,
.hlist dt dl::after,
.hlist li ol::after,
.hlist li ul::after,
.hlist li dl::after {
content: ")";
font-weight: inherit;
}
}
 
/* Style for horizontal UL lists */
/* Put ordinals in front of ordered list items */
.horizontal ul {
.hlist ol {
    padding: 0;
counter-reset: listitem;
    margin: 0;
}
}
.horizontal li {  
 
    padding: 0 0.6em 0 0.4em;
.hlist ol > li {
    display: inline;
counter-increment: listitem;
    border-right: 1px solid;
}
}
.horizontal li:last-child {
 
    border-right: none;
.hlist ol > li::before {
    padding-right: 0;
content: " " counter(listitem) ".\20";
}
}
 
/* Allow transcluded pages to display in lists rather than a table.
/* Progressive enhancement:
  Compatible in Firefox; incompatible in IE6. */
  * try to make the dot always follow the list item in same line
.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; }
.hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){
.geo-nondefault, .geo-multi-punct { display: none; }
display: inline-block;
.longitude, .latitude            { white-space: nowrap; }
}
 
/* When <div class="nonumtoc"> is used on the table of contents,
/********************************************
  the ToC will display without numbers */
* End semantically-correct horizontal lists *
.nonumtoc .tocnumber { display: none; }
*********************************************/
.nonumtoc #toc ul,
 
.nonumtoc .toc ul {
/**********************************************************
     line-height: 1.5em;
* Template:Navbox (RANGER) (needs semantic horizontal lists above) *
     list-style: none;
***********************************************************/
    margin: .3em 0 0;
.ranger-navbox{
    padding: 0;
  --navbox-background: none; /* for entire navbox */
  --navbox-margin: 0.5em auto;
  --navbox-padding: 4px;
  --navbox-gap: 3px; /* when using zero-value, it must be 0px */
  --navbox-outer-border-color: var(--wiki-content-border-color--accent);
  --navbox-outer-border-width: 1px;
  --navbox-outer-border-style: solid;
  --navbox-outer-border-radius: 0px;
  --navbox-font-size: calc(1em - 2px);
  --navbox-title-color: var(--wiki-accent-label-color);
  --navbox-title-font-size: calc(125%);
  --navbox-title-background: var(--wiki-accent-color);
  --navbox-title-icon-color: var(--wiki-accent-label-color);
  --navbox-title-link-color: var(--navbox-title-color);
  --navbox-title-link-color--visited: var(--navbox-title-link-color);
  --navbox-title-link-color--hover: var(--wiki-accent-link-color);
  --navbox-title-redlink-color: var(--navbox-title-link-color);
  --navbox-title-link-decoration: underline solid;
  --navbox-title-redlink-decoration: underline wavy;
  --navbox-title-padding--y: 0.5em;
  --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent);
  --navbox-above-color: var(--wiki-content-text-color);
  --navbox-above-padding: var(--navbox-list-padding);
  --navbox-below-background: var(--navbox-above-background);
  --navbox-below-color: var(--navbox-above-color);
  --navbox-below-padding: var(--navbox-above-padding);
  --navbox-header-color: var(--navbox-title-color);
  --navbox-header-font-size: calc(110%);
  --navbox-header-background: var(--navbox-title-background);
  --navbox-header-icon-color: var(--navbox-title-icon-color);
  --navbox-header-link-color: var(--navbox-title-link-color);
  --navbox-header-link-color--visited: var(--navbox-title-link-color--visited);
  --navbox-header-link-color--hover: var(--navbox-title-link-color--hover);
  --navbox-header-redlink-color: var(--navbox-title-redlink-color);
  --navbox-header-link-decoration: var(--navbox-title-link-decoration);
  --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration);
  --navbox-header-padding--y: 0.3em;
  --navbox-subheader-font-size: calc(100%);
  --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2);
  --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent);
  --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent);
  --navbox-list-color: var(--wiki-content-text-color);
  --navbox-list-padding: 0.25em 0.5em;
  /* --navbox-group-* also apply to .ranger-subgroup */
  --navbox-group-text-align: left;
  --navbox-group-text-align--mobile: left; /* only for mobile view */
  --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
  --navbox-group-color: var(--wiki-content-text-color);
  --navbox-group-padding: var(--navbox-list-padding);
  --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent);
  --navbox-tree-line-width: 2px;
  --navbox-tree-indent: 1em;
  --navbox-tree-line-indent: 0.5em;
  --navbox-tree-line-spacing: var(--navbox-gap);
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
  --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E");
  --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */
}
.ranger-navbox.pill,
.ranger-navbox.pill-mobile{
  /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/
  --navbox-pill-gap: 0.3em;
  --navbox-pill-padding: 0.25em 0.75em;
  --navbox-pill-border-radius: 3px;
  --navbox-pill-box-shadow: none;
  --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent);
  --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color);
  --navbox-pill-background--hover: var(--navbox-pill-background);
  /* remove list cell background */
  --navbox-list-background: none;
  --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent);
}
.ranger-navbox.no-underline-title-links{
  --navbox-title-link-color: var(--wiki-accent-link-color);
  --navbox-title-link-decoration: none;
  --navbox-title-redlink-decoration: none;
}
.ranger-navbox.noborder,
.ranger-navbox.no-border{
  --navbox-padding: 0px;
  --navbox-outer-border-width: 0px;
}
 
/******************************
* Fallback for older browsers *
*******************************/
@supports not (color:color-mix(in srgb, #000, transparent)) {
.ranger-navbox {
--navbox-above-background: var(--wiki-content-background-color--secondary);
--navbox-list-background: transparent;
--navbox-list-background--striped: var(--wiki-content-background-color--secondary);
--navbox-group-background: var(--wiki-content-background-color--secondary);
--navbox-tree-line-color：var(--wiki-content-background-color--secondary);
}
.ranger-navbox.pill,  
.ranger-navbox.pill-mobile {
  --navbox-pill-background: var(--wiki-content-background-color--secondary);
  --navbox-list-background--striped: transparent;
}
}
/***************
* End fallback *
****************/
 
.ranger-navbox{
  border-color: var(--navbox-outer-border-color);
  border-style: var(--navbox-outer-border-style);
  border-width: var(--navbox-outer-border-width);
  border-radius: var(--navbox-outer-border-radius);
  padding: var(--navbox-padding);
  font-size: var(--navbox-font-size);
  margin: var(--navbox-margin);
  background: var(--navbox-background);
  line-height: 1.5;
  clear:both;
}
 
.ranger-navbox * {
  border: 0;
}
.ranger-navbox .center *{
  margin-left: unset;
  margin-right: unset;
}
.ranger-navbox,  
.ranger-navbox .ranger-section,
.ranger-navbox .ranger-listbox{
  display: flex;
  flex-direction: column;
  gap: var(--navbox-gap);
}
.ranger-navbox .ranger-title,
.ranger-navbox .ranger-header{
  text-align: center;
  min-height: 1.5em;
  position: relative;
  z-index: 0;
  font-weight: bold;
}
.ranger-navbox .ranger-title{
  color: var(--navbox-title-color);
  background: var(--navbox-title-background);
  font-size: var(--navbox-title-font-size);
  padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */
}
.ranger-navbox .ranger-title a,
.ranger-navbox .ranger-title a:visited,
.ranger-navbox .ranger-title a:hover,
.ranger-navbox .ranger-title a.external,
.ranger-navbox .ranger-title a.external:visited,
.ranger-navbox .ranger-title a.external:hover {
text-decoration: var(--navbox-title-link-decoration);
}
.ranger-navbox .ranger-title a.new,
.ranger-navbox .ranger-title a.new:visited {
text-decoration: var(--navbox-title-redlink-decoration);
}
.ranger-navbox .ranger-title a,
.ranger-navbox .ranger-title a.external,
.ranger-navbox .ranger-title a.external:visited {
  color: var(--navbox-title-link-color);
}
.ranger-navbox .ranger-title a:visited{
  color: var(--navbox-title-link-color--visited);
}
.ranger-navbox .ranger-title a.new,
.ranger-navbox .ranger-title a.new:visited{
     color:var(--navbox-title-redlink-color);
}
.ranger-navbox .ranger-title a:hover,
.ranger-navbox .ranger-title a:visited:hover,
.ranger-navbox .ranger-title a.external:hover,
.ranger-navbox .ranger-title a.external:visited:hover {
  color:var(--navbox-title-link-color--hover);
}
.ranger-navbox .ranger-header{
  color: var(--navbox-header-color);
  background: var(--navbox-header-background);
  font-size: var(--navbox-header-font-size);
  padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */
}
.ranger-navbox .ranger-sublist .ranger-header{
  font-size: var(--navbox-subheader-font-size);
  padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */
}
.ranger-navbox .ranger-header a,
.ranger-navbox .ranger-header a:visited,
.ranger-navbox .ranger-header a:hover,
.ranger-navbox .ranger-header a.external,
.ranger-navbox .ranger-header a.external:visited,
.ranger-navbox .ranger-header a.external:hover {
text-decoration: var(--navbox-header-link-decoration);
}
.ranger-navbox .ranger-header a.new,
.ranger-navbox .ranger-header a.new:visited {
text-decoration: var(--navbox-header-redlink-decoration);
}
.ranger-navbox .ranger-header a,
.ranger-navbox .ranger-header a.external,
.ranger-navbox .ranger-header a.external:visited {
  color: var(--navbox-header-link-color);
}
.ranger-navbox .ranger-header a:visited{
  color: var(--navbox-header-link-color--visited);
}
.ranger-navbox .ranger-header a.new,
.ranger-navbox .ranger-header a.new:visited{
     color:var(--navbox-header-redlink-color);
}
.ranger-navbox .ranger-header a:hover,
.ranger-navbox .ranger-header a:visited:hover,
.ranger-navbox .ranger-header a.external:hover,
.ranger-navbox .ranger-header a.external:visited:hover {
  color:var(--navbox-header-link-color--hover);
}
.ranger-navbox .ranger-meta{
  font-size: var(--navbox-title-font-size);
  position: absolute;
  left: var(--navbox-icon-offset--x);
  top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */
  display: block;
}
.ranger-navbox .ranger-meta .nv{
  --mask: var(--icon-metalinks);
  display: block;
  width: 0.84em; /* based on the icon graph */
  height: 0.84em;
  -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(--navbox-title-icon-color);
}
.ranger-navbox .ranger-meta .nv > a{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ranger-navbox .ranger-meta .nv > a > span{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
}
.nonumtoc #toc ul ul,
.ranger-navbox .ranger-meta:has(.mw-selflink){
.nonumtoc .toc ul ul {  
display: none;
    margin: 0 0 0 2em;  
}
}
.ranger-navbox,
/* Allow limiting of which header levels are shown in a TOC;
.ranger-navbox .ranger-section{
  <div class="toclimit-3">, for instance, will limit to
  position: relative;
  showing ==headings== and ===headings=== but no further
}
  (as long as there are no =headings= on the page, which
.ranger .mw-collapsible-toggle-placeholder{
  there shouldn't be according to the MoS).
  display: none;
*/
}
.toclimit-2 .toclevel-2,
.ranger-navbox .ranger-title > .ranger-title-text,
.toclimit-3 .toclevel-3,
.ranger-navbox .ranger-header > .ranger-header-text{
.toclimit-4 .toclevel-4,
  pointer-events: none;
.toclimit-5 .toclevel-5,
}
.toclimit-6 .toclevel-6,
.ranger-navbox .ranger-title > .ranger-title-text a,
.toclimit-7 .toclevel-7 { display: none; }
.ranger-navbox .ranger-header > .ranger-header-text a{
  pointer-events: auto;
/* Styling for Template:Quote */
}
blockquote.templatequote {  
.ranger-navbox .ranger-title > .mw-collapsible-toggle,
    margin-top: 0;  
.ranger-navbox .ranger-header > .mw-collapsible-toggle{
  --mask: var(--icon-chevron-down);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle,
.ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{
  width: 1.5em;
  height: 1.5em;
  right: var(--navbox-icon-offset--x);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{
  top: var(--navbox-title-padding--y);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{
  top: var(--navbox-header-padding--y);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{
  top: var(--navbox-subheader-padding--y);
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle::before,
.ranger-navbox .ranger-header > .mw-collapsible-toggle::before{
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: var(--navbox-icon-offset--x);
  -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(--navbox-title-icon-color);
  transform: scaleY(-1);
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle::before{
  top: var(--navbox-title-padding--y);
}
.ranger-navbox .ranger-header > .mw-collapsible-toggle::before{
  top: var(--navbox-header-padding--y);
}
.ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{
  top: var(--navbox-subheader-padding--y);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before,
.ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{
  top: 0;
  right: 0;
}
.ranger-navbox .ranger-header > .mw-collapsible-toggle::before{
  background-color: var(--navbox-header-icon-color);
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before,
.ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{
  transform: none;
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle *,
.ranger-navbox .ranger-title > .mw-collapsible-toggle::after,
.ranger-navbox .ranger-header > .mw-collapsible-toggle *,
.ranger-navbox .ranger-header > .mw-collapsible-toggle::after{
  display: none;
}
.ranger-navbox .ranger-list{
  width: unset;
  padding: var(--navbox-list-padding);
}
.ranger-navbox .ranger-above{
  background: var(--navbox-above-background);
  color: var(--navbox-above-color);
  padding: var(--navbox-above-padding);
  width: unset;
}
.ranger-navbox .ranger-below{
  background: var(--navbox-below-background);
  color: var(--navbox-below-color);
  padding: var(--navbox-below-padding);
  width: unset;
}
.ranger-navbox .ranger-sublist{
  display: flex;
  flex-direction: column;
  gap: var(--navbox-gap);
}
.ranger-navbox .ranger-section-body{
  display: grid;
  gap: var(--navbox-gap);
  grid-template-columns: auto minmax(0,1fr);
}
.ranger-navbox .ranger-row{
  display: contents;
}
.ranger-navbox .ranger-group,
.ranger-navbox .ranger-subgroup{
  text-align: var(--navbox-group-text-align);
  white-space: nowrap;
  font-weight: bold;
  background: var(--navbox-group-background);
  color: var(--navbox-group-color);
  padding: var(--navbox-group-padding);
  width: unset;
}
/* for desktop view */
.ranger-navbox.group-align-left .ranger-group,
.ranger-navbox.group-align-left .ranger-subgroup{
  --navbox-group-text-align: left;
}
.ranger-navbox.group-align-center .ranger-group,
.ranger-navbox.group-align-center .ranger-subgroup{
  --navbox-group-text-align: center;
}
.ranger-navbox.group-align-right .ranger-group,
.ranger-navbox.group-align-right .ranger-subgroup{
  --navbox-group-text-align: right;
}
/* for mobile view */
.ranger-navbox.mobile-group-align-left .ranger-group,
.ranger-navbox.mobile-group-align-left .ranger-subgroup{
  --navbox-group-text-align--mobile: left;
}
 
.ranger-navbox.mobile-group-align-center .ranger-group,
.ranger-navbox.mobile-group-align-center .ranger-subgroup{
  --navbox-group-text-align--mobile: center;
}
 
.ranger-navbox.mobile-group-align-right .ranger-group,
.ranger-navbox.mobile-group-align-right .ranger-subgroup{
  --navbox-group-text-align--mobile: right;
}
 
.ranger-navbox .ranger-listbox > .ranger-wrap{
  background: var(--navbox-list-background);
  color: var(--navbox-list-color);
  flex-grow: 1;
}
.ranger-navbox .ranger-sublist{
  flex-grow: var(--count);
}
.ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */
  grid-column-end: span 2;
}
.ranger-navbox .ranger-group,
.ranger-navbox .ranger-subgroup,
.ranger-navbox .ranger-listbox > .ranger-wrap{
  display: grid;
  justify-items: stretch;
  align-items: center;
}
}
blockquote.templatequote div.templatequotecite {  
.ranger-navbox.striped-even .ranger-even,
    line-height: 1em;
.ranger-navbox.striped-odd .ranger-odd{
    text-align: left;
  background: var(--navbox-list-background--striped);
    padding-left: 2em;
    margin-top: 0;
}
}
blockquote.templatequote div.templatequotecite cite {
/* make links use full line height (larger click box)*/
    font-size: 85%;
.ranger-navbox .hlist a{
display: inline-block;
}
}
 
div.user-block {
.ranger-navbox .align-left,
    padding: 5px;
.ranger-navbox .alignleft{
    border: 1px solid #A9A9A9;
  text-align: left;
    background-color: #FFEFD5;
}
}
.ranger-navbox .align-center,
/* Prevent line breaks in silly places:
.ranger-navbox .aligncenter{
  1) links when we don't want them to
  text-align: center;
  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;
}
}
.ranger-navbox .align-right,
.thumbinner {
.ranger-navbox .alignright{
    min-width: 100px;
  text-align: right;
}
}
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
/* responsive */
.imagemap-inline div {
@media screen and (max-width: 720px) {
     display: inline;
  .ranger-navbox .ranger-section-body,
  .ranger-navbox .ranger-sublist {
    display: flex;
    flex-flow: column;
  }
  .ranger-navbox .ranger-row{
    display: block;
  }
  .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child,
  .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{
    margin-top: var(--navbox-gap);
  }
  .ranger-navbox .ranger-listbox.empty{
    display: none;
  }
  .ranger-navbox .ranger-group,
  .ranger-navbox .ranger-subgroup{
    text-align: var(--navbox-group-text-align--mobile);
    white-space: normal;
  }
 
  .ranger-navbox .ranger-sublist {
    padding-left: var(--navbox-tree-indent);
    margin-left: var(--navbox-tree-line-indent);
  }
  .ranger-navbox .ranger-subgroup,
  .ranger-navbox .ranger-listbox {
    position:relative;
  }
  .ranger-navbox .ranger-group br,
  .ranger-navbox .ranger-subgroup br{
    display: none;
  }
  .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{
    margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent));
  }
  .ranger-navbox .ranger-sublist .ranger-row > ::before{
    position: absolute;
    left: calc(0px - var(--navbox-tree-indent));
    top: 0;
    width: var(--navbox-tree-line-width);
    height: 100%;
    content: '';
    display: block;
    background-color: var(--navbox-tree-line-color);
  }
  .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before,
  .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{
    height: calc(100% + var(--navbox-gap));
  }
  .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before {
    display: none;
  }
  .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before {
    display: block;
    height: calc(50% + var(--navbox-tree-line-width)/2);
  }
  .ranger-navbox .ranger-subgroup::after,
  .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{
    position: absolute;
    left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width));
    width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width));
    height: var(--navbox-tree-line-width);
    content: '';
    background-color: var(--navbox-tree-line-color);
  }
  /* increase height for links */
  .ranger-navbox .hlist{
     line-height: 2;
  }
}
}
   
/**** `.pill` class: the "pill" style ****/
/* Increase the height of the image upload box */
/* remove middle dots betweem items */
#wpUploadDescription {
.ranger-navbox.pill .hlist dd:not(:last-child)::after,
    height: 13em;
.ranger-navbox.pill .hlist li:not(:last-child)::after{
  display: none;
}
}
/* remove parentheses around nested lists*/
/* Reduce line-height for <sup> and <sub> */
.ranger-navbox.pill .hlist dd ol::before,
sup, sub {
.ranger-navbox.pill .hlist dd ul::before,
    line-height: 1em;
.ranger-navbox.pill .hlist dd dl::before,
.ranger-navbox.pill .hlist dt ol::before,
.ranger-navbox.pill .hlist dt ul::before,
.ranger-navbox.pill .hlist dt dl::before,
.ranger-navbox.pill .hlist li ol::before,
.ranger-navbox.pill .hlist li ul::before,
.ranger-navbox.pill .hlist li dl::before,
.ranger-navbox.pill .hlist dd ol::after,
.ranger-navbox.pill .hlist dd ul::after,
.ranger-navbox.pill .hlist dd dl::after,
.ranger-navbox.pill .hlist dt ol::after,
.ranger-navbox.pill .hlist dt ul::after,
.ranger-navbox.pill .hlist dt dl::after,
.ranger-navbox.pill .hlist li ol::after,
.ranger-navbox.pill .hlist li ul::after,
.ranger-navbox.pill .hlist li dl::after {
  display: none;
}
}
/* make lists inline-flex */
.ranger-navbox.pill .hlist ul,
/* The backgrounds for galleries. */
.ranger-navbox.pill .hlist ol,
#content .gallerybox div.thumb {
.ranger-navbox.pill .hlist dl{
    background-color: #F9F9F9;  /* Light gray padding */
  display: inline-flex;
  gap: var(--navbox-pill-gap);
   flex-wrap: wrap;
}
}
/* Put a chequered background behind images, only visible if they have transparency */
/* "pill" style for items */
.gallerybox .thumb img,
.ranger-navbox.pill .hlist li,
#file img {
.ranger-navbox.pill .hlist dt,
    background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
.ranger-navbox.pill .hlist dd{
  padding: var(--navbox-pill-padding);
  border-radius: var(--navbox-pill-border-radius);
  box-shadow: var(--navbox-pill-box-shadow);
  background: var(--navbox-pill-background);
  /* 100% height */
  display: flex;
  align-items: center;
  /* for nested lists */
  gap: var(--navbox-pill-gap);
  flex-wrap: wrap;
}
}
/* But no chequered background on articles, user pages or portals. */
/* Add a hover / focus feedback style */
.ns-0 .gallerybox .thumb img,
.ranger-navbox.pill .hlist dd:hover,
.ns-2 .gallerybox .thumb img,
.ranger-navbox.pill .hlist dd:focus,
.ns-100 .gallerybox .thumb img {
.ranger-navbox.pill .hlist dt:hover,
    background: white;
.ranger-navbox.pill .hlist dt:focus,
.ranger-navbox.pill .hlist li:hover,
.ranger-navbox.pill .hlist li:focus {
  box-shadow: var(--navbox-pill-box-shadow--hover);
  background: var(--navbox-pill-background--hover);
}
}
/**** `.pill-mobile` class: only apply the "pill" style on mobile ****/
/* Prevent floating boxes from overlapping any category listings,
@media screen and (max-width: 720px) {
  file histories, edit previews, and edit [Show changes] views */
/* remove middle dots betweem items */
#mw-subcategories, #mw-pages, #mw-category-media,  
.ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after,
#filehistory, #wikiPreview, #wikiDiff {
.ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{
    clear: both;
  display: none;
}
/* remove parentheses around nested lists*/
.ranger-navbox.pill-mobile .hlist dd ol::before,
.ranger-navbox.pill-mobile .hlist dd ul::before,
.ranger-navbox.pill-mobile .hlist dd dl::before,
.ranger-navbox.pill-mobile .hlist dt ol::before,
.ranger-navbox.pill-mobile .hlist dt ul::before,
.ranger-navbox.pill-mobile .hlist dt dl::before,
.ranger-navbox.pill-mobile .hlist li ol::before,
.ranger-navbox.pill-mobile .hlist li ul::before,
.ranger-navbox.pill-mobile .hlist li dl::before,
.ranger-navbox.pill-mobile .hlist dd ol::after,
.ranger-navbox.pill-mobile .hlist dd ul::after,
.ranger-navbox.pill-mobile .hlist dd dl::after,
.ranger-navbox.pill-mobile .hlist dt ol::after,
.ranger-navbox.pill-mobile .hlist dt ul::after,
.ranger-navbox.pill-mobile .hlist dt dl::after,
.ranger-navbox.pill-mobile .hlist li ol::after,
.ranger-navbox.pill-mobile .hlist li ul::after,
.ranger-navbox.pill-mobile .hlist li dl::after {
  display: none;
}
/* make lists inline-flex */
.ranger-navbox.pill-mobile .hlist ul,
.ranger-navbox.pill-mobile .hlist ol,
.ranger-navbox.pill-mobile .hlist dl{
  display: inline-flex;
  gap: var(--navbox-pill-gap);
  flex-wrap: wrap;
}
/* "pill" style for items */
.ranger-navbox.pill-mobile .hlist li,
.ranger-navbox.pill-mobile .hlist dt,
.ranger-navbox.pill-mobile .hlist dd{
  /* 100% height */
  display: flex;
  align-items: center;
  /* for nested lists */
  gap: var(--navbox-pill-gap);
  flex-wrap: wrap;
}
/* "pill" style for items */
.ranger-navbox.pill-mobile .hlist li,
.ranger-navbox.pill-mobile .hlist dt,
.ranger-navbox.pill-mobile .hlist dd{
  padding: var(--navbox-pill-padding);
  border-radius: var(--navbox-pill-border-radius);
  box-shadow: var(--navbox-pill-box-shadow);
  background: var(--navbox-pill-background);
  /* 100% height */
  display: flex;
  align-items: center;
  /* for nested lists */
  gap: var(--navbox-pill-gap);
  flex-wrap: wrap;
}
/* Add a hover / focus feedback style */
.ranger-navbox.pill-mobile .hlist dd:hover,
.ranger-navbox.pill-mobile .hlist dd:focus,
.ranger-navbox.pill-mobile .hlist dt:hover,
.ranger-navbox.pill-mobile .hlist dt:focus,
.ranger-navbox.pill-mobile .hlist li:hover,
.ranger-navbox.pill-mobile .hlist li:focus {
  box-shadow: var(--navbox-pill-box-shadow--hover);
  background: var(--navbox-pill-background--hover);
}
}
}
/*********************
/* Selectively hide headers in WikiProject banners */
* End Template:Navbox*
.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 00:30, 24 February 2025

/* 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-secondary-background-color: var(--wiki-accent-color, #36c);
    --druid-secondary-background-label-color: var(--wiki-accent-label-color, #fff);
    
    --druid-tertiary-background-color: var(--wiki-content-background-color--secondary, #eaecf0);
    
    --druid-border-color: var(--wiki-content-border-color, #a7d7f9);
    
    --druid-link-color: var(--wiki-content-link-color, #0645ad);
    --druid-link-label-color: var(--wiki-content-link-label-color, #fff);
}

/* ---------------------------------  */
/*    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:var(--druid-secondary-background-color); /* fallback */
    background:color-mix(in srgb, var(--druid-secondary-background-color) 75%, transparent);
    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:var(--druid-link-color); /* fallback */
    background:color-mix(in srgb, var(--druid-link-color) 25%, transparent);
}

.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 var(--druid-border-color); /* fallback */
    border:1px solid color-mix(in srgb, var(--druid-border-color) 50%, transparent);
    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 *
**********************/



/** as of Module:navbox version 1.2.2 **/

/*********************************************************************************************************************
* 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: ":\20";
}
.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; */
    /* "space &nbsp; • &nbsp; space" 
       There may (and likely) be an extra whitespace between <li>s, 
       therefore we have to use a space character as last character of this sequence. 
       By this way, the last space and the next whitespce will collapse as a single space,
       to make the whitespace on both sides of the middle dot the same width.
    */
	content: "\20\A0\2022\A0\20"; 
	font-weight: inherit;
}

/* Add parentheses around nested lists */
.hlist dd ol::before,
.hlist dd ul::before,
.hlist dd dl::before,
.hlist dt ol::before,
.hlist dt ul::before,
.hlist dt dl::before,
.hlist li ol::before,
.hlist li ul::before,
.hlist li dl::before {
	content: "\20(";
	font-weight: inherit;
}

.hlist dd ol::after,
.hlist dd ul::after,
.hlist dd dl::after,
.hlist dt ol::after,
.hlist dt ul::after,
.hlist dt dl::after,
.hlist li ol::after,
.hlist li ul::after,
.hlist li dl::after {
	content: ")";
	font-weight: inherit;
}

/* 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) ".\20";
}

/* Progressive enhancement:
 * try to make the dot always follow the list item in same line
 */
.hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))){
	display: inline-block;
}

/********************************************
* End semantically-correct horizontal lists *
*********************************************/

/**********************************************************
* Template:Navbox (RANGER) (needs semantic horizontal lists above) *
***********************************************************/
.ranger-navbox{
  --navbox-background: none; /* for entire navbox */
  --navbox-margin: 0.5em auto;
  --navbox-padding: 4px;
  --navbox-gap: 3px; /* when using zero-value, it must be 0px */
  --navbox-outer-border-color: var(--wiki-content-border-color--accent);
  --navbox-outer-border-width: 1px;
  --navbox-outer-border-style: solid;
  --navbox-outer-border-radius: 0px;
  --navbox-font-size: calc(1em - 2px);
  --navbox-title-color: var(--wiki-accent-label-color);
  --navbox-title-font-size: calc(125%);
  --navbox-title-background: var(--wiki-accent-color);
  --navbox-title-icon-color: var(--wiki-accent-label-color);
  --navbox-title-link-color: var(--navbox-title-color);
  --navbox-title-link-color--visited: var(--navbox-title-link-color);
  --navbox-title-link-color--hover: var(--wiki-accent-link-color);
  --navbox-title-redlink-color: var(--navbox-title-link-color);
  --navbox-title-link-decoration: underline solid;
  --navbox-title-redlink-decoration: underline wavy;
  --navbox-title-padding--y: 0.5em;
  --navbox-above-background: color-mix(in srgb, var(--wiki-content-text-color) 15%, transparent);
  --navbox-above-color: var(--wiki-content-text-color);
  --navbox-above-padding: var(--navbox-list-padding);
  --navbox-below-background: var(--navbox-above-background);
  --navbox-below-color: var(--navbox-above-color);
  --navbox-below-padding: var(--navbox-above-padding);
  --navbox-header-color: var(--navbox-title-color);
  --navbox-header-font-size: calc(110%);
  --navbox-header-background: var(--navbox-title-background);
  --navbox-header-icon-color: var(--navbox-title-icon-color);
  --navbox-header-link-color: var(--navbox-title-link-color);
  --navbox-header-link-color--visited: var(--navbox-title-link-color--visited);
  --navbox-header-link-color--hover: var(--navbox-title-link-color--hover);
  --navbox-header-redlink-color: var(--navbox-title-redlink-color);
  --navbox-header-link-decoration: var(--navbox-title-link-decoration);
  --navbox-header-redlink-decoration: var(--navbox-title-redlink-decoration);
  --navbox-header-padding--y: 0.3em;
  --navbox-subheader-font-size: calc(100%);
  --navbox-subheader-padding--y: calc(var(--navbox-header-padding--y)/2);
  --navbox-list-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent);
  --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 8%, transparent);
  --navbox-list-color: var(--wiki-content-text-color);
  --navbox-list-padding: 0.25em 0.5em;
  /* --navbox-group-* also apply to .ranger-subgroup */
  --navbox-group-text-align: left;
  --navbox-group-text-align--mobile: left; /* only for mobile view */
  --navbox-group-background: color-mix(in srgb, var(--wiki-accent-color) 20%, transparent);
  --navbox-group-color: var(--wiki-content-text-color);
  --navbox-group-padding: var(--navbox-list-padding);
  --navbox-tree-line-color: color-mix(in srgb, var(--wiki-accent-color) 30%, transparent);
  --navbox-tree-line-width: 2px;
  --navbox-tree-indent: 1em;
  --navbox-tree-line-indent: 0.5em;
  --navbox-tree-line-spacing: var(--navbox-gap);
  --icon-chevron-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-chevron-down' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M6 9l6 6l6 -6'%3E%3C/path%3E%3C/svg%3E");
  --icon-metalinks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='icon icon-tabler icon-tabler-edit' width='24' height='24' viewBox='0 0 24 24' stroke-width='2' stroke='currentColor' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1'%3E%3C/path%3E%3Cpath d='M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z'%3E%3C/path%3E%3Cpath d='M16 5l3 3'%3E%3C/path%3E%3C/svg%3E");
  --navbox-icon-offset--x: 0.5rem; /* should be an absolute length (rem-based or px-based) */
}
.ranger-navbox.pill, 
.ranger-navbox.pill-mobile{
  /** vars for the "pill" style only (`.pill` and ".pill-mobile" clases) **/
  --navbox-pill-gap: 0.3em;
  --navbox-pill-padding: 0.25em 0.75em;
  --navbox-pill-border-radius: 3px;
  --navbox-pill-box-shadow: none;
  --navbox-pill-background: color-mix(in srgb, var(--wiki-content-text-color) 5%, transparent);
  --navbox-pill-box-shadow--hover: inset 0 0 3px var(--navbox-list-color);
  --navbox-pill-background--hover: var(--navbox-pill-background);
  /* remove list cell background */
  --navbox-list-background: none;
  --navbox-list-background--striped: color-mix(in srgb, var(--wiki-content-text-color) 3%, transparent);
}
.ranger-navbox.no-underline-title-links{
  --navbox-title-link-color: var(--wiki-accent-link-color);
  --navbox-title-link-decoration: none;
  --navbox-title-redlink-decoration: none;
}
.ranger-navbox.noborder,
.ranger-navbox.no-border{
  --navbox-padding: 0px;
  --navbox-outer-border-width: 0px;
}

/******************************
* Fallback for older browsers *
*******************************/
@supports not (color:color-mix(in srgb, #000, transparent)) {
	.ranger-navbox {
		--navbox-above-background: var(--wiki-content-background-color--secondary);
		--navbox-list-background: transparent;
		--navbox-list-background--striped: var(--wiki-content-background-color--secondary);
		--navbox-group-background: var(--wiki-content-background-color--secondary);
		--navbox-tree-line-color：var(--wiki-content-background-color--secondary);
	}
	.ranger-navbox.pill, 
	.ranger-navbox.pill-mobile {
	  --navbox-pill-background: var(--wiki-content-background-color--secondary);
	  --navbox-list-background--striped: transparent;
	}
}
/***************
* End fallback *
****************/

.ranger-navbox{
  border-color: var(--navbox-outer-border-color);
  border-style: var(--navbox-outer-border-style);
  border-width: var(--navbox-outer-border-width);
  border-radius: var(--navbox-outer-border-radius);
  padding: var(--navbox-padding);
  font-size: var(--navbox-font-size);
  margin: var(--navbox-margin);
  background: var(--navbox-background);
  line-height: 1.5;
  clear:both;
}

.ranger-navbox * {
  border: 0;
}
.ranger-navbox .center *{
  margin-left: unset;
  margin-right: unset;
}
.ranger-navbox, 
.ranger-navbox .ranger-section,
.ranger-navbox .ranger-listbox{
  display: flex;
  flex-direction: column;
  gap: var(--navbox-gap);
}
.ranger-navbox .ranger-title,
.ranger-navbox .ranger-header{
  text-align: center;
  min-height: 1.5em;
  position: relative;
  z-index: 0;
  font-weight: bold;
}
.ranger-navbox .ranger-title{
  color: var(--navbox-title-color);
  background: var(--navbox-title-background);
  font-size: var(--navbox-title-font-size);
  padding: var(--navbox-title-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */
}
.ranger-navbox .ranger-title a,
.ranger-navbox .ranger-title a:visited,
.ranger-navbox .ranger-title a:hover,
.ranger-navbox .ranger-title a.external,
.ranger-navbox .ranger-title a.external:visited,
.ranger-navbox .ranger-title a.external:hover {
	text-decoration: var(--navbox-title-link-decoration);
}
.ranger-navbox .ranger-title a.new,
.ranger-navbox .ranger-title a.new:visited {
	text-decoration: var(--navbox-title-redlink-decoration);
}
.ranger-navbox .ranger-title a,
.ranger-navbox .ranger-title a.external,
.ranger-navbox .ranger-title a.external:visited {
  color: var(--navbox-title-link-color);
}
.ranger-navbox .ranger-title a:visited{
  color: var(--navbox-title-link-color--visited);
}
.ranger-navbox .ranger-title a.new,
.ranger-navbox .ranger-title a.new:visited{
    color:var(--navbox-title-redlink-color);
}
.ranger-navbox .ranger-title a:hover,
.ranger-navbox .ranger-title a:visited:hover,
.ranger-navbox .ranger-title a.external:hover,
.ranger-navbox .ranger-title a.external:visited:hover {
  color:var(--navbox-title-link-color--hover);
}
.ranger-navbox .ranger-header{
  color: var(--navbox-header-color);
  background: var(--navbox-header-background);
  font-size: var(--navbox-header-font-size);
  padding: var(--navbox-header-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */
}
.ranger-navbox .ranger-sublist .ranger-header{
  font-size: var(--navbox-subheader-font-size);
  padding: var(--navbox-subheader-padding--y) calc(1.5em + var(--navbox-icon-offset--x)); /* left and right padding equal to the size and position of the edit/collapse buttons */
}
.ranger-navbox .ranger-header a,
.ranger-navbox .ranger-header a:visited,
.ranger-navbox .ranger-header a:hover,
.ranger-navbox .ranger-header a.external,
.ranger-navbox .ranger-header a.external:visited,
.ranger-navbox .ranger-header a.external:hover {
	text-decoration: var(--navbox-header-link-decoration);
}
.ranger-navbox .ranger-header a.new,
.ranger-navbox .ranger-header a.new:visited {
	text-decoration: var(--navbox-header-redlink-decoration);
}
.ranger-navbox .ranger-header a,
.ranger-navbox .ranger-header a.external,
.ranger-navbox .ranger-header a.external:visited {
  color: var(--navbox-header-link-color);
}
.ranger-navbox .ranger-header a:visited{
  color: var(--navbox-header-link-color--visited);
}
.ranger-navbox .ranger-header a.new,
.ranger-navbox .ranger-header a.new:visited{
    color:var(--navbox-header-redlink-color);
}
.ranger-navbox .ranger-header a:hover,
.ranger-navbox .ranger-header a:visited:hover,
.ranger-navbox .ranger-header a.external:hover,
.ranger-navbox .ranger-header a.external:visited:hover {
  color:var(--navbox-header-link-color--hover);
}
.ranger-navbox .ranger-meta{
  font-size: var(--navbox-title-font-size);
  position: absolute;
  left: var(--navbox-icon-offset--x);
  top: calc(var(--navbox-title-padding--y) + 0.08em); /* 0.08em: vertial offset tweak based on the icon graph */
  display: block;
}
.ranger-navbox .ranger-meta .nv{
  --mask: var(--icon-metalinks);
  display: block;
  width: 0.84em; /* based on the icon graph */
  height: 0.84em;
  -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(--navbox-title-icon-color);
}
.ranger-navbox .ranger-meta .nv > a{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.ranger-navbox .ranger-meta .nv > a > span{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ranger-navbox .ranger-meta:has(.mw-selflink){
	display: none;
}
.ranger-navbox,
.ranger-navbox .ranger-section{
  position: relative;
}
.ranger .mw-collapsible-toggle-placeholder{
  display: none;
}
.ranger-navbox .ranger-title > .ranger-title-text,
.ranger-navbox .ranger-header > .ranger-header-text{
  pointer-events: none;
}
.ranger-navbox .ranger-title > .ranger-title-text a,
.ranger-navbox .ranger-header > .ranger-header-text a{
  pointer-events: auto;
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle,
.ranger-navbox .ranger-header > .mw-collapsible-toggle{
  --mask: var(--icon-chevron-down);
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  overflow:hidden;
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle,
.ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{
  width: 1.5em;
  height: 1.5em;
  right: var(--navbox-icon-offset--x);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle{
  top: var(--navbox-title-padding--y);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle{
  top: var(--navbox-header-padding--y);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-sublist .ranger-header > .mw-collapsible-toggle{
  top: var(--navbox-subheader-padding--y);
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle::before,
.ranger-navbox .ranger-header > .mw-collapsible-toggle::before{
  content: "";
  display: block;
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  right: var(--navbox-icon-offset--x);
  -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(--navbox-title-icon-color);
  transform: scaleY(-1);
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle::before{
  top: var(--navbox-title-padding--y);
}
.ranger-navbox .ranger-header > .mw-collapsible-toggle::before{
  top: var(--navbox-header-padding--y);
}
.ranger-navbox .ranger-sublist .ranger-header > .mw-collapsible-toggle::before{
  top: var(--navbox-subheader-padding--y);
}
.ranger-navbox.small-collapsible-toggle-click-area .ranger-title > .mw-collapsible-toggle::before,
.ranger-navbox.small-collapsible-toggle-click-area .ranger-header > .mw-collapsible-toggle::before{
  top: 0;
  right: 0;
}
.ranger-navbox .ranger-header > .mw-collapsible-toggle::before{
  background-color: var(--navbox-header-icon-color);
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before,
.ranger-navbox .ranger-header > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed::before{
  transform: none;
}
.ranger-navbox .ranger-title > .mw-collapsible-toggle *,
.ranger-navbox .ranger-title > .mw-collapsible-toggle::after,
.ranger-navbox .ranger-header > .mw-collapsible-toggle *,
.ranger-navbox .ranger-header > .mw-collapsible-toggle::after{
  display: none;
}
.ranger-navbox .ranger-list{
  width: unset;
  padding: var(--navbox-list-padding);
}
.ranger-navbox .ranger-above{
  background: var(--navbox-above-background);
  color: var(--navbox-above-color);
  padding: var(--navbox-above-padding);
  width: unset;
}
.ranger-navbox .ranger-below{
  background: var(--navbox-below-background);
  color: var(--navbox-below-color);
  padding: var(--navbox-below-padding);
  width: unset;
}
.ranger-navbox .ranger-sublist{
  display: flex;
  flex-direction: column;
  gap: var(--navbox-gap);
}
.ranger-navbox .ranger-section-body{
  display: grid;
  gap: var(--navbox-gap);
  grid-template-columns: auto minmax(0,1fr);
}
.ranger-navbox .ranger-row{
  display: contents;
}
.ranger-navbox .ranger-group,
.ranger-navbox .ranger-subgroup{
  text-align: var(--navbox-group-text-align);
  white-space: nowrap;
  font-weight: bold;
  background: var(--navbox-group-background);
  color: var(--navbox-group-color);
  padding: var(--navbox-group-padding);
  width: unset;
}
/* for desktop view */
.ranger-navbox.group-align-left .ranger-group,
.ranger-navbox.group-align-left .ranger-subgroup{
  --navbox-group-text-align: left;
}
.ranger-navbox.group-align-center .ranger-group,
.ranger-navbox.group-align-center .ranger-subgroup{
  --navbox-group-text-align: center;
}
.ranger-navbox.group-align-right .ranger-group,
.ranger-navbox.group-align-right .ranger-subgroup{
  --navbox-group-text-align: right;
}
/* for mobile view */
.ranger-navbox.mobile-group-align-left .ranger-group,
.ranger-navbox.mobile-group-align-left .ranger-subgroup{
  --navbox-group-text-align--mobile: left;
}

.ranger-navbox.mobile-group-align-center .ranger-group,
.ranger-navbox.mobile-group-align-center .ranger-subgroup{
  --navbox-group-text-align--mobile: center;
}

.ranger-navbox.mobile-group-align-right .ranger-group,
.ranger-navbox.mobile-group-align-right .ranger-subgroup{
  --navbox-group-text-align--mobile: right;
}

.ranger-navbox .ranger-listbox > .ranger-wrap{
  background: var(--navbox-list-background);
  color: var(--navbox-list-color);
  flex-grow: 1;
}
.ranger-navbox .ranger-sublist{
  flex-grow: var(--count);
}
.ranger-navbox .ranger-listbox:first-child{ /* A list-n without group-n */
  grid-column-end: span 2;
}
.ranger-navbox .ranger-group,
.ranger-navbox .ranger-subgroup,
.ranger-navbox .ranger-listbox > .ranger-wrap{
  display: grid;
  justify-items: stretch;
  align-items: center;
}
.ranger-navbox.striped-even .ranger-even,
.ranger-navbox.striped-odd .ranger-odd{
  background: var(--navbox-list-background--striped);
}
/* make links use full line height (larger click box)*/
.ranger-navbox .hlist a{
	display: inline-block;
}

.ranger-navbox .align-left,
.ranger-navbox .alignleft{
  text-align: left;
}
.ranger-navbox .align-center,
.ranger-navbox .aligncenter{
  text-align: center;
}
.ranger-navbox .align-right,
.ranger-navbox .alignright{
  text-align: right;
}

/* responsive */
@media screen and (max-width: 720px) {
  .ranger-navbox .ranger-section-body,
  .ranger-navbox .ranger-sublist {
    display: flex;
    flex-flow: column;
  }
  .ranger-navbox .ranger-row{
    display: block;
  }
  .ranger-navbox .ranger-group + .ranger-listbox > .ranger-sublist:first-child,
  .ranger-navbox .ranger-subgroup + .ranger-listbox > .ranger-sublist:first-child{
    margin-top: var(--navbox-gap);
  }
  .ranger-navbox .ranger-listbox.empty{
    display: none;
  }
  .ranger-navbox .ranger-group,
  .ranger-navbox .ranger-subgroup{
    text-align: var(--navbox-group-text-align--mobile);
    white-space: normal;
  }
  
  .ranger-navbox .ranger-sublist {
    padding-left: var(--navbox-tree-indent);
    margin-left: var(--navbox-tree-line-indent);
  }
  .ranger-navbox .ranger-subgroup,
  .ranger-navbox .ranger-listbox {
    position:relative;
  }
  .ranger-navbox .ranger-group br,
  .ranger-navbox .ranger-subgroup br{
    display: none;
  }
  .ranger-navbox .ranger-sublist > .ranger-section > .ranger-header{
    margin-left: calc( 0px - var(--navbox-tree-indent) - var(--navbox-tree-line-indent));
  }
  .ranger-navbox .ranger-sublist .ranger-row > ::before{
    position: absolute;
    left: calc(0px - var(--navbox-tree-indent));
    top: 0;
    width: var(--navbox-tree-line-width);
    height: 100%;
    content: '';
    display: block;
    background-color: var(--navbox-tree-line-color);
  }
  .ranger-navbox .ranger-sublist .ranger-row > .ranger-listbox::before,
  .ranger-navbox .ranger-row.empty-list > .ranger-subgroup::before{
    height: calc(100% + var(--navbox-gap));
  }
  .ranger-navbox .ranger-sublist .ranger-row:last-child > ::before {
    display: none;
  }
  .ranger-navbox .ranger-sublist .ranger-row:last-child > :first-child::before {
    display: block;
    height: calc(50% + var(--navbox-tree-line-width)/2);
  }
  .ranger-navbox .ranger-subgroup::after,
  .ranger-navbox .empty-group > .ranger-listbox > .ranger-wrap::after{
    position: absolute;
    left: calc(0px - var(--navbox-tree-indent) + var(--navbox-tree-line-width));
    width: calc(var(--navbox-tree-indent) - var(--navbox-tree-line-spacing) - var(--navbox-tree-line-width));
    height: var(--navbox-tree-line-width);
    content: '';
    background-color: var(--navbox-tree-line-color);
  }
  /* increase height for links */
  .ranger-navbox .hlist{
    line-height: 2;
  }
}
/**** `.pill` class: the "pill" style  ****/
/* remove middle dots betweem items */
.ranger-navbox.pill .hlist dd:not(:last-child)::after,
.ranger-navbox.pill .hlist li:not(:last-child)::after{
  display: none;
}
/* remove parentheses around nested lists*/
.ranger-navbox.pill .hlist dd ol::before,
.ranger-navbox.pill .hlist dd ul::before,
.ranger-navbox.pill .hlist dd dl::before,
.ranger-navbox.pill .hlist dt ol::before,
.ranger-navbox.pill .hlist dt ul::before,
.ranger-navbox.pill .hlist dt dl::before,
.ranger-navbox.pill .hlist li ol::before,
.ranger-navbox.pill .hlist li ul::before,
.ranger-navbox.pill .hlist li dl::before,
.ranger-navbox.pill .hlist dd ol::after,
.ranger-navbox.pill .hlist dd ul::after,
.ranger-navbox.pill .hlist dd dl::after,
.ranger-navbox.pill .hlist dt ol::after,
.ranger-navbox.pill .hlist dt ul::after,
.ranger-navbox.pill .hlist dt dl::after,
.ranger-navbox.pill .hlist li ol::after,
.ranger-navbox.pill .hlist li ul::after,
.ranger-navbox.pill .hlist li dl::after {
  display: none;
}
/* make lists inline-flex */
.ranger-navbox.pill .hlist ul,
.ranger-navbox.pill .hlist ol,
.ranger-navbox.pill .hlist dl{
  display: inline-flex;
  gap: var(--navbox-pill-gap);
  flex-wrap: wrap;
}
/* "pill" style for items */
.ranger-navbox.pill .hlist li,
.ranger-navbox.pill .hlist dt,
.ranger-navbox.pill .hlist dd{
  padding: var(--navbox-pill-padding);
  border-radius: var(--navbox-pill-border-radius);
  box-shadow: var(--navbox-pill-box-shadow);
  background: var(--navbox-pill-background);
  /* 100% height */
  display: flex;
  align-items: center;
  /* for nested lists */
  gap: var(--navbox-pill-gap); 
  flex-wrap: wrap;
}
/* Add a hover / focus feedback style */
.ranger-navbox.pill .hlist dd:hover,
.ranger-navbox.pill .hlist dd:focus,
.ranger-navbox.pill .hlist dt:hover,
.ranger-navbox.pill .hlist dt:focus,
.ranger-navbox.pill .hlist li:hover,
.ranger-navbox.pill .hlist li:focus {
  box-shadow: var(--navbox-pill-box-shadow--hover);
  background: var(--navbox-pill-background--hover);
}
/**** `.pill-mobile` class: only apply the "pill" style on mobile ****/
@media screen and (max-width: 720px) {
	/* remove middle dots betweem items */
	.ranger-navbox.pill-mobile .hlist dd:not(:last-child)::after,
	.ranger-navbox.pill-mobile .hlist li:not(:last-child)::after{
	  display: none;
	}
	/* remove parentheses around nested lists*/
	.ranger-navbox.pill-mobile .hlist dd ol::before,
	.ranger-navbox.pill-mobile .hlist dd ul::before,
	.ranger-navbox.pill-mobile .hlist dd dl::before,
	.ranger-navbox.pill-mobile .hlist dt ol::before,
	.ranger-navbox.pill-mobile .hlist dt ul::before,
	.ranger-navbox.pill-mobile .hlist dt dl::before,
	.ranger-navbox.pill-mobile .hlist li ol::before,
	.ranger-navbox.pill-mobile .hlist li ul::before,
	.ranger-navbox.pill-mobile .hlist li dl::before,
	.ranger-navbox.pill-mobile .hlist dd ol::after,
	.ranger-navbox.pill-mobile .hlist dd ul::after,
	.ranger-navbox.pill-mobile .hlist dd dl::after,
	.ranger-navbox.pill-mobile .hlist dt ol::after,
	.ranger-navbox.pill-mobile .hlist dt ul::after,
	.ranger-navbox.pill-mobile .hlist dt dl::after,
	.ranger-navbox.pill-mobile .hlist li ol::after,
	.ranger-navbox.pill-mobile .hlist li ul::after,
	.ranger-navbox.pill-mobile .hlist li dl::after {
	  display: none;
	}
	/* make lists inline-flex */
	.ranger-navbox.pill-mobile .hlist ul,
	.ranger-navbox.pill-mobile .hlist ol,
	.ranger-navbox.pill-mobile .hlist dl{
	  display: inline-flex;
	  gap: var(--navbox-pill-gap);
	  flex-wrap: wrap;
	}
	/* "pill" style for items */
	.ranger-navbox.pill-mobile .hlist li,
	.ranger-navbox.pill-mobile .hlist dt,
	.ranger-navbox.pill-mobile .hlist dd{
	  /* 100% height */
	  display: flex;
	  align-items: center;
	  /* for nested lists */
	  gap: var(--navbox-pill-gap);
	  flex-wrap: wrap;
	}
	/* "pill" style for items */
	.ranger-navbox.pill-mobile .hlist li,
	.ranger-navbox.pill-mobile .hlist dt,
	.ranger-navbox.pill-mobile .hlist dd{
	  padding: var(--navbox-pill-padding);
	  border-radius: var(--navbox-pill-border-radius);
	  box-shadow: var(--navbox-pill-box-shadow);
	  background: var(--navbox-pill-background);
	  /* 100% height */
	  display: flex;
	  align-items: center;
	  /* for nested lists */
	  gap: var(--navbox-pill-gap);
	  flex-wrap: wrap;
	}
	/* Add a hover / focus feedback style */
	.ranger-navbox.pill-mobile .hlist dd:hover,
	.ranger-navbox.pill-mobile .hlist dd:focus,
	.ranger-navbox.pill-mobile .hlist dt:hover,
	.ranger-navbox.pill-mobile .hlist dt:focus,
	.ranger-navbox.pill-mobile .hlist li:hover,
	.ranger-navbox.pill-mobile .hlist li:focus {
	  box-shadow: var(--navbox-pill-box-shadow--hover);
	  background: var(--navbox-pill-background--hover);
	}
}
/*********************
* End Template:Navbox*
**********************/
Retrieved from "https://wiki.swordofmoonlight.com/index.php?title=MediaWiki:Common.css&oldid=2612"