Toggle search
Toggle menu
1K
5.4K
146.9K
27.4K
Digital Masters World
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
← Older edit
VihKun (talk | contribs)
1,483 edits
No edit summary
imported>Westgrass
No edit summary
 
(97 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.dmowiki-note {
    background:    #ffd9d9;
    border:        2px solid #fb4f4f;
    border-radius: 4px;
    overflow:      auto;
    padding:      5px;
}


.dmowiki-message {
/******************************************************************************************
    background:    #ced7e1;
********************************* Start user-edit variables *******************************
    border:        2px solid #77a1cd;
******************************************************************************************/
    border-radius: 4px;
    overflow:      auto;
    padding:      5px;
}
 
.digimon-hover-box {
    background: #fff;
    padding:    10px;
    border:    1px solid black;
    width:      200px;
}
 
.digimon-hover-box img {
    width: 120px;
}
 
.digimon-mave-hover:after {
    content: url('/images/arrow.png');
    margin:  0 3px;
}
 
#mw-panel .body {
    background: none !important;
}
 
.admin-sig a {
    color:      #03a9f4;
    font-weight: bold;
}
 
/*
@media (max-width: 1000px) {
    .main-alert {
        display: none;
    }
}
 
.main-alert {
    background: #E74C3C;
    border: 2px solid #E74C3C;
    color: #fff;
    padding: 3px;
    text-align: center;
    width: 100%;
    position: absolute;
    font-size: 13px;
    z-index: 99999;
}
 
.main-alert a {
    text-decoration: underline;
    font-weight: bold;
    color: #fff;
}
 
#p-personal {
    top: 25px !important;
}*/
 
.alert.alert-info {
    padding: 3px 15px 3px 11px !important;
}
 
.armor-tr .digivolve-level {
    top: 15px;
}
 
.width-auto {
    width: auto !important;
}
 
.digivolve-table {
    width:        calc(100% - 400px);
    table-layout: fixed;
}
 
.digivolve-table .down-right-arrow .digivolve-version {
    bottom: 30px;
    right:  -2px;
}
 
.infoboxhover a {
    display: block;
    padding: 10px;
}
 
.infoboxhover a * {
    box-sizing: border-box;
}
 
.digivolve-table .down-right-arrow {
    text-align:    right;
    font-size:    24px;
    padding-top:  0 !important;
    padding-right: 10px;
    position:      relative;
}
 
.digivolve-table .armor-tr td {
    padding-top: 10px;
}
 
.digivolve-table .digivolve-type {
    position: absolute;
    bottom:  0;
    right:    -18px;
}
 
.digivolve-table .digivolve-version {
    position: absolute;
    bottom:  12px;
    right:    -18px;
}


.w46 {
/*****************************************
    width: 46px !important;
****** START BASIC DESIGN VARIABLES ******
----------------------------------------*/
:root {
--wiki-content-heading-font-family: sans-serif;
--wiki-sidebar-heading-font-family: sans-serif;
--wiki-content-border-radius: 0px;
--wiki-sidebar-border-radius: 0px;
}
}
/*----------------------------------------
******* END BASIC DESIGN VARIABLES *******
*****************************************/


.w46 a {
/*****************************************
    display: block;
****** START BASIC COLOR VARIABLES *******
    position: relative;
----------------------------------------*/
}
:root,
/* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */
/* FYI: .view- will affect any theme marked |kind=dark, */
/* individual themes are prefixed with .theme- instead  */
.view-dark {
/**********************
* Probably edit these * [ DARK VIEW ]
***********************/
--wiki-body-background-color: #011a38;
--wiki-body-background-image: url(filepath://Site-background.jpg);


.digivolve-relative {
--wiki-content-background-color: #003e78;
    position:   relative;
--wiki-content-background-opacity: 0%;
    width:     30px;
--wiki-content-border-color: #0b59a2;
    text-align: center;
}


.digivolve-level {
--wiki-content-link-color: #6FD8FF; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */
    position: absolute;
/* [ DARK VIEW ] */
    top:      5px;
--wiki-accent-color: #b3ddea;
    left:     2px;
--wiki-accent-label-color: #000;
    width:     30px;
--wiki-accent-link-color: #1e1e43;
    font-size: 10px;
}


.digivolve-table * {
--wiki-icon-to-link-filter: invert(78%) sepia(11%) saturate(2418%) hue-rotate(166deg) brightness(100%) contrast(103%);/* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */
    box-sizing: border-box;
/**/
}
}
 
.view-dark #content .content-body {
.alert {
--wiki-content-border-color: #00a5ff;
    display: inline-block !important;
    width:   auto !important;
}
}
/* End dark styles */


.wikitable.glossary td,
/*----------------------------------------
.wikitable.glossary th,
******* END BASIC COLOR VARIABLES ********
.wikitable.droptable td {
*****************************************/
    padding: 4px 8px;
}


.wikitable.glossary td:first-child {
/*****************************************
**** START ADVANCED COLOR VARIABLES ******
----------------------------------------*/


    text-align: center;
:root,
}
.view-dark {
/*******************
* Maybe edit these * [ DARK VIEW ]
********************/
--wiki-body-background-position: top center;
--wiki-body-background-size: cover;
--wiki-body-background-repeat: no-repeat;
--wiki-body-background-attachment: fixed;


.wikitable .questname {
--wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color));
    padding: 8px;
--wiki-content-text-color: #fff;
}
--wiki-content-link-color--visited: var(--wiki-content-link-color);
--wiki-content-link-color--hover: var(--wiki-content-link-color);
--wiki-content-redlink-color: #FC5B4F;


.statstable td {
--wiki-content-heading-color: var(--wiki-content-text-color);
    padding: 5px 10px !important;
--wiki-content-heading-border-color: var(--wiki-content-border-color);
}


.wild {
/* [ DARK VIEW ] */
    border-spacing: 0;
--wiki-navigation-background-color: var(--wiki-content-background-color--secondary);
    border:         2px solid grey;
--wiki-navigation-border-color: var(--wiki-navigation-selected-border-color);
    border-radius: 4px;
--wiki-navigation-text-color: var(--wiki-content-link-color);
    width:         400px;
--wiki-navigation-selected-background-color: var(--wiki-content-background-color);
}
--wiki-navigation-selected-border-color: var(--wiki-content-border-color);
--wiki-navigation-selected-text-color: var(--wiki-content-text-color);


.wild .wild-mutation {
/* [ DARK VIEW ] */
    background: #bfcaff;
--wiki-neutral-color: var(--wiki-content-text-mix-color);
}
--wiki-alert-color: #ff576a;
--wiki-warning-color: #cf721c;
--wiki-success-color: #13aa45;
/**/


.wild .wild-leader {
/***********************************
    background: #caffbf;
* Likely do not need to edit these * [ DARK VIEW ]
}
************************************/
--wiki-body-dynamic-color: #ffffff;
--wiki-body-dynamic-color--inverted: #000000;
--wiki-body-dynamic-color--secondary: #cccccc;
--wiki-body-dynamic-color--secondary--inverted: #333333;


.wild .wild-dd {
--wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent);
    background: #ffc66b;
--wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
}
--wiki-content-link-label-color: #000;
--wiki-content-dynamic-color: #ffffff;
--wiki-content-dynamic-color--inverted: #000000;
--wiki-content-dynamic-color--secondary: #cccccc;
--wiki-content-dynamic-color--secondary--inverted: #333333;
/* [ DARK VIEW ] */
--wiki-alert-label-color: #000000;
--wiki-warning-label-color: #000000;
--wiki-success-label-color: #000000;


/*.wild .wild-mutation td, .wild .wild-leader td { padding: 2px 2px 2px 10px; }*/
--wiki-icon-general-filter: invert(100%);
 
.wild .wild-padding td {
    padding-left: 20px;
}
}


.wild th {
/*----------------------------------------
    background:              #ffc0cb;
***** END ADVANCED COLOR VARIABLES *******
    border-top-left-radius:  2px;
*****************************************/
    border-top-right-radius: 2px;
}


.wild th, .wild td {
/*****************************************
    padding: 5px;
**** START ADVANCED DESIGN VARIABLES *****
}
----------------------------------------*/


.questtable td, .questtable th {
:root {
    padding: 5px !important;
/***********************
}
  start logo position
----------------------*/
--wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */
--wiki-logo-file-width: 272; /* Width of the image file in px. Put a number without the letters `px`. */
--wiki-logo-file-height: 170; /* Height of the image file in px. Put a number without the letters `px`. */
--wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */
--wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */
/*-----------------------
  end logo position
***********************/
--wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */


.questtable td:first-child {
--wiki-body-font-family: sans-serif;
    text-align: center;
--wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */
}


.questtable th:first-child {
/****** the following length variables must have units specified even if 0, ignore the warning *****/
    text-align: left;
    width:     50px;
--wiki-content-border-width: 1px;
}
--wiki-sidebar-width: 12.5em; /* width of sidebar(#mw-panel) */
--wiki-sidebar-portal-spacing: 0px;
--wiki-sidebar-border-width: 0px;
--wiki-navigation-border-radius: 4px; /* border radius of tabs */


.questtable th:first-child + th + th {
/*******************
    text-align: left;
* Maybe edit these * [ DESIGN ]
    width:     40px;
********************/
}
--wiki-logo-filter: none;
/****** the following length variables must have units specified even if 0, ignore the warning *****/
--wiki-content-border-top-radius: var(--wiki-content-border-radius);
--wiki-content-border-style: solid;
--wiki-content-border-image: none;
--wiki-content-backdrop-filter: none;
--wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */
--wiki-gap-between-sidebar-and-content: 24px; /* gap between sidebar(#mw-panel) and content(#content) */
--wiki-sidebar-font-size: 0.875em; /* please use em or rem for this */
--wiki-sidebar-line-height: 1.25;
--wiki-sidebar-heading-font-size: 1.4em; /* please use em or rem for this */
--wiki-sidebar-margin: 0em;
--wiki-sidebar-list-item-padding: 0.25em 0.25rem;
--wiki-sidebar-list-padding: 0.25rem;
--wiki-sidebar-list-item-background--hover: none; /* background of hover item */


.infobox td {
--wiki-navigation-font-size: 0.875em; /* please use em or rem for this */
--wiki-navigation-font-weight: normal;
--wiki-navigation-selected-font-weight: bold;
--wiki-navigation-text-transform: none;
--wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */
--wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem );
--wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem );
--wiki-navigation-box-background-color: var(--wiki-content-background-color);
--wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content));
--wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */
--wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */
--wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */
--wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter);  /* usually only needed when --wiki-is-navigation-inside-content is 0 */
--wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter);  /* usually only needed when --wiki-is-navigation-inside-content is 0 */
/* nav tabs style. The vector gradient is default.
* If you want to customize the style of tabs, it's easier to start with the following settings:
*    --wiki-navigation-background-image: none;
*    --wiki-navigation-selected-background-image: none;
*    --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px );
*    --wiki-navigation-selected-border-bottom-background: none;
*    --wiki-navigation-tab-spacing: 0.25em;
*    --wiki-navigation-tab-padding-top: 0.5em;
*    --wiki-navigation-tab-padding-bottom: 0.5em;
*/
--wiki-navigation-tab-spacing: -30px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap  */
--wiki-navigation-tab-padding-top: 0.5em;
--wiki-navigation-tab-padding-x: 3em;
--wiki-navigation-tab-padding-bottom: 0.5em;
--wiki-navigation-selected-border-width: 0px;
--wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */
--wiki-navigation-border-image: url(filepath://Tab.png) fill 29 35 0 35/100% 35px 0 35px stretch;
--wiki-navigation-selected-border-image: var(--wiki-navigation-border-image);
--wiki-navigation-background-image: none;
--wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x;
--wiki-navigation-background-position: left bottom, right bottom, left bottom;
--wiki-navigation-background-size:  1px 100%, 1px 100%, 100%;
--wiki-navigation-selected-background-image: none;
--wiki-navigation-selected-background-repeat: no-repeat, no-repeat;
--wiki-navigation-selected-background-position: left bottom, right bottom;
--wiki-navigation-selected-background-size:  1px 100%, 1px 100%;
--wiki-navigation-selected-border-bottom-background: var(--wiki-content-border-color);
/* affects the dropdown menu under More */
--wiki-navigation-dropdown-text-color: var(--wiki-navigation-text-color);
--wiki-navigation-dropdown-text-color--hover: var(--wiki-navigation-dropdown-text-color);
--wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */
--wiki-navigation-dropdown-border-width: 1px;
--wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius);
--wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */
--wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */
--wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */
--wiki-navigation-dropdown-border-image: none;
--wiki-navigation-dropdown-backdrop-filter: none;
--wiki-navigation-dropdown-box-shadow: none; /* box shadow */
/* styles of the footer */
--wiki-spacing-before-footer: 0px;
--wiki-footer-border-image: none;


    padding: 3px;
/* padding on body element */
}
--wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */
--wiki-left-spacing: 3em;
--wiki-right-spacing: 3em;
--wiki-bottom-spacing: 3em;


.mw-collapsible-toggle {
/* end design variables */
    float: left;
}
}


.attacktable td:hover {
/*----------------------------------------
    background: #f2f2f2;
***** END ADVANCED DESIGN VARIABLES ******
}
*****************************************/


.atkdesc {
    color: #666;
    width: 450px;
}
.atkdesc span {
    margin-left: 10px;
}
.atkbor {
    border-right: 1px solid #666;
}
.atkbor:hover {
    border-right: 1px solid #af1015;
}
.atkpad {
    /*padding: 0px 10px;*/
    padding-right: 10px;
}
.atkpad:hover {
    background: #f2f2f2;
}
.infoboxhover, .wild .wild-image {
    background-color: transparent;
}
.infoboxhover:hover, .wild .wild-image:hover {
    background-color: #666;
}
.selecteddigivolve {
    border: 3px solid # /*6cc0e5*//*a8ff00 green*/ fb4f4f;
    padding: 2px;
}


.doesnotexist {
/*******************************
    opacity: 0.6;
**** START SHARED VARIABLES ****
}
**** tl;dr: don't edit this ****
 
********************************/
.doesnotexist:hover {
    cursor:  not-allowed;
    opacity: 1;
}
 
.attacktable td {
    text-align: center;
}
 
.attacktable .attackname {
    padding: 0px 10px;
}
 
.tableheader a, .tableheader a:visited {
    color: #fbc93d;
    /*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
}
 
.tableheader {
 
    color:                  white;
    font-weight:             bold;
    text-align:              center;
    text-shadow:            -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    -webkit-background-size: 50px 50px;
    -moz-background-size:    50px 50px;
    background-size:        50px 50px; /* Controls the size of the stripes */
 
    background-color:        #222 !important;
    background-image:        -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image:        -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-image:        linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
 
.tableheadersmall {
    -webkit-background-size: 15px 15px;
    -moz-background-size:    15px 15px;
    background-size:        15px 15px; /* Controls the size of the stripes */
}
 
.locations td {
    padding: 5px !important;
}
 
.gallerybox img {
    background: transparent;
}
 
.gallerybox img:hover {
    background: #666;
}
 
.itembox {
    background:            #1e2c51;
    border:                1px solid #a7b3c5;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    border-radius:        3px;
    float:                right;
    font-family:          Arial;
    text-shadow:          1px 1px 1px #000;
    width:                312px;
}
 
.itembox a {
    color:          #fff;
    text-decoration: underline;
}
 
.itembox a:hover {
    color: #77ff06;
}
 
.itemheader {
    padding: 10px 20px;
}
 
.itemheader span {
    display:    inline-block;
    margin-left: 12px;
}
 
.iteminfo {
    margin-left: 10px !important;
}
 
.itemspan {
    color:      #f0ce97;
    display:    inline-block;
    margin-top: 5px;
    width:      114px;
}
 
.description {
    display:    inline-block;
    margin-top: 5px;
}
 
.itembox {
    background:  #1e2c51;
    border:      1px solid #a7b3c5;
    font-family: Arial;
    width:      312px;
}
 
.itembox hr {
    margin:    0 auto;
    margin-top: 10px;
    width:      80%;
}
 
.cash {
    color: #fff000;
}
 
.characterbound {
    color: #f00033;
}
 
.magic {
    color: #77ff06;
}
 
.normal {
    color: #fff;
}
 
.premiumsilk {
    color: #fff000;
}
 
.rare {
    color: #06e5ff;
}
 
.silk {
    color: #b8a49d;
}
 
/* CSS placed here will be applied to all skins */
/*
/*
This is the CSS for all skins (for all users) on MediaWiki.org.
These variables are rarely touched, usually inherit other variables, and are shared on all themes.
 
In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision,
SECTIONS:
understand what you are doing, and *know* that what you are trying to do is not accomplished by changing
1. Indication of namespaces
another variable in the above sections.
2. Color classes füor content
Since these are by default shared across all themes, if you support multiple themes you'll probably want to
3. Special pages
separate the variables you want to modify here into .view-x blocks like above. If you don't understand
4. Main page styling
what that means or how to do that then you probably shouldn't be modifying this section.
5. Sidebar external links
6. [[Extension Matrix]] stuff
7. Wikitables, infobox templates, warnings, and other such stylings
8. Some other small things
*/
*/
:root {
--wiki-content-border-bottom-width: var(--wiki-content-border-width);
--wiki-content-border-bottom-style: var(--wiki-content-border-style);
--wiki-content-border-bottom-color: var(--wiki-content-border-color);
--wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%);
--wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color));
--wiki-content-text-color--hover: var(--wiki-content-text-color);


/*body{ background: #e1e1e1 url("/wiki/images/background/halloween_background.jpg") 0px 0px no-repeat; }*/
/* heading */
/*a { color: #cc7400; }
--wiki-content-heading-border-bottom-width: 1px;
a:visited { color: #cc7400; }
--wiki-content-heading-border-style: solid;
a:active { color: #cc7400; }
--wiki-content-heading-font-weight: normal;
a:hover { color: #995700; }*/
--wiki-content-heading-font-style: normal;
 
--wiki-content-heading-text-transform: none;
/**
--wiki-content-heading-line-height: normal;
* 1. INDICATION OF NAMESPACES
--wiki-content-heading-text-shadow: none;
* -------------------------------------------------
/* first heading (h1) */
*/
--wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width);
 
--wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style);
/* Pseudo NS Special (light grey) */
--wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color);
.ns--2 #content {
--wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight);
    background-color: #f4f4f4;
--wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style);
}
--wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform);
--wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height);
--wiki-content-firstheading-color: var(--wiki-content-heading-color);
--wiki-content-firstheading-text-shadow: none;
/* sub-heading (h3, h4, h5, h6) */
--wiki-content-subheading-border-bottom-width: 0px;
--wiki-content-subheading-border-style: var(--wiki-content-heading-border-style);
--wiki-content-subheading-border-color: var(--wiki-content-heading-border-color);
--wiki-content-subheading-font-family: var(--wiki-body-font-family);
--wiki-content-subheading-font-weight: bold;
--wiki-content-subheading-font-style: normal;
--wiki-content-subheading-text-transform: none;
--wiki-content-subheading-line-height: var(--wiki-content-heading-line-height);
--wiki-content-subheading-color: var(--wiki-content-heading-color);
--wiki-content-subheading-text-shadow: none;
/* heading size */
--wiki-content-firstheading-font-size: 1.8em;
--wiki-content-heading-h2-font-size: 1.5em;
--wiki-content-heading-h3-font-size: 1.2em;
--wiki-content-heading-h4-font-size: 114%;
--wiki-content-heading-h5-font-size: 108%;
--wiki-content-heading-h6-font-size: 100%;


.ns--2 div.thumb {
--wiki-content-toc-background: var(--wiki-content-background-color--secondary);
    border-color: #f4f4f4;
--wiki-content-toc-border-width: 1px;
}
--wiki-content-toc-border-style: solid;
--wiki-content-toc-border-color: var(--wiki-content-border-color);
--wiki-content-toc-border-radius: 0px;
--wiki-content-toc-border-image: none;
--wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000;


/* NS Project + Project_talk (light sky blue) */
--wiki-content-catlinks-background: var(--wiki-content-background-color--secondary);
.ns-4 #content,
--wiki-content-catlinks-border-width: 1px;
.ns-5 #content {
--wiki-content-catlinks-border-style: solid;
    background-color: #f8fcff;
--wiki-content-catlinks-border-color: var(--wiki-content-border-color);
}
--wiki-content-catlinks-border-radius: 0px;
--wiki-content-catlinks-border-image: none;
--wiki-content-catlinks-box-shadow: none;


.ns-4 div.thumb,
--wiki-content-filetoc-background: var(--wiki-content-background-color--secondary);
.ns-5 div.thumb {
--wiki-content-filetoc-border-width: 1px;
    border-color: #f8fcff;
--wiki-content-filetoc-border-style: solid;
}
--wiki-content-filetoc-border-color: var(--wiki-content-border-color);
--wiki-content-filetoc-border-radius: 0px;
--wiki-content-filetoc-border-image: none;
--wiki-content-filetoc-box-shadow: none;


/* NS MediaWiki + MediaWiki_talk (light grey) */
--wiki-logo-offset-x: 0px;
.ns-8 #content,
--wiki-logo-offset-y: 0px;
.ns-9 #content {
    background-color: #f4f4f4;
--wiki-sidebar-padding: 6px 18px 6px 10px;
}
--wiki-sidebar-background-color: var(--wiki-content-background-color);
--wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
--wiki-sidebar-background-image: none;
--wiki-sidebar-background-position: center top;
--wiki-sidebar-background-repeat: no-repeat;
--wiki-sidebar-background-size: auto;
--wiki-sidebar-filter: none;
--wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter);
--wiki-sidebar-border-color: var(--wiki-content-border-color);
--wiki-sidebar-border-style: solid;
--wiki-sidebar-border-image: none;
--wiki-sidebar-link-color: var(--wiki-content-link-color);
--wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
--wiki-sidebar-heading-color: var(--wiki-content-heading-color);
--wiki-sidebar-heading-font-weight: bold;
--wiki-sidebar-heading-font-style: normal;
--wiki-sidebar-heading-text-transform: none;
--wiki-sidebar-heading-line-height: normal;
--wiki-sidebar-heading-padding: 0px;
--wiki-sidebar-heading-margin: 0px 0px 0px 6px;
--wiki-sidebar-heading-background: none;
--wiki-sidebar-heading-border-image: linear-gradient(to right,#00bfe1,transparent) 1/0 0 1px 0;
--wiki-sidebar-heading-text-shadow: none;
--wiki-sidebar-list-background: none;
--wiki-sidebar-list-border-image: none;
--wiki-sidebar-list-margin: 0px;
--wiki-sidebar-list-item-background: none;
--wiki-sidebar-list-item-border-image: none;
--wiki-sidebar-list-item-background--hover: none;
--wiki-sidebar-list-item-border-image--hover: none;
--wiki-sidebar-list-item-spacing: 0px;
--wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter);
--wiki-sidebar-offset: -2.5em; /* Vertical offset */
--wiki-sidebar-box-padding: 20px 0px 10px 0px;
--wiki-sidebar-box-background: url(filepath://Sidebar-bg.jpg) center top no-repeat;
--wiki-sidebar-box-border: 0px;
--wiki-sidebar-box-border-radius: 0px 60px 0px 0px;
--wiki-sidebar-box-border-image: none;
--wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color));


.ns-8 div.thumb,
--wiki-footer-border-width: var(--wiki-content-border-width);
.ns-9 div.thumb {
--wiki-footer-border-style: var(--wiki-content-border-style);
    border-color: #f4f4f4;
--wiki-footer-border-color: var(--wiki-content-border-color);
}
--wiki-footer-background-color: var(--wiki-content-background-color);
--wiki-footer-background-opacity: var(--wiki-content-background-opacity);
--wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter);
--wiki-footer-text-color: var(--wiki-content-text-color);
--wiki-footer-link-color: var(--wiki-content-link-color);
--wiki-footer-link-color--hover: var(--wiki-content-link-color--hover);
--wiki-footer-border-radius: var(--wiki-content-border-radius);


/* NS Manual + Manual_talk (light bluish violet) */
--wiki-navigation-background-opacity: var(--wiki-navigation-selected-background-opacity);
.ns-100 #content,
--wiki-navigation-background-color--hover: var(--wiki-navigation-background-color);
.ns-101 #content {
--wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity);
    background-color: #f3f3ff;
--wiki-navigation-background-image--hover: var(--wiki-navigation-background-image);
}
--wiki-navigation-background-position--hover: var(--wiki-navigation-background-position);
--wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat);
--wiki-navigation-background-size--hover: var(--wiki-navigation-background-size);
--wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
--wiki-navigation-transform--hover: none;
--wiki-navigation-selected-border-style: solid;
--wiki-navigation-selected-background-opacity: calc(var(--wiki-content-background-opacity) * 0.8);
--wiki-navigation-border-style: solid;
--wiki-navigation-border-color--hover: var(--wiki-navigation-border-color);
--wiki-navigation-border-image--hover: var(--wiki-navigation-border-image);
--wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color);
--wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style);
--wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px));
--wiki-navigation-icon-size: 1em;
--wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x);
--wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */


.ns-100 div.thumb,
--wiki-navigation-dropdown-background-color: var(--wiki-content-background-color);
.ns-101 div.thumb {
--wiki-navigation-dropdown-background-opacity: 100%;
    border-color: #f3f3ff;
--wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color);
}
--wiki-navigation-dropdown-offset: 0px; /* vertical offset */


/* NS Help (but NOT Help_talk) (blue border and Public Domain icon) */
--wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary);
.ns-12 #content {
--wiki-navigation-search-background-image: none;
    border:             2px solid #00c;
--wiki-navigation-search-background-position: 0;
    border-right:       none;
--wiki-navigation-search-background-size: auto;
    background-image:   url(//upload.wikimedia.org/wikipedia/mediawiki/b/b8/PD-banner.png);
--wiki-navigation-search-background-repeat: repeat;
    background-repeat:   no-repeat;
--wiki-navigation-search-backdrop-filter: none;
    background-position: right top;
--wiki-navigation-search-border-color: var(--wiki-navigation-border-color);
--wiki-navigation-search-border-color--hover: var(--wiki-accent-color);
--wiki-navigation-search-border-style: solid;
--wiki-navigation-search-border-width: 1px;
--wiki-navigation-search-border-radius: 2px;
--wiki-navigation-search-border-image: none;
--wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image);
--wiki-navigation-search-box-shadow: none;
--wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow);
--wiki-navigation-search-text-color: var(--wiki-content-text-color);
--wiki-navigation-search-font-size: var(--wiki-navigation-font-size);
--wiki-navigation-search-height: 2em;
--wiki-navigation-search-button-color: currentColor;
--wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color);
--wiki-navigation-search-button-color-opacity: 80%;
--wiki-navigation-search-button-color-opacity--hover: 95%;
--wiki-navigation-search-bottom-spacing: 3px;
--wiki-navigation-search-highlight-background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent);
--wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */
}
}


.ns-12 #bodyContent {
/*** tablet adjustments ***/
    background-image:   url(//upload.wikimedia.org/wikipedia/mediawiki/6/67/PD-icon-faded.png);
@media screen and (max-width: 1366px) {
    background-repeat:   no-repeat;
:root,
    /* @noflip */
.view-dark {
    background-position: right 5em;
--wiki-left-spacing: 1em;
--wiki-right-spacing: 1em;
--wiki-navigation-tab-spacing: 0.25em; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap  */
--wiki-navigation-tab-padding-x: 0.5em;
--wiki-navigation-selected-border-width: 1px;
--wiki-navigation-border-image: none;
--wiki-navigation-selected-border-bottom-background: none;
}
}
}


/**
* 2. COLOR CLASSES FOR CONTENT
* -------------------------------------------------
*/


/* Border colors */
/*** mobile adjustments ***/
.borderc1 {
@media screen and (max-width: 720px) {
    border-color: #e9e9e9;
body.has-vector-mobile-menu{
    border-width: thin;
--wiki-sidebar-offset: 0px; /* Vertical offset */
--wiki-sidebar-margin: 0px;
--wiki-sidebar-heading-background: none;
--wiki-sidebar-heading-border-image: none;
--wiki-sidebar-heading-margin: 0px 0px -0.5em 0px;
--wiki-sidebar-list-margin: 0px;
--wiki-sidebar-list-background: none;
--wiki-sidebar-list-border-image: none;
--wiki-sidebar-list-item-background: none;
--wiki-sidebar-list-item-border-image: none;
--wiki-sidebar-list-item-background--hover: none;
--wiki-sidebar-list-item-border-image--hover: none;
--wiki-sidebar-list-item-spacing: 0px;
--wiki-sidebar-line-height: 1.125;
--wiki-sidebar-background-opacity: 100%;
--wiki-navigation-search-border-width: 1px;
--wiki-logo-offset-x: 0px;
--wiki-logo-offset-y: 0px;
}
}
}


.borderc2 {
    border-color: #aaa;
    border-width: thin;
}


.borderc3 {
/*****************************
    border-color: #777;
**** END SHARED VARIABLES ****
    border-width: thin;
******************************/
}


.borderc4 {
/******************************************************************************************
    border-color: #000;
********************************* End user-edit variables *********************************
    border-width: thin;
******************************************************************************************/
}


.borderc5 {
/******************************
    border-color: #c00000;
* Fallback for older browsers *
    border-width: thin;
* DONT EDIT THIS              *
*******************************/
@supports not (color:color-mix(in srgb, #000, transparent)) {
.view-dark,
.view-light,
:root {
--wiki-content-text-mix-color: var(--wiki-content-text-color);
--wiki-content-text-mix-color-95: var(--wiki-content-background-color);
--wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted);
--wiki-content-border-color--secondary: var(--wiki-content-border-color);
--wiki-content-border-color--accent: var(--wiki-accent-color);
--wiki-accent-color--hover: var(--wiki-accent-color);
--wiki-navigation-search-highlight-background-color: transparent;
}
}
}


.borderc6 {
/*****************************
    border-color: #025e9d;
* End older browser fallback *
    border-width: thin;
******************************/
}


.borderc7 {
/*****************************
    border-color: #008040;
*    PortableInfoboxes      *
    border-width: thin;
******************************/
:root {
--pi-background: var(--wiki-content-background-color);
--pi-secondary-background: var(--wiki-accent-color);
--pi-secondary-background-label: var(--wiki-accent-label-color);
--pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent);
}
}


.borderc8 {
.portable-infobox .pi-title,
    border-color: #fc0;
.portable-infobox .pi-header {
    border-width: thin;
text-align: center;
font-size: 1.5em;
background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent);
color: var(--pi-secondary-background-label);
}
}


/* Used by: [[Template:Welcome]]. */
.portable-infobox .pi-data,
 
.portable-infobox .pi-group {
/* Background colors */
background: var(--wiki-content-background-color--secondary);
.backgroundc1 {
    background-color: #fff;
}
}


/* Used by: [[Template:Welcome]]. */
.portable-infobox .pi-image {
.backgroundc2 {
padding: 8px;
    background-color: #f9f9f9;
}
}


.backgroundc3 {
.pi-image-thumbnail {
    background-color: #eee;
max-width: 100%;
}
}


.backgroundc4 {
.pi-caption {
    background-color: #e0e0e0;
color: var(--wiki-content-text-mix-color);
}
}


.backgroundc5 {
.pi-section-navigation .pi-section-tab.pi-section-active,
    background-color: #d2d2d2;
.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);
}
}


.backgroundc6 {
.pi-collapse > .pi-item:first-child {
    background-color: #b7b7b7;
cursor: pointer;
}
}


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


.backgroundc8 {
/*****************************
    background-color: #445;
*  End PortableInfoboxes    *
}
******************************/


/**
* 3. SPECIAL PAGES
* -------------------------------------------------
*/


/* Consistent special page navigation */
/*******************
.SpecialPageInfo {
* Main page layout *
    background-color:    #f9f9f9;
********************/
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/35px-Exquisite-khelpcenter.png);
    background-position: 0.8em 0.5em;
    background-repeat:  no-repeat;
    padding:            0.3em 0.5em 0.3em 5.0em;
    border-color:        #025e9d;
    border-width:        1px;
    border-style:        solid;
    border-bottom-width: medium;
    margin-bottom:      1em;
}


.mw-viewprevnext {
#mp-container {
    display:         block;
display: grid;
    border:           1px solid #ccc;
gap: 10px;
    background-color: #f9f9f2;
clear:both; /* for .mw-indicators combined with NOTITLE */
    padding:          0.2em 0.4em;
}
}


/**
@media screen and (max-width: 990px) {
* 4. MAIN PAGE STYLING
/* for mobile screens */
* -------------------------------------------------
#mp-container {
*/
grid-template-areas:var(--main-page-layout--mobile);
grid-template-columns:var(--main-page-layout-columns--mobile, 100%);
}


#mainpage_topbox {
.mp-box.mp-hide-on-mobile {
    background: #f9f9f9;
display: none;
    padding:   0px;
}
    border:    1px solid #aaa;
    margin:    0.2em 10px 10px;
}
}


.mainpage_boxtitle,
@media screen and (min-width: 990px) and (max-width: 1350px) {
.mainpage_hubtitle,
/* for narrow screens, between 990px and 1350px */
#mainpage_pagetitle {
#mp-container {
    font-size:       105%;
grid-template-areas:var(--main-page-layout--tablet);
    padding:         0.4em;
grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr);
    background-color: #eee;
}
    border-bottom:    1px solid #aaa;
}


.mainpage_boxtitle {
.mp-box.mp-hide-on-tablet {
    line-height: 120%;
display: none;
}
}
}


#mainpage_pagetitle {
@media screen and (min-width: 1350px) {
    color:     #cf7606;
/* for all other screens, 1350px and wider */
    font-size: 200% !important;
#mp-container {
}
grid-template-areas:var(--main-page-layout--desktop);
grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr);
}


#mainpage_sitelinks {
.mp-box.mp-hide-on-desktop {
    padding:          0.2em;
display: none;
    text-align:       center;
}
    background-color: white;
}
}


.mainpage_hubtitle {
.mp-box {
    text-align: center;
position: relative;
display: flex;
flex-flow: column nowrap;
width: 100%;
box-sizing: border-box;
background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent);
border: 1px solid var(--wiki-content-border-color);
padding: 0px;
}
}


.mainpage_boxcontents,
.mp-body {
.mainpage_boxcontents_small {
height: 100%;
    background: #fff;
display: flex;
    padding:   0.2em 0.4em;
padding: 0.5em;
flex-flow: column nowrap;
}
}


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


.mainpage_boxcontents_title {
.mp-box.has-floating-image {
    display:      block;
display: block;
    border-bottom: 1px solid #aaa;
    margin-bottom: 0.5em;
    text-align:    center;
    font-weight:  bold;
    font-size:     larger;
}
}


.mainpage_hubbox,
.mp-box.has-floating-image .mp-body {
#mainpage_newscell,
height: unset;
#mainpage_downloadcell,
display: block;
#mainpage_opportunitiescell,
#mainpage_featuredpagescell {
    padding: 0;
    border: 1px solid #aaa;
}
}


.mainpage_hubbox {
.mp-box.header-only {
    margin-bottom: 0;
border-bottom-width:0px;
}
}


#mainpage_newscell {
.mp-box.header-only .mp-body {
    margin-bottom: 15px;
display:none;
    margin-top:   0 !important;
}
}


#mainpage_newscell .mainpage_boxtitle {
.mp-box.missing .mw-inputbox-input {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/8/89/Exquisite-khelpcenter.png/20px-Exquisite-khelpcenter.png);
/* max-width doesn't override the input element's 'size' property, but that property does work as a max-width itself, so we can set width:100% for the same effect */
    background-repeat:  no-repeat;
width:100% !important;
    background-position: 99% 0.3em;
    padding-right:       25px;
}
}


#mainpage_downloadcell {
/* overqualified to override normal heading styles */
    width:         17em;
.mw-body .mp-box h2 {
    margin-bottom: 5px;
text-align: center;
font-weight: bold;
font-family: var(--wiki-content-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-content-heading-color);
}
}


#mainpage_downloadcell .mainpage_boxtitle {
#mp-box-welcome {
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/5/5d/Crystal_Clear_action_build.png/18px-Crystal_Clear_action_build.png);
text-align: center;
    background-repeat:   no-repeat;
position: relative;
    background-position: 96% 0.33em;
overflow: hidden;
    padding-right:       25px;
}
}


#mainpage_opportunitiescell {
#mp-box-welcome h2 {
    max-width:    25em;
font-size: 200%;
    margin-bottom: 15px;
    margin-top:   0 !important;
}
}


#mainpage_opportunitiescell .mainpage_boxtitle {
#mp-welcome {
    background-image:   url(//upload.wikimedia.org/wikipedia/commons/thumb/6/63/User-online.svg/20px-User-online.svg.png);
display: flex;
    background-repeat:   no-repeat;
flex-flow: column nowrap;
    background-position: 98% 0.15em;
position: relative;
    padding-right:       25px;
height: 100%;
z-index: 2;
box-sizing: border-box;
}
}


#mainpage_featuredpagescell {
#mp-welcome .welcome-subtitle {
    max-width:     25em;
height: 100%;
    margin-bottom: 15px;
background: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent);
    margin-top:   0 !important;
padding: 0.5em;
}
}


#mainpage_featuredpagescell .mainpage_boxtitle {
#mp-banner {
    background-image:   url(//upload.wikimedia.org/wikipedia/commons/thumb/0/0f/Note_icon.svg/20px-Note_icon.svg.png);
position: absolute;
    background-repeat:   no-repeat;
width: 100%;
    background-position: 98% 0.15em;
height: 100%;
    padding-right:      25px;
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;
}
}


/* The words 'MediaWiki.org' in the title. */
.view-dark #mp-banner {
#mainpage_mwtitle {
filter: blur(5px) brightness(50%);
    color: #005288;
}
}


/**
.view-light #mp-banner {
* The "mainpage" class is added to the body with JavaScript for the main page in all
filter: blur(5px) contrast(50%);
* languages, so we can style things that apppear on the main page and also elsewhere.
*/
.mainpage #lastmod,
.mainpage #siteSub,
.mainpage h1.firstHeading {
    display: none !important;
}
}


.mainpage #content {
/* [[Template:MP_link]] */
    padding-top: 1em;
.mp-links {
--gap: 10px;
}
}


/**
.mp-links > ul {
* 5. SIDEBAR EXTERNAL LINKS
display: flex;
* -------------------------------------------------
flex-flow: row wrap;
*/
justify-content: space-evenly;
/*
margin: 2px;
#n-blog-text a,
gap: var(--gap);
#n-mw-repo-commits a,
#n-mw-repo-codereview a,
#n-browse-repo a,
#n-phpdoc a {
background: url(//upload.wikimedia.org/wikipedia/commons/6/64/Icon_External_Link.png) center right no-repeat;
padding-right: 13px;
color: #3366bb;
}
}
*/
/**
* 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS
* -------------------------------------------------
*/


table {
.mp-links > ul > li {
    border-collapse: separate;
display: flex;
    border-spacing: 10px 0px;
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;
}
}


/* Custom h* styles (blue headings) */
.mp-links > ul > li:hover {
.wikitable td.hl3,
background-color: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent);
.wikitable th.hl3 {
    background-color: #8da7d6;
}
}


.wikitable td.hl1,
.mp-links.columns-1 > ul > li {flex: max(calc(100% - var(--gap)), 5em) 1 1;}
.wikitable th.hl1 {
.mp-links.columns-2 > ul > li {flex: max(calc(50% - var(--gap)), 5em) 1 1;}
    background: #c5d8fc;
.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-8 > ul > li {flex: max(calc((100% / 8) - var(--gap)), 5em) 1 1;}
.mp-links.columns-max > ul > li {flex: max(calc(0% - var(--gap)), 5em) 1 1;}


.wikitable td.hl2,
.mp-links > ul > li:hover a {
.wikitable th.hl2 {
text-decoration: underline;
    background: #a7c1f2;
}
}


/**
.mp-links > ul > li > a {
* Make entire table valign=top,
display: flex;
* To replace the |valign=top| on every cell.
align-items: center;
*/
justify-content: center;
.vatop tr,
height: 100%;
tr.vatop,
flex: 1 1 auto;
.vatop td,
box-sizing: border-box;
.vatop th {
padding: 5px;
    vertical-align: top;
}
}


/* General purpose "pretty (data) tables" */
.mp-links > ul > li > a:first-child {
table.datatable {
height: 100%;
    background-color: transparent;
}
}


table.datatable th,
.mp-links > ul > li > a:last-child:not(:first-child) {
table.datatable td {
height: unset;
    padding: 4px;
}
}


table.datatable th {
.mp-links.stretch,
    text-align:      left;
.mp-links.stretch > ul {
    background-color: #999;
height: 100%;
}
}


table.datatable tr {
.mp-links.side-image li {
    background-color: #ccc;
flex-flow: row nowrap;
}
}


table.datatable tr:hover {
.mp-links.plain > ul > li {
    background-color: #ffc;
outline-color: transparent;
}
}


/* SideBox styling */
/***********************
div.sideBox {
* End main page layout *
    position:    relative;
************************/
    float:      right;
    background:  white;
    margin-left: 1em;
    border:      1px solid gray;
    padding:    0.3em;
    width:      200px;
    overflow:    hidden;
    clear:      right;
}


div.sideBox dl {
    padding:  0;
    margin:    0 0 0.3em 0;
    font-size: 96%;
}


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


div.sideBox dl dd {
/* Display list items inline */
    margin:           0.1em 0 0 1.1em;
.hlist dd,
    background-color: #f3f3f3;
.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;
}
}


/* Extension & Skin infobox styling */
/* Display requested top-level lists inline */
.tpl-infobox {
.hlist.inline,
    border:          2px solid #aaa;
.hlist.inline dl,
    width:            280px;
.hlist.inline ol,
    /* @noflip */
.hlist.inline ul,
    clear:            right;
/* Display nested lists inline */
    /* @noflip */
.hlist dl dl,
    float:            right;
.hlist dl ol,
    margin:          0 0 0.5em 0.5em;
.hlist dl ul,
    border-collapse:  collapse;
.hlist ol dl,
    background-color: white;
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
display: inline;
}
}


.tpl-infobox td {
/* Hide empty list items */
    border:       2px none #aaa;
.hlist .mw-empty-li {
    padding:      0.2em 0.5em;
display: none;
    border-bottom: 1px solid #f0f0f0 !important;
}
}


.tpl-infobox-header {
/* TODO: :not() can maybe be used here to remove the later rule. naive test
    background-color: #aaa;
*  seems to work. more testing needed. like so: */
    color:           white;
.hlist dt:not(:last-child)::after {
    text-align:       left;
content: ":\20";
}
}


.tpl-infobox-header td {
.hlist dd:not(:last-child)::after,
    padding-top: 0.5em;
.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   •   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 whitespace 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;
}
}


.ext-infobox-header img {
/* Add parentheses around nested lists */
    padding: 0 0.2em 0 0.5em;
.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;
}
}


.ext-status-unstable,
.hlist dd ol::after,
.ext-status-unstable td {
.hlist dd ul::after,
    border-color: #900;
.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;
}
}


.ext-status-unstable .ext-infobox-header {
/* Put ordinals in front of ordered list items */
    background-color: #900;
.hlist ol {
    color:           #ff0;
counter-reset: listitem;
}
}


.ext-status-experimental,
.hlist ol > li {
.ext-status-experimental td {
counter-increment: listitem;
    border-color: #ff4500;
}
}


.ext-status-experimental .ext-infobox-header {
.hlist ol > li::before {
    background-color: #ff4500;
content: " " counter(listitem) ".\20";
}
}


.ext-status-beta,
/* Progressive enhancement:
.ext-status-beta td {
*  try to make the dot always follow the list item in same line
    border-color: #ffba01;
*/
}
.hlist :is(li,dt,dd):not(:has(:is(li,dt,dd))) {
 
display: inline-block;
.ext-status-beta .ext-infobox-header {
    background-color: #ffba01;
}
}


.ext-status-stable,
/********************************************
.ext-status-stable td {
* End semantically-correct horizontal lists *
    border-color: #32cd32;
*********************************************/
}


.ext-status-stable .ext-infobox-header {
/*** Miscellaneous ***/
    background-color: #32cd32;
.responsive-image {
max-width: 100%;
height: auto;
box-sizing: border-box;
}
}


.ext-status-magic,
.view-dark .invert-on-dark,
.ext-status-magic td {
.view-light .invert-on-light {
    border-color: #fe57a1;
filter: invert(100%);
}
}


.ext-status-magic .ext-infobox-header {
.pixelated {
    color:     #000;
image-rendering: pixelated;
    background: #ffdbeb url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;
}
}


.ext-status-magic .ext-infobox-header img {
@media screen and (min-width: 720px) {
    visibility:   hidden;
.mobileonly {
    padding-right: 1em;
display: none;
}
}
}


.skin-infobox,
@media screen and (max-width: 720px) {
.skin-infobox td {
.nomobile {
    border-color: #a7d7f9;
display: none;
}
}
}


.skin-infobox-header {
/*** Utility classes for standard MW galleries ***/
    color:     #000;
/* it's important that spaced comes before centered in the sheet */
    background: #e2f4ff;
.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 {
* "Note" boxes ([[Template:Note]])
text-align: center;
*/
.tip,
.note {
    padding:            0.5em;
    margin:              0.5em 0;
    overflow:            hidden;
    background-color:    #f9f9f9;
    background-position: 4px 2px;
    background-repeat:  no-repeat;
    border:             1px solid #ddd;
}
}


.tip-info,
/**************************
.note-info {
* Start Modular Templates *
    background-color: #f0f0e7;
**************************/
    background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);
    border-color:    #c93;
    /* @noflip */
    padding-left:    30px;
    min-height:      28px;
}


.tip-reminder,
/********* [[Template:Ambox]] *********/
.note-reminder {
.ambox {
    background-color: #f6fdea;
--ambox-color: var(--wiki-accent-color);
    background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
    border-color:    #d6e434;
    padding-left:    31px;
    min-height:      28px;
}


.tip-error,
border: 1px solid var(--wiki-content-border-color);
.note-error {
border-left: 10px solid var(--ambox-color);
    background-color: #f0e7e7;
border-radius: 2px;
    background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);
display: flex;
    border-color:     #c33;
align-items: center;
    padding-left:     32px;
gap: .6em;
    min-height:       25px;
margin: 1em 0;
padding: 3px .6em;
background-color: var(--wiki-content-background-color--secondary);
box-shadow: 2px 2px 5px 0px #0002;
}
}


/* Version box on [[Manual:Downloading MediaWiki]] */
@media (min-width: 720px) {
#DownloadVersionBox {
.ambox {
    border:          2px solid black;
margin-inline: 10%;
    border-collapse: collapse;
}
    margin:          auto;
    width:          50%;
    color:          black;
}
}


#DownloadVersionBox td {
.ambox.tiny {
    border: 2px solid black;
padding: .04rem .5em;
    padding: 20px;
margin-inline: 0;
width: fit-content;
}
}


/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
.ambox + .ambox {
.majorwarning {
margin-top: -.6em;
    background: yellow;
    padding:    0.3em;
    text-align: center;
    font-size:  125%;
    border:    2px solid red;
}
}


/* Page headings used throughout the wiki (though not very much at the time of writing…) */
.ambox-content {
.page-notice,
flex: 1;
.page-warning {
    border-width:  1px;
    border-style:  solid;
    padding:      0.3em 0.5em;
    margin-bottom: 1em;
    width:        95%;
    margin-left:  auto;
    margin-right:  auto;
    text-align:   center;
}
}


/* Informative notices at the top of pages (blue) */
.ambox-content p {
.page-notice {
margin: .15em 0;
    background-color: #f9f9f9;
    border-color:    #025e9d;
    text-align:      left;
}
}


/* Warning information at the top of pages (red) */
.ambox-title {
.page-warning {
font-weight: bold;
    background-color: #fff;
    border-color:    #c51919;
    border-width:     2px;
}
}


.pw-head {
/********* [[Template:Hatnote]] *********/
    color:       #c51919;
.hatnote {
    font-weight: bold;
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);
}
}


/* Used in Template:Notice */
.hatnote.icon {
.block-note {
padding-left: 0;
    background-image:    url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
    background-position: top left;
    background-repeat:   no-repeat;
}
}


/**
/********* [[Template:Spoiler]] *********/
* Using block-contents in the hope that it can apply to all block-level warning templates,
.spoiler-content {
* with different images applied as backgrounds to the wrapping DIV.
background-color: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent);
*/
transition: all 0.3s;
.block-contents {
cursor: pointer;
    display:     block;
overflow: auto;
    padding-left: 20px;
}
}


/* Template documentation ([[Template:Documentation]]) */
@supports not (color:color-mix(in srgb, #000, transparent)) {
.template-documentation {
.spoiler-content {
    clear:            both;
background-color: var(--wiki-content-dynamic-color--secondary);
    margin:          1em 0 0 0;
}
    border:          1px solid #aaa;
    background-color: #ecfcf4;
    padding:          5px;
}
}


/* Default style for navigation boxes */
.spoiler-content > * {
table.navbox {
pointer-events: none;
    /* Navbox container style */
opacity: 0;
 
transition: all 0.3s;
    border:    1px solid #aaa;
    width:      100%;
    margin:    auto;
    clear:      both;
    font-size: 88%;
    text-align: center;
    padding:   1px;
}
}


table.navbox + table.navbox {
.spoiler-content.show {
    /* Single pixel border between adjacent navboxes */
background-color: transparent;
    margin-top: -1px;
    /* (doesn't work for IE6, but that's okay) */
}
}


.navbox th,
.spoiler-content.show > * {
.navbox-title,
pointer-events: unset;
.navbox-abovebelow {
opacity: 1;
    text-align:   center;
    /* Title and above/below styles */
    padding-left:  1em;
    padding-right: 1em;
}
}


th.navbox-group {
/********* [[Template:Link icon]] *********/
    /* Group style */
.link-icon {
    white-space: nowrap;
--link-icon-line-height: 1.5em;
    /* @noflip */
--link-icon-size: 1.5em;
    text-align: right;
display: inline-flex;
align-items: center;
height: var(--link-icon-line-height);
vertical-align: bottom;
}
}


.navbox,
.link-icon .regular {
.navbox-subgroup {
align-self: center;
    background: #fdfdfd;
}
}


.navbox-list {
.link-icon .regular a {
    /* Must match background color */
display: flex;
    border-color: #fdfdfd;
}
}


.navbox th,
.link-icon .regular img {
.navbox-title {
height: var(--link-icon-size);
    /* Level 1 color */
max-width: var(--link-icon-size);
    background: #ccf;
}
}


.navbox-abovebelow,
.link-icon .fallback {
th.navbox-group,
outline: 1px solid var(--wiki-content-text-color);
.navbox-subgroup .navbox-title {
border-radius: 50%;
    /* Level 2 color */
text-align: center;
    background: #ddf;
width: var(--link-icon-size);
line-height: var(--link-icon-size);
}
}


.navbox-subgroup .navbox-group,
.link-icon.notext,
.navbox-subgroup .navbox-abovebelow {
.link-icon.notext .fallback {
    /* Level 3 color */
display: inline-block;
    background: #e6e6ff;
}
}


.navbox-even {
/********* [[Template:Quote]] *********/
    /* Even row striping */
.quote {
    background: #f7f7f7;
background: var(--wiki-content-background-color--secondary);
border-radius: 5px;
border: 2px solid var(--wiki-content-border-color);
margin: .5em 0;
padding: .5em;
overflow-y: hidden;
}
}


.navbox-odd {
.quote .block {
    /* Odd row striping */
display: block;
    background: transparent;
}
}


.navbox .hlist td dl,
.quote .title {
.navbox .hlist td ol,
font-size: large;
.navbox .hlist td ul,
font-weight: bold;
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    /* Adjust hlist padding in navboxes */
    padding: 0.125em 0;
}
}


.navbox .hlist dd,
.quote .content {
.navbox .hlist dt,
font-style: italic;
.navbox .hlist li {
    /* Nowrap list items in navboxes */
    white-space: nowrap;
    /* IE < 8 no-wraps entire list, so disable it */
    white-space: normal !ie;
}
}


.navbox .hlist dd dl,
.quote .author {
.navbox .hlist dt dl,
font-weight: bold;
.navbox .hlist li ol,
text-align: end;
.navbox .hlist li ul {
    /* But allow parent list items to be wrapped */
    white-space: normal;
}
}


ol + table.navbox,
.quote .marks-wrapper {
ul + table.navbox {
display: flex;
    /* Prevent lists from clinging to navboxes */
gap: 5px;
    margin-top: 0.5em;
}
}


/* Default styling for Navbar template */
.quote .marks-wrapper::before,
.navbar {
.quote .marks-wrapper::after {
    display:    inline;
font-size: 100px;
    font-size:   88%;
line-height: 0px;
    font-weight: normal;
}
}


.navbar ul {
.quote .marks-wrapper::before {
    display:     inline;
content: "\201C";
    white-space: nowrap;
margin-top: 40px;
}
}


.navbar li {
.quote .marks-wrapper::after {
    word-spacing: -0.125em;
content: "\201D";
align-self: end;
margin-bottom: -10px;
}
}


/* Navbar styling when nested in navbox */
.client-js .mw-charinsert-item {
.navbox .navbar {
display: none;
    display:   block;
    font-size: 100%;
}
}


.navbox-title .navbar {
/************************
    /* @noflip */
* End Modular Templates *
    float:        left;
*************************/
    /* @noflip */
    text-align:  left;
    /* @noflip */
    margin-right: 0.5em;
    width:        6em;
}


/* Allow people to optionally wrap lines in source listings */
/*****************************
div.wrapPreLines pre {
* Used by [[Template:Color]] *
    white-space: pre-wrap;
******************************/
.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);
}
}


/**
/*********************
* 8. SOME OTHER SMALL THINGS
* End Template:Color *
* -------------------------------------------------
**********************/
*/


/* Give a bit of space to the TOC */
/*********************************
#toc {
* Used by [[Template:TOC limit]] *
    margin: 1em 0;
**********************************/
}
 
/**
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Used in [[Template:TOCright]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-3 .toclevel-2 ul,
Line 1,248: Line 1,169:
.toclimit-6 .toclevel-5 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
.toclimit-7 .toclevel-6 ul {
    display: none;
display: none;
}
 
/* make the list of references look smaller and highlight clicked reference in blue */
ol.references {
    font-size: 100%;
}
 
.references-small {
    font-size: 90%;
}
 
ol.references > li:target {
    background-color: #def;
}
 
sup.reference:target {
    background-color: #def;
}
 
/**
* Styling for links generated by [[MediaWiki:Edittools]]
* @source www.mediawiki.org/wiki/Extension:CharInsert#Styling
* @updated 2012-02-29
*/
.mw-charinsert-buttons {
    margin-top: 10px;
    border:    1px solid #aaa;
    padding:    1px;
    text-align: center;
    font-size:  110%;
}
 
.mw-charinsert-buttons a {
    color:            black;
    background-color: #cde !important;
    font-weight:      bold;
    font-size:        .9em;
    text-decoration:  none;
    border:          thin #069 outset;
    padding:          0 .1em .1em;
}
 
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
    background-color: #bcd;
    border-style:    inset;
}
 
.client-js .mw-edittools-section {
    display: inline;
}
 
.client-js .mw-edittools-section input[type="button"] {
    font-size:    0.9em;
    padding-left:  1px;
    padding-right: 1px;
    margin-left:  1px;
}
 
/* from [[User:Splarka/Help:Linked images]] */
.imagelink_wikilogo a {
    width:            135px;
    height:          135px;
    display:          block;
    text-decoration:  none;
    background-image: url(//upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png);
}
 
/**
* Infoboxes
*/
.infobox {
    float:        right;
    clear:        right;
    margin-bottom: 0.5em;
    margin-left:  1em;
    padding:      0.2em;
    border:        1px solid #aaa;
    background:    #f9f9f9;
    color:        black;
}
 
.infobox td,
.infobox th {
    vertical-align: top;
}
 
.infobox caption {
    margin-left: inherit;
    font-size:  larger;
}
 
.infobox.bordered {
    border-collapse: collapse;
}
 
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
 
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}
 
/**
* Apparently the namespaces parameter
* for inputbox forces a checkbox.
* Let's hide it in the API sidebar
*/
.mw-inputbox-hideapicheck label[for="mw-inputbox-ns104"],
#mw-inputbox-ns104 {
    display: none;
}
}
/*************************
* End Template:TOC limit *
**************************/


/** Testing for code review **/
/*********************************
div.mw-wordcloud {
* Used by [[Template:TOC right]] *
    width:     100%;
**********************************/
    text-align: justify;
@media all and (min-width: 720px) {
.tocright {
float: right;
clear: right;
margin: 0 0 0.5em 1em;  
}
}
}
/*************************
* End Template:TOC right *
**************************/


.mw-wordcloud-size-1 {
    color:    #222;
    font-size: 2.4em;
}


.mw-wordcloud-size-2 {
/*********** Main page  START ****************/
    color:     #333;
#mainpage-wrap .footer {
    font-size: 2.2em;
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
}
 
#mainpage-wrap .box {
.mw-wordcloud-size-3 {
  border: 1px solid var(--wiki-content-border-color);
    color:     #444;
  border-radius: var(--wiki-content-border-radius);
    font-size: 2.0em;
  padding: 1.5em;
}
}
 
#mainpage-wrap h2 {
.mw-wordcloud-size-4 {
  margin-top: 0;
    color:     #555;
  border-bottom: 0;
    font-size: 1.8em;
}
}
 
#mainpage-wrap .content-wrap {
.mw-wordcloud-size-5 {
  display: flex;
    color:     #666;
  gap: 1em;
    font-size: 1.6em;
  align-items: stretch;
  margin-bottom: 1em;
}
}
 
@media (max-width: 1200px) {
.mw-wordcloud-size-6 {
  #mainpage-wrap .content-wrap {
     color:     #777;
     flex-direction: column;
    font-size: 1.4em;
  }
}
}
 
#mainpage-wrap .content-wrap .l {
.mw-wordcloud-size-7 {
  flex: 3 3 600px;
    color:     #888;
  display: flex;
    font-size: 1.2em;
  flex-direction: column;
  gap: 1em;
}
}
 
#mainpage-wrap .content-wrap .r {
.mw-wordcloud-size-8 {
  flex: 1 1 300px;
    color:     #999;
  display: flex;
    font-size: 1em;
  flex-direction: column;
  gap: 1em;
}
}
 
#mainpage-wrap .box.header {
.mw-wordcloud-size-9 {
  text-align: center;
    color:          #aaa;
    font-size:      0.8em;
    letter-spacing: 3px;
}
}
 
#mainpage-wrap .box.header .welcome h2 {
.mw-wordcloud-size-10,
  font-size: 2em;
.mw-wordcloud-size-0 {
    color:    #bbb;
    font-size: 0.8em;
}
}
 
#mainpage-wrap .box.header ul {
/* Styling for related links and disambiguation links */
  display: inline-flex;
.rellink,
  align-items: center;
.dablink {
  margin: 1.5em auto 0.5em;
    font-style:   italic;
  gap: 1em;
    margin-bottom: 0.5em;
    padding-left: 2em;
}
}
 
#mainpage-wrap .box.header ul li {
/* @todo FIXME: document me :) */
  list-style: none;
#signuptopbox li {
    float:      left;
    list-style: none;
    font-family: sans-serif;
}
}
 
@media (max-width: 600px) {
#signuptopbox li {
  #mainpage-wrap .box.header img {
     color:         #3ca7d4;
     width: 32px;
     background:   #c2e1f9;
     height: auto;
    line-height:   2.8em;
   }
    margin-right:  .25em;
    padding-right: .5em;
}
}
 
#mainpage-wrap .box.game > div {
#signuptopbox li.pr-active,
  display: flex;
#signuptopbox li.pr-active div {
  gap: 1em;
    color:       #67ca36;
  align-items: center;
    background:   #d4f9c2;
    border-color: #fff #fff #fff #67ca36;
}
}
 
@media (max-width: 640px) {
#signuptopbox li div {
  #mainpage-wrap .box.game > div {
    width:       0;
     flex-direction: column;
    height:      0;
  }
    border-color: #fff #fff #fff #3ca7d4;
    border-style: solid;
     border-width: 1.4em .3em 1.4em 1.4em;
    float:        left;
}
}
 
#mainpage-wrap .box.game img {
#signuptopbox li span.pr-number {
  width: 100%;
    display:              block;
  height: auto;
    width:                 1.8em;
  max-width: 320px;
    line-height:           1.8em;
  max-height: 180px;
    background:            #3ca7d4;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
    color:                #c2e1f9;
    text-align:            center;
    margin:               .5em;
    -webkit-border-radius: 50%;
    -moz-border-radius:   50%;
    -ms-border-radius:     50%;
    -o-border-radius:      50%;
    border-radius:        50%;
    font-weight:          600;
    float:                left;
}
}
 
#mainpage-wrap .box.game p {
#signuptopbox li.pr-active span.pr-number {
  font-size: 16px;
    background: #67ca36;
  line-height: 28px;
    color:     #d4f9c2;
}
}
 
#mainpage-wrap .box.feature {
#signuptopbox li span {
  font-size: 18px;
    float: left;
}
}
 
@media (max-width: 600px) {
#signuptopbox li.pr-spacer {
  #mainpage-wrap .box.feature {
     padding: 0;
     font-size: 16px;
  }
}
}
 
#mainpage-wrap .box.feature ul {
/* Breadcrumb code */
  margin: 0.5em 0;
.breadcrumb {
  display: grid;
    list-style: none;
  grid-template-columns: repeat(3, 1fr);
    overflow:   hidden;
  list-style: none;
    font:       14px Helvetica, Arial, sans-serif;
  justify-items: start;
  gap: 1em 1.5em;
}
}
 
@media (max-width: 600px) {
.breadcrumb li {
  #mainpage-wrap .box.feature ul {
     float:         left;
     gap: 8px;
    margin-bottom: 0;
  }
}
}
 
#mainpage-wrap .box.gallery ul {
.breadcrumb li a {
  display: flex;
    color:          white;
   flex-wrap: wrap;
    text-decoration: none;
   gap: 0.5em;
    padding:        10px 0 10px 45px;
  margin: 0;
    position:        relative;
    display:        block;
    float:          left;
}
 
.breadcrumb li a:after {
    content:      " ";
    display:      block;
    width:        0;
    height:        0;
    /* Go big on the size, and let overflow hide */
    border-top:    50px solid transparent;
    border-bottom: 50px solid transparent;
    position:      absolute;
    top:          50%;
    margin-top:    -50px;
    left:          100%;
    z-index:      2;
}
 
.breadcrumb li a:before {
    content:      " ";
    display:       block;
    width:        0;
    height:        0;
    border-top:    50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left:   31px solid white;
    position:      absolute;
    top:          50%;
    margin-top:   -50px;
    margin-left:   1px;
    left:         100%;
    z-index:      1;
}
 
.breadcrumb li:first-child a {
    padding-left: 20px;
}
 
.currentcrumb a {
    background: #069;
}
 
.currentcrumb a:after {
    border-left: 30px solid #069;
}
 
.currentcrumb a:hover,
.prevcrumb a:hover,
.nextcrumb a:hover {
    background: #002d44;
}
 
.currentcrumb a:hover:after,
.prevcrumb a:hover:after,
.nextcrumb a:hover:after {
    border-left-color: #002d44 !important;
}
}
 
#mainpage-wrap .box.gallery ul li {
.prevcrumb a {
  flex: 1 1 40%;
    background: #396;
  list-style: none;
}
}
 
@media (max-width: 1200px) and (min-width: 720px) {
.prevcrumb a:after {
  #mainpage-wrap .box.gallery ul li {
     border-left: 30px solid #396;
     flex: 1 1 22%;
  }
}
}
 
#mainpage-wrap .box.gallery ul li img {
.nextcrumb a {
  width: 100%;
    background: #999;
  height: auto;
}
}
 
#mainpage-wrap .box.gallery img {
.nextcrumb a:after {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
    border-left: 30px solid #999;
}
}


/* To facilitate rtl translations */
/*********** Main page END ****************/
#bodyContent .table-RTL a {
    background:    none;
    padding-right: 0;
}
 
#bodyContent .table-RTL ul {
    margin-right: 10px;
    display:      table;
}
 
/* Fix annoying bug where the "date" column in the LQT sometimes
* is two rows because of the date being too long even through there is
* enough space (otherwise the browser makes it's own decision on where to cut)
*/
.lqt_toc th:nth-child(3),
.lqt_toc td:nth-child(3) {
    white-space: nowrap;
}
 
.persian {
    font-family: Tahoma;
}
 
/**
* Fix so <syntaxhighlight> tags and .css and .js pages get normal text size.
* [[bugzilla:26204]]
*/
div.mw-geshi div,
div.mw-geshi div pre,
span.mw-geshi,
pre.source-css,
pre.source-javascript {
    font-family: monospace, "Courier New" !important;
}
 
/**
* Manual:Database_layout
  */
.mwmanual-dbview-box img {
    opacity: 0.5;
}
 
.mwmanual-dbview-box:hover img {
    opacity: 0.8;
}
 
.mwmanual-dbview-link {
    background:    rgb(198, 212, 235);
    background:    hsla(217, 48%, 85%, 0.8);
    border:        1px solid #0645ad;
    border-radius: 4px;
    padding:      10px 5px;
    text-align:    center;
    font-weight:  bold;
}
 
.mwmanual-dbview-box:hover .mwmanual-dbview-link {
    background: hsla(215, 46%, 95%, 0.8);
}
 
.mwmanual-dbview-link:hover {
    background: hsla(215, 46%, 95%, 0.9);
}
 
/**
* Hide "Edit" tab from [[VisualEditor:Welcome]] until page protection affects VisualEditor extension too (added on 06-29-2012)
* Unhid it for sysops in [[MediaWiki:Group-sysop.css]]
*/
body.page-VisualEditor_Welcome li#ca-edit {
    display: none;
}
 
/**
* VisualEditor documentation styles - required for displaying document diagrams
*/
.ve-doc-dm-data {
    list-style: none;
    cursor:    default;
}
 
.ve-doc-dm-data li {
    font-family: sans-serif;
    text-align:  center;
    line-height: 2.25em;
    display:    inline-block;
    width:      2.25em;
    height:      2.25em;
    border:      solid 2px white;
}
 
.ve-doc-dm-data li.ve-doc-dm-cursor {
    width: 0.5em;
}
 
.ve-doc-dm-cursor:hover {
    border-color: #ccc;
}
 
.ve-doc-dm-open,
.ve-doc-dm-close {
    background-color: #50a5f4;
    color:            #7ddcfd;
}
 
.ve-doc-dm-open:hover,
.ve-doc-dm-close:hover {
    border-color: #7ddcfd;
}
 
.ve-doc-dm-close {
    background-image:    url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJhJREFUeNrs0UENgEAQBMGThGMkImFBAp8jTVKVjIHptT4yM8eza947F2KIIYYYYoghBmKIgRhiIIYYiCGG18QQQwwxxBBDDMQQAzHEQAwxEEMMMTYHESMWRIwfBhEjFESMUBAxQkHECAURIxREjFAQMUJBxAgFESMURAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGCfW4ABAPk3h3InIbNlAAAAAElFTkSuQmCC);
    background-size:    contain;
    background-position: left top;
    background-repeat:  no-repeat;
}
 
.ve-doc-dm-char,
.ve-doc-dm-achar {
    border-radius: 3em;
}
 
.ve-doc-dm-char {
    background-color: #7bcc45;
    color:            #fff;
}
 
.ve-doc-dm-char:hover {
    border-color: #b6f26c;
}
 
.ve-doc-dm-achar {
    background-color: #fa952c;
    color:            #fff;
}
 
.ve-doc-dm-achar:hover {
    border-color: #fed045;
}
 
.ve-doc-dm-element-text {
    color: #50a5f4;
}
 
.ve-doc-dm-char-text {
    color: #7bcc45;
}
 
.ve-doc-dm-achar-text {
    color: #fa952c;
}
 
/* For templates in Category:VisualEditor tests templates */
tt.ve-typing-test {
    color:            white;
    background-color: black;
    padding:          0 1em 0 1em;
}
 
/**
ALERTS
**/
 
.alert {
    padding:              8px 35px 8px 14px;
    margin:                0 20px 20px 0;
    text-shadow:          0 1px 0 rgba(255, 255, 255, 0.5);
    background-color:      #fcf8e3;
    border:                1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:        4px;
}
 
.alert,
.alert h4 {
    color: #c09853;
}
 
.alert h4 {
    margin: 0;
}
 
.alert .close {
    position:    relative;
    top:        -2px;
    right:      -21px;
    line-height: 20px;
}
 
.alert-success {
    color:            #468847;
    background-color: #dff0d8;
    border-color:    #d6e9c6;
}
 
.alert-success h4 {
    color: #468847;
}
 
.alert-danger,
.alert-error {
    color:            #b94a48;
    background-color: #f2dede;
    border-color:    #eed3d7;
}
 
.alert-danger h4,
.alert-error h4 {
    color: #b94a48;
}
 
.alert-info {
    color:            #3a87ad;
    background-color: #d9edf7;
    border-color:    #bce8f1;
}
 
.alert-info h4 {
    color: #3a87ad;
}
 
.alert-block {
    padding-top:    14px;
    padding-bottom: 14px;
}
 
.alert-block > p,
.alert-block > ul {
    margin-bottom: 0;
}
 
.alert-block p + p {
    margin-top: 5px;
}
 
#p-googleadsense .body {
    margin-left: -10px !important;
}

Latest revision as of 07:18, 1 November 2025

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

/******************************************************************************************
********************************* Start user-edit variables *******************************
******************************************************************************************/

/*****************************************
****** START BASIC DESIGN VARIABLES ******
----------------------------------------*/
:root {
	--wiki-content-heading-font-family: sans-serif;
	--wiki-sidebar-heading-font-family: sans-serif;
	
	--wiki-content-border-radius: 0px;
	--wiki-sidebar-border-radius: 0px;
}
/*----------------------------------------
******* END BASIC DESIGN VARIABLES *******
*****************************************/

/*****************************************
****** START BASIC COLOR VARIABLES *******
----------------------------------------*/
:root,
/* Begin dark styles, delete from here to "end dark styles" if you don't want your wiki to support any dark themes (remove it from [[Mediawiki:Theme-definitions]] too, or ask wiki.gg staff for help doing this) */
/* FYI: .view- will affect any theme marked |kind=dark, */
/* individual themes are prefixed with .theme- instead   */
.view-dark {
	/**********************
	* Probably edit these * [ DARK VIEW ]
	***********************/
	--wiki-body-background-color: #011a38;
	--wiki-body-background-image: url(filepath://Site-background.jpg);

	--wiki-content-background-color: #003e78;
	--wiki-content-background-opacity: 0%;
	--wiki-content-border-color: #0b59a2;

	--wiki-content-link-color: #6FD8FF; /* if changing this, remember to change --wiki-icon-to-link-filter as well!!! */
	/* [ DARK VIEW ] */
	--wiki-accent-color: #b3ddea;
	--wiki-accent-label-color: #000;
	--wiki-accent-link-color: #1e1e43;

	--wiki-icon-to-link-filter: invert(78%) sepia(11%) saturate(2418%) hue-rotate(166deg) brightness(100%) contrast(103%);/* put your --wiki-content-link-color into https://mrpie5.gitlab.io/css-filter-generator/ */
	/**/
}
.view-dark #content .content-body {
	--wiki-content-border-color: #00a5ff;
}
/* End dark styles */

/*----------------------------------------
******* END BASIC COLOR VARIABLES ********
*****************************************/

/*****************************************
**** START ADVANCED COLOR VARIABLES ******
----------------------------------------*/

:root,
.view-dark {
	/*******************
	* Maybe edit these * [ DARK VIEW ]
	********************/
	--wiki-body-background-position: top center;
	--wiki-body-background-size: cover;
	--wiki-body-background-repeat: no-repeat;
	--wiki-body-background-attachment: fixed;

	--wiki-content-background-color--secondary: color-mix(in srgb, var(--wiki-content-background-color) 96%, var(--wiki-content-dynamic-color));
	--wiki-content-text-color: #fff;
	--wiki-content-link-color--visited: var(--wiki-content-link-color);
	--wiki-content-link-color--hover: var(--wiki-content-link-color);
	--wiki-content-redlink-color: #FC5B4F;

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

	/* [ DARK VIEW ] */
	--wiki-navigation-background-color: var(--wiki-content-background-color--secondary);
	--wiki-navigation-border-color: var(--wiki-navigation-selected-border-color);
	--wiki-navigation-text-color: var(--wiki-content-link-color);
	--wiki-navigation-selected-background-color: var(--wiki-content-background-color);
	--wiki-navigation-selected-border-color: var(--wiki-content-border-color);
	--wiki-navigation-selected-text-color: var(--wiki-content-text-color);

	/* [ DARK VIEW ] */
	--wiki-neutral-color: var(--wiki-content-text-mix-color);
	--wiki-alert-color: #ff576a;
	--wiki-warning-color: #cf721c;
	--wiki-success-color: #13aa45;
	/**/

	/***********************************
	* Likely do not need to edit these * [ DARK VIEW ]
	************************************/
	--wiki-body-dynamic-color: #ffffff;
	--wiki-body-dynamic-color--inverted: #000000;
	--wiki-body-dynamic-color--secondary: #cccccc;
	--wiki-body-dynamic-color--secondary--inverted: #333333;

	--wiki-content-border-color--secondary: color-mix(in srgb, var(--wiki-content-border-color) 50%, transparent);
	--wiki-content-border-color--accent: color-mix(in srgb, var(--wiki-accent-color) 50%, transparent);
	--wiki-content-link-label-color: #000;
	--wiki-content-dynamic-color: #ffffff;
	--wiki-content-dynamic-color--inverted: #000000;
	--wiki-content-dynamic-color--secondary: #cccccc;
	--wiki-content-dynamic-color--secondary--inverted: #333333;
	/* [ DARK VIEW ] */
	--wiki-alert-label-color: #000000;
	--wiki-warning-label-color: #000000;
	--wiki-success-label-color: #000000;

	--wiki-icon-general-filter: invert(100%);
}

/*----------------------------------------
***** END ADVANCED COLOR VARIABLES *******
*****************************************/

/*****************************************
**** START ADVANCED DESIGN VARIABLES *****
----------------------------------------*/

:root {
	/***********************
	  start logo position 
	----------------------*/
	--wiki-is-top-logo: 0; /* 1 = center logo at the top of the page; 0 = logo at the top left of the page */
	
	--wiki-logo-file-width: 272; /* Width of the image file in px. Put a number without the letters `px`. */
	--wiki-logo-file-height: 170; /* Height of the image file in px. Put a number without the letters `px`. */	
	--wiki-logo-height: calc(var(--wiki-logo-file-height)*1px); /* Valid only when --wiki-is-top-logo is 1. The height the logo should be shown */
	--wiki-logo-margin: 15px; /* the width of margin below the logo. When --wiki-is-top-logo is 1, this is also the default value of --wiki-top-spacing */
	/*-----------------------
	   end logo position 
	***********************/
	
	--wiki-is-navigation-inside-content: 0; /* 0 = default navigation tabs layout; 1 = navigation tabs inside content box */

	--wiki-body-font-family: sans-serif;
	--wiki-content-firstheading-font-family: var(--wiki-content-heading-font-family); /* only apply to the main title of article */

	/****** the following length variables must have units specified even if 0, ignore the warning *****/
	
	--wiki-content-border-width: 1px;
	--wiki-sidebar-width: 12.5em; /* width of sidebar(#mw-panel) */
	--wiki-sidebar-portal-spacing: 0px;
	--wiki-sidebar-border-width: 0px;
	--wiki-navigation-border-radius: 4px; /* border radius of tabs */

	/*******************
	* Maybe edit these * [ DESIGN ]
	********************/
	
	--wiki-logo-filter: none;
	
	/****** the following length variables must have units specified even if 0, ignore the warning *****/
	
	--wiki-content-border-top-radius: var(--wiki-content-border-radius);
	--wiki-content-border-style: solid;
	--wiki-content-border-image: none;
	--wiki-content-backdrop-filter: none;
	
	--wiki-page-content-max-width: 9999px; /* max width of sidebar+gap+content, must be a length value. A huge value can be used to indicate no limit, e.g. 99999px */
	--wiki-gap-between-sidebar-and-content: 24px; /* gap between sidebar(#mw-panel) and content(#content) */
	
	--wiki-sidebar-font-size: 0.875em; /* please use em or rem for this */
	--wiki-sidebar-line-height: 1.25;
	--wiki-sidebar-heading-font-size: 1.4em; /* please use em or rem for this */
	--wiki-sidebar-margin: 0em;
	--wiki-sidebar-list-item-padding: 0.25em 0.25rem;
	--wiki-sidebar-list-padding: 0.25rem;
	--wiki-sidebar-list-item-background--hover: none; /* background of hover item */

	--wiki-navigation-font-size: 0.875em; /* please use em or rem for this */
	--wiki-navigation-font-weight: normal; 
	--wiki-navigation-selected-font-weight: bold; 
	--wiki-navigation-text-transform: none;
	--wiki-navigation-height: 2.75rem; /* height of navigation area,include spacing above tabs */
	--wiki-navigation-left-spacing: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-radius) + var(--wiki-is-navigation-inside-content) * 0.5rem );
	--wiki-navigation-right-spacing: calc( var(--wiki-is-navigation-inside-content) * 0.5rem );
	--wiki-navigation-box-background-color: var(--wiki-content-background-color);
	--wiki-navigation-box-background-opacity: calc(var(--wiki-content-background-opacity)*0.8*var(--wiki-is-navigation-inside-content));
	--wiki-navigation-box-background: color-mix(in srgb, var(--wiki-navigation-box-background-color) var(--wiki-navigation-box-background-opacity), transparent); /* usually only needed when --wiki-is-navigation-inside-content is 1 */
	--wiki-navigation-box-border-image: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */
	--wiki-navigation-box-backdrop-filter: none; /* usually only needed when --wiki-is-navigation-inside-content is 1 */
	--wiki-navigation-selected-backdrop-filter: var(--wiki-content-backdrop-filter);  /* usually only needed when --wiki-is-navigation-inside-content is 0 */
	--wiki-navigation-backdrop-filter: var(--wiki-navigation-selected-backdrop-filter);  /* usually only needed when --wiki-is-navigation-inside-content is 0 */
	
	/* nav tabs style. The vector gradient is default. 
	 * If you want to customize the style of tabs, it's easier to start with the following settings:
	 *    --wiki-navigation-background-image: none;
	 *    --wiki-navigation-selected-background-image: none;
	 *    --wiki-navigation-selected-border-width: calc( (1 - var(--wiki-is-navigation-inside-content))*var(--wiki-content-border-width) + var(--wiki-is-navigation-inside-content) * 1px );
	 *    --wiki-navigation-selected-border-bottom-background: none;
	 *    --wiki-navigation-tab-spacing: 0.25em;
	 *    --wiki-navigation-tab-padding-top: 0.5em;
	 *    --wiki-navigation-tab-padding-bottom: 0.5em;
	 */
	--wiki-navigation-tab-spacing: -30px; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap  */
	--wiki-navigation-tab-padding-top: 0.5em;
	--wiki-navigation-tab-padding-x: 3em;
	--wiki-navigation-tab-padding-bottom: 0.5em;
 	--wiki-navigation-selected-border-width: 0px;
	--wiki-navigation-border-width: var(--wiki-navigation-selected-border-width); /* border width of normal tabs */
	--wiki-navigation-border-image: url(filepath://Tab.png) fill 29 35 0 35/100% 35px 0 35px stretch;
	--wiki-navigation-selected-border-image: var(--wiki-navigation-border-image);
	--wiki-navigation-background-image: none;
	--wiki-navigation-background-repeat: no-repeat, no-repeat, repeat-x;
	--wiki-navigation-background-position: left bottom, right bottom, left bottom;
	--wiki-navigation-background-size:  1px 100%, 1px 100%, 100%;
	--wiki-navigation-selected-background-image: none;
	--wiki-navigation-selected-background-repeat: no-repeat, no-repeat;
	--wiki-navigation-selected-background-position: left bottom, right bottom;
	--wiki-navigation-selected-background-size:  1px 100%, 1px 100%;
	--wiki-navigation-selected-border-bottom-background: var(--wiki-content-border-color);
	
	/* affects the dropdown menu under More */
	--wiki-navigation-dropdown-text-color: var(--wiki-navigation-text-color);
	--wiki-navigation-dropdown-text-color--hover: var(--wiki-navigation-dropdown-text-color);
	--wiki-navigation-dropdown-font-size: var(--wiki-navigation-font-size); /* please use em or rem for this */
	--wiki-navigation-dropdown-border-width: 1px;
	--wiki-navigation-dropdown-border-radius: var(--wiki-navigation-border-radius);
	--wiki-navigation-dropdown-padding: 0.25em; /* padding of the dropdown menu box */
	--wiki-navigation-dropdown-item-padding: 0.625em; /* padding of each dropdown menu items */
	--wiki-navigation-dropdown-item-background--hover: none; /* background of hover item */
	--wiki-navigation-dropdown-border-image: none;
	--wiki-navigation-dropdown-backdrop-filter: none;
	--wiki-navigation-dropdown-box-shadow: none; /* box shadow */
	
	/* styles of the footer */
	--wiki-spacing-before-footer: 0px;
	--wiki-footer-border-image: none;

	/* padding on body element */
	--wiki-top-spacing: calc(var(--wiki-is-top-logo)*var(--wiki-logo-margin) + (1 - var(--wiki-is-top-logo))*1em); /* extra spacing below wiki.gg netbar */
	--wiki-left-spacing: 3em;
	--wiki-right-spacing: 3em;
	--wiki-bottom-spacing: 3em;

	/* end design variables */
}

/*----------------------------------------
***** END ADVANCED DESIGN VARIABLES ******
*****************************************/


/*******************************
**** START SHARED VARIABLES ****
**** tl;dr: don't edit this ****
********************************/
/*
	These variables are rarely touched, usually inherit other variables, and are shared on all themes.
	In 99% of cases none of these are ever edited, and you should only be doing so if you have a very clear vision,
	understand what you are doing, and *know* that what you are trying to do is not accomplished by changing
	another variable in the above sections.
	Since these are by default shared across all themes, if you support multiple themes you'll probably want to
	separate the variables you want to modify here into .view-x blocks like above. If you don't understand
	what that means or how to do that then you probably shouldn't be modifying this section.
*/
:root {
	--wiki-content-border-bottom-width: var(--wiki-content-border-width);
	--wiki-content-border-bottom-style: var(--wiki-content-border-style);
	--wiki-content-border-bottom-color: var(--wiki-content-border-color);
	--wiki-content-text-mix-color: color-mix(in srgb, var(--wiki-content-background-color), var(--wiki-content-text-color) 62%);
	--wiki-content-text-mix-color-95: color-mix(in srgb, var(--wiki-content-background-color) 95%, var(--wiki-content-text-color));
	--wiki-content-text-color--hover: var(--wiki-content-text-color);

	/* heading */
	--wiki-content-heading-border-bottom-width: 1px;
	--wiki-content-heading-border-style: solid;
	--wiki-content-heading-font-weight: normal;
	--wiki-content-heading-font-style: normal;
	--wiki-content-heading-text-transform: none;
	--wiki-content-heading-line-height: normal;
	--wiki-content-heading-text-shadow: none;
	/* first heading (h1) */
	--wiki-content-firstheading-border-bottom-width: var(--wiki-content-heading-border-bottom-width);
	--wiki-content-firstheading-border-style: var(--wiki-content-heading-border-style);
	--wiki-content-firstheading-border-color: var(--wiki-content-heading-border-color);
	--wiki-content-firstheading-font-weight: var(--wiki-content-heading-font-weight);
	--wiki-content-firstheading-font-style: var(--wiki-content-heading-font-style);
	--wiki-content-firstheading-text-transform: var(--wiki-content-heading-text-transform);
	--wiki-content-firstheading-line-height: var(--wiki-content-heading-line-height);
	--wiki-content-firstheading-color: var(--wiki-content-heading-color);
	--wiki-content-firstheading-text-shadow: none;
	/* sub-heading (h3, h4, h5, h6) */
	--wiki-content-subheading-border-bottom-width: 0px;
	--wiki-content-subheading-border-style: var(--wiki-content-heading-border-style);
	--wiki-content-subheading-border-color: var(--wiki-content-heading-border-color);
	--wiki-content-subheading-font-family: var(--wiki-body-font-family);
	--wiki-content-subheading-font-weight: bold;
	--wiki-content-subheading-font-style: normal;
	--wiki-content-subheading-text-transform: none;
	--wiki-content-subheading-line-height: var(--wiki-content-heading-line-height);
	--wiki-content-subheading-color: var(--wiki-content-heading-color);
	--wiki-content-subheading-text-shadow: none;
	/* heading size */
	--wiki-content-firstheading-font-size: 1.8em;
	--wiki-content-heading-h2-font-size: 1.5em;
	--wiki-content-heading-h3-font-size: 1.2em;
	--wiki-content-heading-h4-font-size: 114%;
	--wiki-content-heading-h5-font-size: 108%;
	--wiki-content-heading-h6-font-size: 100%;

	--wiki-content-toc-background: var(--wiki-content-background-color--secondary);
	--wiki-content-toc-border-width: 1px;
	--wiki-content-toc-border-style: solid;
	--wiki-content-toc-border-color: var(--wiki-content-border-color);
	--wiki-content-toc-border-radius: 0px;
	--wiki-content-toc-border-image: none;
	--wiki-content-toc-box-shadow: 0 0.1em 0.2em #000000;

	--wiki-content-catlinks-background: var(--wiki-content-background-color--secondary);
	--wiki-content-catlinks-border-width: 1px;
	--wiki-content-catlinks-border-style: solid;
	--wiki-content-catlinks-border-color: var(--wiki-content-border-color);
	--wiki-content-catlinks-border-radius: 0px;
	--wiki-content-catlinks-border-image: none;
	--wiki-content-catlinks-box-shadow: none;

	--wiki-content-filetoc-background: var(--wiki-content-background-color--secondary);
	--wiki-content-filetoc-border-width: 1px;
	--wiki-content-filetoc-border-style: solid;
	--wiki-content-filetoc-border-color: var(--wiki-content-border-color);
	--wiki-content-filetoc-border-radius: 0px;
	--wiki-content-filetoc-border-image: none;
	--wiki-content-filetoc-box-shadow: none;

	--wiki-logo-offset-x: 0px;
	--wiki-logo-offset-y: 0px;
	
	--wiki-sidebar-padding: 6px 18px 6px 10px;
	--wiki-sidebar-background-color: var(--wiki-content-background-color);
	--wiki-sidebar-background-opacity: var(--wiki-content-background-opacity);
	--wiki-sidebar-background-image: none;
	--wiki-sidebar-background-position: center top;
	--wiki-sidebar-background-repeat: no-repeat;
	--wiki-sidebar-background-size: auto;
	--wiki-sidebar-filter: none;
	--wiki-sidebar-backdrop-filter: var(--wiki-content-backdrop-filter);
	--wiki-sidebar-border-color: var(--wiki-content-border-color);
	--wiki-sidebar-border-style: solid;
	--wiki-sidebar-border-image: none;
	--wiki-sidebar-link-color: var(--wiki-content-link-color);
	--wiki-sidebar-link-color--hover: var(--wiki-content-link-color--hover);
	--wiki-sidebar-heading-color: var(--wiki-content-heading-color);
	--wiki-sidebar-heading-font-weight: bold;
	--wiki-sidebar-heading-font-style: normal;
	--wiki-sidebar-heading-text-transform: none;
	--wiki-sidebar-heading-line-height: normal;
	--wiki-sidebar-heading-padding: 0px;
	--wiki-sidebar-heading-margin: 0px 0px 0px 6px;
	--wiki-sidebar-heading-background: none;
	--wiki-sidebar-heading-border-image: linear-gradient(to right,#00bfe1,transparent) 1/0 0 1px 0;
	--wiki-sidebar-heading-text-shadow: none;
	--wiki-sidebar-list-background: none;
	--wiki-sidebar-list-border-image: none;
	--wiki-sidebar-list-margin: 0px;
	--wiki-sidebar-list-item-background: none;
	--wiki-sidebar-list-item-border-image: none;
	--wiki-sidebar-list-item-background--hover: none;
	--wiki-sidebar-list-item-border-image--hover: none;
	--wiki-sidebar-list-item-spacing: 0px;
	--wiki-sidebar-icon-to-link-filter: var(--wiki-icon-to-link-filter);
	--wiki-sidebar-offset: -2.5em; /* Vertical offset */
	--wiki-sidebar-box-padding: 20px 0px 10px 0px;
	--wiki-sidebar-box-background: url(filepath://Sidebar-bg.jpg) center top no-repeat;
	--wiki-sidebar-box-border: 0px;
	--wiki-sidebar-box-border-radius: 0px 60px 0px 0px;
	--wiki-sidebar-box-border-image: none;
	
	--wiki-accent-color--hover: color-mix(in srgb, var(--wiki-accent-color) 90%, var(--wiki-accent-label-color));

	--wiki-footer-border-width: var(--wiki-content-border-width);
	--wiki-footer-border-style: var(--wiki-content-border-style);
	--wiki-footer-border-color: var(--wiki-content-border-color);
	--wiki-footer-background-color: var(--wiki-content-background-color);
	--wiki-footer-background-opacity: var(--wiki-content-background-opacity);
	--wiki-footer-backdrop-filter: var(--wiki-content-backdrop-filter);
	--wiki-footer-text-color: var(--wiki-content-text-color);
	--wiki-footer-link-color: var(--wiki-content-link-color);
	--wiki-footer-link-color--hover: var(--wiki-content-link-color--hover);
	--wiki-footer-border-radius: var(--wiki-content-border-radius);

	--wiki-navigation-background-opacity: var(--wiki-navigation-selected-background-opacity);
	--wiki-navigation-background-color--hover: var(--wiki-navigation-background-color);
	--wiki-navigation-background-opacity--hover: var(--wiki-navigation-background-opacity);
	--wiki-navigation-background-image--hover: var(--wiki-navigation-background-image);
	--wiki-navigation-background-position--hover: var(--wiki-navigation-background-position);
	--wiki-navigation-background-repeat--hover: var(--wiki-navigation-background-repeat);
	--wiki-navigation-background-size--hover: var(--wiki-navigation-background-size);
	--wiki-navigation-text-color--hover: var(--wiki-content-link-color--hover);
	--wiki-navigation-transform--hover: none;
	--wiki-navigation-selected-border-style: solid;
	--wiki-navigation-selected-background-opacity: calc(var(--wiki-content-background-opacity) * 0.8);
	--wiki-navigation-border-style: solid;
	--wiki-navigation-border-color--hover: var(--wiki-navigation-border-color);
	--wiki-navigation-border-image--hover: var(--wiki-navigation-border-image);
	--wiki-navigation-border-bottom-color: var(--wiki-navigation-selected-border-color);
	--wiki-navigation-border-bottom-style: var(--wiki-navigation-selected-border-style);
	--wiki-navigation-border-bottom-width: calc(var(--wiki-is-navigation-inside-content, 0) * var(--wiki-navigation-selected-border-width, 1px) + (1 - var(--wiki-is-navigation-inside-content, 0)) * var(--wiki-content-border-width, 1px));
	--wiki-navigation-icon-size: 1em;
	--wiki-navigation-tab-padding-x--icon: var(--wiki-navigation-tab-padding-x);
	--wiki-navigation-bottom-spacing: 0px; /* If you change this to greater than 0px, you should usually change the value of --wiki-navigation-selected-border-bottom-background to var(--wiki-navigation-border-bottom-color) */

	--wiki-navigation-dropdown-background-color: var(--wiki-content-background-color);
	--wiki-navigation-dropdown-background-opacity: 100%;
	--wiki-navigation-dropdown-border-color: var(--wiki-navigation-border-color);
	--wiki-navigation-dropdown-offset: 0px; /* vertical offset */

	--wiki-navigation-search-background-color: var(--wiki-content-background-color--secondary);
	--wiki-navigation-search-background-image: none;
	--wiki-navigation-search-background-position: 0;
	--wiki-navigation-search-background-size: auto;
	--wiki-navigation-search-background-repeat: repeat;
	--wiki-navigation-search-backdrop-filter: none;
	--wiki-navigation-search-border-color: var(--wiki-navigation-border-color);
	--wiki-navigation-search-border-color--hover: var(--wiki-accent-color);
	--wiki-navigation-search-border-style: solid;
	--wiki-navigation-search-border-width: 1px;
	--wiki-navigation-search-border-radius: 2px;
	--wiki-navigation-search-border-image: none;
	--wiki-navigation-search-border-image--hover: var(--wiki-navigation-search-border-image);
	--wiki-navigation-search-box-shadow: none;
	--wiki-navigation-search-box-shadow--hover: var(--wiki-navigation-search-box-shadow);
	--wiki-navigation-search-text-color: var(--wiki-content-text-color);
	--wiki-navigation-search-font-size: var(--wiki-navigation-font-size);
	--wiki-navigation-search-height: 2em;
	--wiki-navigation-search-button-color: currentColor;
	--wiki-navigation-search-button-color--hover: var(--wiki-navigation-search-button-color);
	--wiki-navigation-search-button-color-opacity: 80%;
	--wiki-navigation-search-button-color-opacity--hover: 95%;
	--wiki-navigation-search-bottom-spacing: 3px;
	--wiki-navigation-search-highlight-background-color: color-mix(in srgb, var(--wiki-accent-color) 5%, transparent);
	--wiki-navigation-gap-between-left-and-right: calc(max(0px, var(--wiki-navigation-tab-spacing))); /* minimum width between #left-navigation and #right-navigation before tabs start to collapse */
}

/*** tablet adjustments ***/
@media screen and (max-width: 1366px) {
	:root,
	.view-dark {
		--wiki-left-spacing: 1em;
		--wiki-right-spacing: 1em;
		--wiki-navigation-tab-spacing: 0.25em; /* width of the space between tabs, can be a negative number, in which case adjacent tabs will overlap  */
		--wiki-navigation-tab-padding-x: 0.5em;
	 	--wiki-navigation-selected-border-width: 1px;
		--wiki-navigation-border-image: none;
		--wiki-navigation-selected-border-bottom-background: none;
	}
}


/*** mobile adjustments ***/
@media screen and (max-width: 720px) {
	body.has-vector-mobile-menu{
		--wiki-sidebar-offset: 0px; /* Vertical offset */
		--wiki-sidebar-margin: 0px;
		--wiki-sidebar-heading-background: none;
		--wiki-sidebar-heading-border-image: none;
		--wiki-sidebar-heading-margin: 0px 0px -0.5em 0px;
		--wiki-sidebar-list-margin: 0px;
		--wiki-sidebar-list-background: none;
		--wiki-sidebar-list-border-image: none;
		--wiki-sidebar-list-item-background: none;
		--wiki-sidebar-list-item-border-image: none;
		--wiki-sidebar-list-item-background--hover: none;
		--wiki-sidebar-list-item-border-image--hover: none;
		--wiki-sidebar-list-item-spacing: 0px;
		--wiki-sidebar-line-height: 1.125;
		--wiki-sidebar-background-opacity: 100%;
		--wiki-navigation-search-border-width: 1px;
		--wiki-logo-offset-x: 0px;
		--wiki-logo-offset-y: 0px;
	}
}


/*****************************
**** END SHARED VARIABLES ****
******************************/

/******************************************************************************************
********************************* End user-edit variables *********************************
******************************************************************************************/

/******************************
* Fallback for older browsers *
* DONT EDIT THIS              *
*******************************/
@supports not (color:color-mix(in srgb, #000, transparent)) {
	.view-dark,
	.view-light,
	:root {
		--wiki-content-text-mix-color: var(--wiki-content-text-color);
		--wiki-content-text-mix-color-95: var(--wiki-content-background-color);
		--wiki-content-background-color--secondary: var(--wiki-content-dynamic-color--secondary--inverted);
		--wiki-content-border-color--secondary: var(--wiki-content-border-color);
		--wiki-content-border-color--accent: var(--wiki-accent-color);
		--wiki-accent-color--hover: var(--wiki-accent-color);
		--wiki-navigation-search-highlight-background-color: transparent;
	}
}

/*****************************
* End older browser fallback *
******************************/

/*****************************
*     PortableInfoboxes      *
******************************/
:root {
	--pi-background: var(--wiki-content-background-color);
	--pi-secondary-background: var(--wiki-accent-color);
	--pi-secondary-background-label: var(--wiki-accent-label-color);
	--pi-border-color: color-mix(in srgb, var(--pi-secondary-background) 50%, transparent);
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
	text-align: center;
	font-size: 1.5em;
	background: color-mix(in srgb, var(--pi-secondary-background) 75%, transparent);
	color: var(--pi-secondary-background-label);
}

.portable-infobox .pi-data,
.portable-infobox .pi-group {
	background: var(--wiki-content-background-color--secondary);
}

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

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

.pi-caption {
	color: var(--wiki-content-text-mix-color);
}

.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);
}

.pi-collapse > .pi-item:first-child {
	cursor: pointer;
}

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


/*******************
* Main page layout *
********************/

#mp-container {
	display: grid;
	gap: 10px;
	clear:both; /* for .mw-indicators combined with NOTITLE */
}

@media screen and (max-width: 990px) {
	/* for mobile screens */
	#mp-container {
		grid-template-areas:var(--main-page-layout--mobile);
		grid-template-columns:var(--main-page-layout-columns--mobile, 100%);
	}

	.mp-box.mp-hide-on-mobile {
		display: none;
	}
}

@media screen and (min-width: 990px) and (max-width: 1350px) {
	/* for narrow screens, between 990px and 1350px */
	#mp-container {
		grid-template-areas:var(--main-page-layout--tablet);
		grid-template-columns:var(--main-page-layout-columns--tablet, 1fr 1fr);
	}

	.mp-box.mp-hide-on-tablet {
		display: none;
	}
}

@media screen and (min-width: 1350px) {
	/* for all other screens, 1350px and wider */
	#mp-container {
		grid-template-areas:var(--main-page-layout--desktop);
		grid-template-columns:var(--main-page-layout-columns--desktop, 2fr 1fr 2fr);
	}

	.mp-box.mp-hide-on-desktop {
		display: none;
	}
}

.mp-box {
	position: relative;
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	box-sizing: border-box;
	background: color-mix(in srgb, var(--wiki-content-background-color--secondary) 25%, transparent);
	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.header-only {
	border-bottom-width:0px;
}

.mp-box.header-only .mp-body {
	display:none;
}

.mp-box.missing .mw-inputbox-input {
	/* max-width doesn't override the input element's 'size' property, but that property does work as a max-width itself, so we can set width:100% for the same effect */
	width:100% !important;
}

/* overqualified to override normal heading styles */
.mw-body .mp-box h2 {
	text-align: center;
	font-weight: bold;
	font-family: var(--wiki-content-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-content-heading-color);
}

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

#mp-box-welcome h2 {
	font-size: 200%;
}

#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: color-mix(in srgb, var(--wiki-content-dynamic-color--inverted) 85%, transparent);
	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: color-mix(in srgb, var(--wiki-content-link-color) 20%, transparent);
}

.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-8 > ul > li {flex: max(calc((100% / 8) - 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;
}

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


/*********************************************************************************************************************
* 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 whitespace 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 *
*********************************************/

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

.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 {
	flex: 1;
}

.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: color-mix(in srgb, var(--wiki-content-dynamic-color) 50%, transparent);
	transition: all 0.3s;
	cursor: pointer;
	overflow: auto;
}

@supports not (color:color-mix(in srgb, #000, transparent)) {
	.spoiler-content {
		background-color: var(--wiki-content-dynamic-color--secondary);
	}	
}

.spoiler-content > * {
	pointer-events: none;
	opacity: 0;
	transition: all 0.3s;
}

.spoiler-content.show {
	background-color: transparent;
}

.spoiler-content.show > * {
	pointer-events: unset;
	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,
.link-icon.notext .fallback {
	display: inline-block;
}

/********* [[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;
	overflow-y: hidden;
}

.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 *
**********************/

/*********************************
* Used by [[Template:TOC limit]] *
**********************************/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none;
}
/*************************
* End Template:TOC limit *
**************************/

/*********************************
* Used by [[Template:TOC right]] *
**********************************/
@media all and (min-width: 720px) {
	.tocright {
		float: right;
		clear: right;
		margin: 0 0 0.5em 1em; 
	}
}
/*************************
* End Template:TOC right *
**************************/


/*********** Main page  START ****************/
#mainpage-wrap .footer {
  text-align: right;
  font-size: 12px;
  line-height: 22px;
}
#mainpage-wrap .box {
  border: 1px solid var(--wiki-content-border-color);
  border-radius: var(--wiki-content-border-radius);
  padding: 1.5em;
}
#mainpage-wrap h2 {
  margin-top: 0;
  border-bottom: 0;
}
#mainpage-wrap .content-wrap {
  display: flex;
  gap: 1em;
  align-items: stretch;
  margin-bottom: 1em;
}
@media (max-width: 1200px) {
  #mainpage-wrap .content-wrap {
    flex-direction: column;
  }
}
#mainpage-wrap .content-wrap .l {
  flex: 3 3 600px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .content-wrap .r {
  flex: 1 1 300px;
  display: flex;
  flex-direction: column;
  gap: 1em;
}
#mainpage-wrap .box.header {
  text-align: center;
}
#mainpage-wrap .box.header .welcome h2 {
  font-size: 2em;
}
#mainpage-wrap .box.header ul {
  display: inline-flex;
  align-items: center;
  margin: 1.5em auto 0.5em;
  gap: 1em;
}
#mainpage-wrap .box.header ul li {
  list-style: none;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.header img {
    width: 32px;
    height: auto;
  }
}
#mainpage-wrap .box.game > div {
  display: flex;
  gap: 1em;
  align-items: center;
}
@media (max-width: 640px) {
  #mainpage-wrap .box.game > div {
    flex-direction: column;
  }
}
#mainpage-wrap .box.game img {
  width: 100%;
  height: auto;
  max-width: 320px;
  max-height: 180px;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}
#mainpage-wrap .box.game p {
  font-size: 16px;
  line-height: 28px;
}
#mainpage-wrap .box.feature {
  font-size: 18px;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.feature {
    font-size: 16px;
  }
}
#mainpage-wrap .box.feature ul {
  margin: 0.5em 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  list-style: none;
  justify-items: start;
  gap: 1em 1.5em;
}
@media (max-width: 600px) {
  #mainpage-wrap .box.feature ul {
    gap: 8px;
  }
}
#mainpage-wrap .box.gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5em;
  margin: 0;
}
#mainpage-wrap .box.gallery ul li {
  flex: 1 1 40%;
  list-style: none;
}
@media (max-width: 1200px) and (min-width: 720px) {
  #mainpage-wrap .box.gallery ul li {
    flex: 1 1 22%;
  }
}
#mainpage-wrap .box.gallery ul li img {
  width: 100%;
  height: auto;
}
#mainpage-wrap .box.gallery img {
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.25);
}

/*********** Main page  END ****************/
Retrieved from "https://wiki.digitalmasters.world/wiki/index.php?title=MediaWiki:Common.css&oldid=23839"
Last modified
This page was last edited on 1 November 2025, at 07:18.