Difference between revisions of "User:Pangaea/vector.css"

From RimWorld Wiki
Jump to navigation Jump to search
(Imported from MediaWiki:Vector.css)
 
(Imported from https://help.gamepedia.com/MediaWiki:Common.css (expect everything to break))
Line 1: Line 1:
−
/* <source lang="css"> */
+
/* CSS placed here will be applied to all skins */
 +
 
 +
/* For elements which only display in the mobile view */
 +
.mobileonly {
 +
    display: none;
 +
}
 +
 
 +
/* Custom fonts */
 +
@font-face {
 +
    font-family: 'Verdana';
 +
    font-style: normal;
 +
    font-weight: 400;
 +
}
 +
@font-face {
 +
    font-family: 'Verdana';
 +
    font-style: normal;
 +
    font-weight: 700;
 +
}
 +
@font-face {
 +
font-family: 'Montserrat';
 +
font-style: normal;
 +
font-weight: 400;
 +
src: local('Montserrat-Regular'), url("https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
 +
}
 +
@font-face {
 +
font-family: 'Montserrat';
 +
font-style: normal;
 +
font-weight: 700;
 +
src: local('Montserrat-Bold'), url("https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff") format('woff');
 +
}
 +
@font-face {
 +
font-family: 'Noto Sans SC';
 +
font-style: normal;
 +
font-weight: 400;
 +
src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format('woff2'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format('woff'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format('opentype');
 +
}
 +
@font-face {
 +
font-family: 'Noto Sans SC';
 +
font-style: normal;
 +
font-weight: 500;
 +
src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format('woff2'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format('woff'),
 +
    url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format('opentype');
 +
}
 +
@font-face {
 +
font-family: 'Noto Sans SC';
 +
font-style: normal;
 +
font-weight: 700;
 +
src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format('woff2'),
 +
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format('woff'),
 +
url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format('opentype');
 +
}
 +
 
 +
body.skin-hydra {
 +
--background-color:#edeeee;
 +
--content-background:#fafafa;
 +
--filter:none;
 +
--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/d/df/Gamepedia_light_transparent.png");
 +
--header-color:#141414;
 +
--heading-border:transparent;
 +
--heading-background:#B0E03B;
 +
--heading-color:#212121;
 +
--main-heading-color:#F37F20;
 +
--message-background:#fedc00;
 +
--sidebar-header: #141414;
 +
--sidebar-link: #F37F20;
 +
--text-color: #373737;
 +
background: var(--background-color);
 +
color: var(--text-color);
 +
}
 +
body.skin-hydradark {
 +
--background-color:#101010;
 +
--content-background:#212121;
 +
--filter:invert(1);
 +
--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
 +
--header-color:#101010;
 +
--heading-background:transparent;
 +
--heading-border:#F37F20;
 +
--heading-color: #B0E03B;
 +
--main-heading-color: #B0E03B;
 +
--message-background:#383838;
 +
--sidebar-header: #F37F20;
 +
--sidebar-link: #E0E0E0;
 +
--text-color: #E0E0E0;
 +
background: var(--background-color);
 +
color: var(--text-color);
 +
}
 +
/* Framework */
 +
html {
 +
--body-font: Montserrat, sans-serif;
 +
}
 +
html[lang="pl"] {
 +
--body-font: Varela-Regular, sans-serif;
 +
}
 +
html[lang="ru"] {
 +
--body-font: Verdana, sans-serif;
 +
}
 +
html[lang="zh"] {
 +
--body-font: "Noto Sans SC", sans-serif;
 +
}
 +
body {
 +
  font-family: var(--body-font);
 +
}
 +
 
 +
h1,
 +
h2 {
 +
    border-bottom: 1px solid var(--text-color);
 +
    font-family: var(--body-font);
 +
}
 +
 
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
    font-family: var(--body-font);
 +
}
 +
 
 +
div#mw-page-base {
 +
  background: var(--header-color);
 +
  padding-top: 80px;
 +
  height: 1.25em;
 +
}
 +
 
 +
/* Sidebar */
 +
 
 +
div#mw-panel div.portal,
 +
#mw-panel.collapsible-nav div.portal {
 +
    background-image: none;
 +
}
 +
 
 +
div#mw-panel div.portal div.body ul li a,
 +
div#mw-panel div.portal div.body ul li a:link,
 +
div#mw-panel div.portal div.body ul li a:visited {
 +
    color: var(--sidebar-link);
 +
}
 +
 
 +
div#mw-panel div.portal h3,
 +
div#mw-navigation div#mw-panel div.portal h3,
 +
#mw-panel.collapsible-nav div.portal h3 a,
 +
#mw-panel.collapsible-nav .portal.collapsed h3 a,
 +
#mw-panel.collapsible-nav .portal.collapsed h3 {
 +
    color: var(--sidebar-header);
 +
    font-weight: bold;
 +
    text-transform: uppercase;
 +
}
 +
 
 +
div#mw-panel {
 +
    margin-top: -75px;
 +
}
 +
 
 +
/* Logo */
 +
#p-logo a {
 +
background-size:contain;
 +
    width: 500px;
 +
    height: 80px;
 +
    margin-top: 70px;
 +
}
 +
 
 +
div.vectorTabs,
 +
div.vectorTabs span,
 +
div.vectorTabs ul,
 +
div.vectorTabs ul li,
 +
div.vectorTabs ul li.selected,
 +
div#mw-head div.vectorMenu h3,
 +
div.vectorMenu h3 span {
 +
    background-color: transparent;
 +
    background-image: none;
 +
    border: none;
 +
text-transform: uppercase;
 +
font-weight:bold;
 +
color:#fff;
 +
}
 +
 
 +
div.vectorTabs li a, div.vectorTabs li a span, div.vectorMenu li a { color:#fff; }
 +
div.vectorMenu div.menu {
 +
border-color: #343434;
 +
background-color: #303030;
 +
top: 2.2em;
 +
}
 +
 
 +
div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background-color: var(--content-background); }
 +
div#content {
 +
margin-top: 0.1em;
 +
border: none;
 +
}
 +
div#mw-head { margin-top: 20px; }
 +
#left-navigation, #right-navigation { margin-top: 3.6em; }
 +
div.vectorTabs span a { padding-top: 0.25em; }
 +
div.vectorMenu, div.vectorTabs ul li.mw-watchlink { margin-top: -0.8em; }
 +
#p-search { margin-top: -1em; }
 +
#p-search div#simpleSearch {
 +
    border-radius: 4px;
 +
}
 +
div.vectorMenu h3 span::after { filter: invert(100%); }
 +
 
 +
 
 +
/* Watchlist icon */
 +
.vectorTabs #ca-watch.icon a {
 +
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
 +
}
 +
 
 +
.vectorTabs #ca-watch.icon a:hover,
 +
.vectorTabs #ca-watch.icon a:focus {
 +
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
 +
}
 +
 
 +
.vectorTabs #ca-unwatch.icon a {
 +
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
 +
}
 +
 
 +
.vectorTabs #ca-unwatch.icon a:hover,
 +
.vectorTabs #ca-unwatch.icon a:focus {
 +
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
 +
}
 +
 
 +
.vectorTabs #ca-unwatch.icon a,
 +
.vectorTabs #ca-watch.icon a {
 +
background-size: 16px;
 +
}
 +
/* Smokie Gradient */
 +
 
 +
.smokie {
 +
    background:#f4a638;
 +
    background:-moz-linear-gradient(top,  #ff9600, #dfdd38 50%, #c0d43b 100%);
 +
    background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #ff9600), color-stop(50%,#dfdd38), color-stop(100%,#c0d43b ));
 +
    background:-webkit-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b 100%);
 +
    background:-o-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
 +
    background:-ms-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
 +
    background:linear-gradient(to bottom, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
 +
}
 +
 
 +
/* Style for horizontal lists (separator following item).
 +
  IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
 +
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
 +
  @revision 6 (2014-05-09)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
/* Display list items inline */
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
    margin: 0;
 +
    display: inline;
 +
}
 +
/* Display nested lists inline */
 +
.hlist.inline,
 +
.hlist.inline dl,
 +
.hlist.inline ol,
 +
.hlist.inline ul,
 +
.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;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
    content: ": ";
 +
}
 +
.hlist dd:after,
 +
.hlist li:after {
 +
    content: " · ";
 +
    font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
    content: none;
 +
}
 +
/* For IE8 */
 +
.hlist dd.hlist-last-child:after,
 +
.hlist dt.hlist-last-child:after,
 +
.hlist li.hlist-last-child:after {
 +
    content: none;
 +
}
 +
/* Add parentheses around nested lists */
 +
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
 +
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
 +
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
 +
    content: " (";
 +
    font-weight: normal;
 +
}
 +
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
 +
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
 +
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
 +
    content: ") ";
 +
    font-weight: normal;
 +
}
 +
/* For IE8 */
 +
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
 +
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
 +
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
 +
    content: ") ";
 +
    font-weight: normal;
 +
}
 +
/* Put ordinals in front of ordered list items */
 +
.hlist ol {
 +
    counter-reset: listitem;
 +
}
 +
.hlist ol > li {
 +
    counter-increment: listitem;
 +
}
 +
.hlist ol > li:before {
 +
    content: " " counter(listitem) " ";
 +
    white-space: nowrap;
 +
}
 +
.hlist dd ol > li:first-child:before,
 +
.hlist dt ol > li:first-child:before,
 +
.hlist li ol > li:first-child:before {
 +
    content: " (" counter(listitem) " ";
 +
}
 +
 
 +
/* This governs the sections on the Community portal */
 +
.cpbox {
 +
    display: flex;
 +
    flex-direction: row-reverse;
 +
    flex-wrap: wrap;
 +
}
 +
 
 +
.cpbox #admins {
 +
    box-sizing: border-box;
 +
    width: calc(33% - 10px);
 +
    margin: 5px;
 +
    flex-grow: 1;
 +
    min-width: 300px;
 +
}
 +
 
 +
.cpbox #help {
 +
    box-sizing: border-box;
 +
    width: calc(67% - 10px);
 +
    margin: 5px;
 +
    flex-grow: 1;
 +
}
 +
 
 +
/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
 +
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
 +
.desktopleft {
 +
    text-align: left;
 +
}
 +
 
 +
.desktopcenter {
 +
    text-align: center;
 +
}
 +
 
 +
.desktopright {
 +
    text-align: right;
 +
}
 +
.mwe-popups.flipped-y, .mwe-popups.flipped-x-y { margin-top: -30px; }
 +
 
 +
/* Front page styles */
 +
.fpmain {
 +
    width: 100%;
 +
    overflow: hidden;
 +
    z-index: 1;
 +
}
 +
 
 +
.fpbanner {
 +
    background: rgba(0, 0, 0, 0.25);
 +
    border: 1px solid #82A8AF;
 +
    box-shadow: 0 2px 5px #687478;
 +
    color: #9CCAD2;
 +
    margin: 0 5px 5px 5px;
 +
    padding: 5px;
 +
    min-height: 80px;
 +
}
 +
 
 +
.fpbannertable {
 +
    background: transparent;
 +
    border: none;
 +
    display: table;
 +
    width: 100%;
 +
    min-height: 75px;
 +
    margin: 0;
 +
    padding: 5px;
 +
}
 +
 
 +
.fpbannercell {
 +
    display: table-cell;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
}
 +
 
 +
.fpbannerblock {
 +
    border: none;
 +
    color: #FFFFFF;
 +
    font-weight: bold;
 +
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
 +
    font-size: 132%;
 +
    width: 100%;
 +
    margin: 0 0 10px 0;
 +
    padding: 0 0 5px 0;
 +
}
 +
 
 +
.fpmidsections {
 +
    float: left;
 +
    width: 100%;
 +
    overflow: hidden;
 +
}
 +
 
 +
.fpbox {
 +
    background: rgba(170, 170, 170, 0.05);
 +
    border: 1px solid #F37F20;
 +
    box-shadow: 0 0 2px #F37F20;
 +
    color: var(--text-color);
 +
    margin: 5px 5px 5px 5px;
 +
    padding: 0;
 +
    overflow: auto;
 +
}
 +
 
 +
.fpbox .body { padding: 0 10px 10px; }
 +
 
 +
.fpbox .mainheading {
 +
    border: none;
 +
    border-bottom: 1px solid #F37F20;
 +
    color: var(--main-heading-color);
 +
    font-size: 150%;
 +
    font-weight: bold;
 +
    margin: 0 0 10px 0;
 +
    padding: 0 0 5px 0;
 +
    overflow: auto;
 +
}
 +
 
 +
.fpbox .heading {
 +
    background: var(--heading-background);
 +
    border: none;
 +
    color: var(--heading-color);
 +
    font-size: 132%;
 +
    font-weight: bold;
 +
    margin: 0 0 10px 0;
 +
    padding: 0;
 +
    overflow: auto;
 +
}
 +
 
 +
.fpbox .heading::after {
 +
content:'';
 +
display:block;
 +
margin:0 auto;
 +
width: 95%;
 +
padding-top:5px;
 +
border-bottom: 1px solid var(--heading-border);
 +
}
 +
 
 +
.fpmain .columns .leftcol {
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
.fpmain .columns .rightcol {
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 
 +
.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
 +
    float: left;
 +
    clear: both;
 +
    width: 100%;
 +
}
 +
 
 +
div.fp2columnonly, div.fp3columnonly {
 +
    display: none;
 +
}
 +
 
 +
@media (min-width: 790px) {
 +
  .fpsection1 {
 +
    float: left;
 +
    clear: none;
 +
    width: 50%;
 +
  }
 +
 
 +
  .fpmidsections {
 +
    clear: none;
 +
    float: right;
 +
    width: 50%;
 +
  }
 +
 
 +
  .fpsection4 {
 +
    float: left;
 +
    clear: none;
 +
    width: 50%;
 +
  }
 +
 
 +
  div.fp2columnonly {
 +
    display: block;
 +
  }
 +
}
 +
 
 +
@media (min-width: 990px) {
 +
  .fpmain .columns .leftcol {
 +
    float: left;
 +
    width: 50%;
 +
    margin: 0;
 +
    padding: 0;
 +
  }
 +
 
 +
  .fpmain .columns .rightcol {
 +
    float: right;
 +
    width: 50%;
 +
    margin: 0;
 +
    padding: 0;
 +
  }
 +
}
 +
 
 +
@media (min-width: 1390px) {
 +
  .fpmidsections {
 +
    clear: none;
 +
    float: right;
 +
    width: 66.667%;
 +
  }
 +
 
 +
  .fpsection1 {
 +
    clear: none;
 +
    width: 33.333%;
 +
  }
 +
 
 +
  .fpsection2 {
 +
    clear: none;
 +
    width: 50%;
 +
  }
 +
 
 +
  .fpsection3 {
 +
    clear: none;
 +
    width: 50%;
 +
  }
 
   
 
   
−
/* Main page fixes */
+
  .fpsection4 {
−
#interwiki-completelist { font-weight: bold; }
+
    clear: left;
−
body.page-Main_Page #ca-delete { display: none !important; }
+
    width: 33.333%;
−
body.page-Main_Page #mp-topbanner { clear: both; }
+
  }
 +
 
 +
  div.fp2columnonly {
 +
    display: none;
 +
  }
 +
 
 +
  div.fp3columnonly {
 +
    display: block;
 +
  }
 +
}
 +
 
 +
.fpbox.plain {
 +
    border: none;
 +
    box-shadow: none;
 +
    background: transparent;
 +
}
 +
 
 +
.fpimagelist ul {
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
}
 +
 
 +
.fpvideos {
 +
    margin: 0 auto;
 +
    overflow: hidden;
 +
    text-align: center;
 +
}
 +
 
 +
.fpvideo {
 +
    display: inline-block;
 +
    margin: 0 5px;
 +
}
 +
 
 +
.columns {
 +
  padding: 0;
 +
  margin: 10px 0 0 0;
 +
  overflow: hidden;
 +
}
 +
 
 +
.columns .leftcol {
 +
  float: left;
 +
  width: 50%;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
.columns .centercol {
 +
  float: left;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
.columns .rightcol {
 +
  float: right;
 +
  width: 50%;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
 
 +
ul {
 +
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggeCzk6oIsHewAAACtJREFUGNNjYBh0gJGBgYHha6PCfpgAd/0DR0aogAOSwgNM2LQzEW0mVtsBjvcLXbwN1UwAAAAASUVORK5CYII=");
 +
}
 +
 
 +
pre,
 +
.mw-code,
 +
code {
 +
  border: 1px dashed #696969;
 +
  border-radius: 4px;
 +
  background: rgba(171,171,171,0.1);
 +
  color: var(--text-color);
 +
  white-space: pre-wrap;
 +
  word-wrap: break-word;
 +
}
 +
pre code {
 +
border: 0;
 +
}
 +
pre + pre,
 +
div.mw-code + div.mw-code {
 +
margin-top: -1px;
 +
}
 +
.mw-highlight { background: none; }
 +
 
 +
div.toc,
 +
div#toc,
 +
div.mw-warning,
 +
.toccolours {
 +
  border-color: #5d5d5d;
 +
  background: var(--background-color);
 +
  color: var(--text-color);
 +
  margin: 0 0 10px 0;
 +
  padding: 3px 6px;
 +
}
 +
 
 +
/* Anchors */
 +
a,
 +
a:visited,
 +
a.external,
 +
a.external:visited,
 +
a.extiw,
 +
a.extiw:visited,
 +
div#content a.extiw,
 +
div#content a.extiw:visited,
 +
div#content a.external,
 +
div#content a.external:visited,
 +
#global-wrapper #mw-indicator-mw-helplink a,
 +
#global-wrapper #preftoc a,
 +
#global-wrapper #preftoc a:active {
 +
    color: #F37F20;
 +
}
  
−
/* Edit window toolbar */
+
#global-wrapper #preftoc li.selected a {
−
#toolbar { height: 22px; margin-bottom: 6px; }
+
color: var(--text-color);
 +
}
  
−
/* Margins for <ol> and <ul> */
+
.ambox {
−
#content ol, #content ul, #mw_content ol, #mw_content ul { margin-bottom: 0.5em; }
+
    background-color: rgba(120,120,120,0.2);
 +
    border-bottom-color: #383838;
 +
    border-right-color: #383838;
 +
    border-top-color: #383838;
 +
    border-collapse: collapse;
 +
    font-size: 95%;
 +
    margin: 0 auto 2px auto;
 +
    width: 80%;
 +
}
  
−
/* Make the list of references smaller */
+
.ambox-gray {
−
ol.references { font-size: 100%; }
+
    border-left-color: #383838;
−
.references-small { font-size: 90%;}
+
}
  
−
/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
+
.ambox.ambox-tiny {
−
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
+
    font-size: 90%;
−
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
+
    margin: 2px 0;
−
/* Please ignore any validator errors caused by these two lines */
+
    width: auto;
−
.references-2column { font-size: 90%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }
+
}
  
−
/* Highlight clicked reference in blue to help navigation */
+
.ambox + .ambox {
−
ol.references > li:target, sup.reference:target, cite:target { background-color: #DEF; }
+
    margin-top: -2px;
 +
}
  
−
/* Ensure refs in table headers and the like aren't bold or italic */
+
.ambox-text {
−
sup.reference { font-weight: normal; font-style: normal; }
+
    padding: 0.25em 0.5em;
 +
}
  
−
/* Styling for citations */
+
.ambox-image {
−
cite { font-style: normal; word-wrap: break-word; }
+
    padding: 2px 0px 2px 0.5em;
 +
    text-align: center;
 +
    width: 60px;
 +
}
  
−
/* For linked citation numbers and document IDs, where
+
.ambox-tiny .ambox-image {
−
the number need not be shown on a screen or a handheld,
+
    padding: 2px 0.5em;
−
but should be included in the printed version
+
    text-align: left;
−
*/
+
    width: auto;
−
@media screen, handheld, projection { cite *.printonly { display: none; } }
+
}
  
−
/* wikitable/prettytable class for skinning normal tables */
+
/* Ambox colors */
−
table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; }
+
.ambox-blue {
−
.wikitable th, .wikitable td, .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 0.2em; }
+
    border-left: 10px solid #1e90ff;
−
.wikitable th, .prettytable th { background: #f2f2f2; text-align: center; }
+
}
−
.wikitable caption, .prettytable caption { font-weight: bold; }
 
  
−
/* Default skin for navigation boxes */
+
.ambox-red {
 +
    border-left: 10px solid #b22222;
 +
}
 +
 
 +
.ambox-orange {
 +
    border-left: 10px solid #f28500;
 +
}
 +
 
 +
.ambox-yellow {
 +
    border-left: 10px solid #f4c430;
 +
}
 +
 
 +
.ambox-purple {
 +
    border-left: 10px solid #9932cc;
 +
}
 +
 
 +
.ambox-gray {
 +
    border-left: 10px solid #bba;
 +
}
 +
 
 +
.ambox-green {
 +
    border-left: 10px solid #228b22;
 +
}
 +
 
 +
/* Ambox small text */
 +
.amsmalltext {
 +
    font-size: smaller;
 +
    margin-left:0.8em;
 +
    margin-top:0.5em;
 +
}
 +
 
 +
 
 +
/* Navbox template style */
 
/* Navbox container style */
 
/* Navbox container style */
−
table.navbox { border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; }
+
.navbox {
−
/* Single pixel border between adjacent navboxes */
+
    border: 1px solid #9F6A00;
−
table.navbox + table.navbox { margin-top: -1px; /* (doesn't work for IE6, but that's okay) */}
+
    font-size: 88%;
−
/* Title and above/below styles */
+
    text-align: center;
−
.navbox-title, .navbox-abovebelow, table.navbox th { text-align: center; padding-left: 1em; padding-right: 1em; }
+
    width: 100%;
 +
    margin: auto;
 +
    padding: 1px;
 +
    clear: both;
 +
}
 +
 
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
    width: 100%;
 +
}
 +
 
 +
/* Title, group and above/below styles */
 +
.navbox-group,
 +
.navbox-title,
 +
.navbox-abovebelow {
 +
    text-align: center;
 +
    padding: 0.25em 1em;
 +
    line-height: 1.5em;
 +
}
 +
 
 
/* Group style */
 
/* Group style */
−
.navbox-group { white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; }
+
th.navbox-group {
−
/* Background color */
+
    white-space: nowrap;
−
.navbox, .navbox-subgroup { background: #fdfdfd; }
+
    /* @noflip */
−
/* Must match background color */
+
    text-align: right;
−
.navbox-list { border-color: #fdfdfd; }
+
}
 +
 
 +
.navbox,
 +
.navbox-subgroup {
 +
    background-color: transparent;
 +
}
 +
 
 +
.navbox-list {
 +
    line-height: 1.8em;
 +
    border-color: transparent; /* Must match background color */
 +
}
 +
 
 
/* Level 1 color */
 
/* Level 1 color */
−
.navbox-title, table.navbox th { background: #ccccff; }
+
.navbox th,
 +
.navbox-title {
 +
    background-color: #282828;
 +
    border: 0 solid #9F6A00;
 +
    color: #FFFFFF;
 +
}
 +
 
 
/* Level 2 color */
 
/* Level 2 color */
−
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; }
+
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
    background: #282828;
 +
}
 +
 
 
/* Level 3 color */
 
/* Level 3 color */
−
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }
+
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #444444;
 +
}
 +
 
 +
/* Odd row striping */
 +
.navbox-odd {
 +
    background: transparent;
 +
}
 +
 
 
/* Even row striping */
 
/* Even row striping */
−
.navbox-even { background: #f7f7f7; }
+
.navbox-even {
−
/* Odd row striping */
+
    background-color: rgba(128,128,128,0.3);
−
.navbox-odd { background: transparent; }
+
}
 +
 
 +
/* Single pixel border between adjacent navboxes */
 +
table.navbox + table.navbox {
 +
    margin-top: -1px;
 +
}
 +
 
 +
/* Default styling for Navbar template */
 +
.navbar {
 +
    font-size: 88%;
 +
    font-weight: normal;
 +
}
 +
 
 +
/* Navbar styling when nested in infobox and navbox */
 +
.navbox .navbar {
 +
    display: block;
 +
    font-size: 100%;
 +
}
 +
 
 +
.navbox-title .navbar {
 +
    float: left;
 +
    text-align: left;
 +
    margin-right: 0.5em;
 +
    width: 6em;
 +
}
 +
 
 +
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
 +
.mw-collapsible-toggle {
 +
    font-weight: normal;
 +
    /* @noflip */
 +
    text-align: right;
 +
}
  
−
/* 'show'/'hide' buttons created dynamically */
+
.navbox .mw-collapsible-toggle {
−
/* by the CollapsibleTables javascript in    */
+
    width: 6em;
−
/* [[MediaWiki:Common.js]]are styled here    */
+
}
−
/* so they can be customised.               */
 
−
.collapseButton { float: right; font-weight: normal; text-align: right; width: auto; }
 
  
−
/* In navboxes, the show/hide button balances */
+
/* .navbox .mw-collapsible-toggle a, */
−
/* the vde links from [[Template:Tnavbar]],   */
+
.wikitable .mw-collapsible-toggle a {
−
/* so they need to be the same width.        */
+
    color: #F58120 !important;
−
.navbox .collapseButton { width: 6em; }                        
+
}
  
 
/* Infobox template style */
 
/* Infobox template style */
−
.infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; }
+
.infobox {
−
.infobox td, .infobox th { vertical-align: top; }
+
    background-color: rgba(0, 0, 0, 0);
−
.infobox caption { font-size: larger; }
+
    border: 1px solid #505050;
−
.infobox.bordered { border-collapse: collapse; }
+
    float: right;
−
.infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; }
+
    font-size: 89%;  
−
.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }
+
    margin-bottom: 0.5em;
−
.infobox.sisterproject { width: 20em; font-size: 90%; }
+
    padding: 0.2em;
−
.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; }
+
    width: 300px;
−
.infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }
+
}
−
/* styles for bordered infobox with merged rows */
 
−
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; }
 
−
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; }
 
−
/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc. */
 
−
.infobox.geography { text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: 90%; }
 
−
.infobox.geography  td, .infobox.geography  th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.4em 0.6em; }
 
−
.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.2em 0.6em; }
 
−
.infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; }
 
−
.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: solid 1px #aaa; padding: 0 0.6em 0.4em 0.6em; }
 
−
.infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }
 
  
−
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
+
.infobox td.infoboxlabel {
−
.redirect-in-category, .allpagesredirect { font-style: italic; }
+
    border: 2px solid inherit;  
−
/* Icons for medialist templates [[Template:Listen]],
+
    font-weight: bold;
−
[[Template:Multi-listen_start]], [[Template:Video]],
+
    padding: 0.5px 7px;
−
[[Template:Multi-video_start]]
+
    text-align: right;
−
*/
+
}
−
div.listenlist { background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png"); padding-left: 40px; }
 
  
−
/* Style rules for media list templates */
+
.infoboxname {
−
div.medialist { min-height: 50px; margin: 1em; background-position: top left; background-repeat: no-repeat; }
+
    background-color: #f58120;
−
div.medialist ul { list-style-type: none; list-style-image: none; margin: 0; }
+
    color: #000;
−
div.medialist ul li { padding-bottom: 0.5em; }
+
    font-size: 110%;
−
div.medialist ul li li { font-size: 91%; padding-bottom: 0; }
+
    font-weight: bold;
 +
    padding: 0.5em;
 +
}
  
−
/* Change the external link icon to an Adobe icon for all PDF files
+
.infoboxdescription {
−
in browsers that support these CSS selectors, like Mozilla and Opera */
+
    background-color: #f58120;
−
#bodyContent a[href$=".pdf"].external, #bodyContent a[href*=".pdf?"].external,
+
    color: #000;
−
#bodyContent a[href*=".pdf#"].external, #bodyContent a[href$=".PDF"].external,
+
}
−
#bodyContent a[href*=".PDF?"].external, #bodyContent a[href*=".PDF#"].external,
 
−
#mw_content  a[href$=".pdf"].external, #mw_content  a[href*=".pdf?"].external,
 
−
#mw_content  a[href*=".pdf#"].external, #mw_content  a[href$=".PDF"].external,
 
−
#mw_content  a[href*=".PDF?"].external, #mw_content  a[href*=".PDF#"].external {
 
−
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") center right no-repeat; padding-right: 16px; }
 
  
−
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
+
fieldset { border-color: #F37F20; }
−
is used (notably Template:PDFlink). This works in IE, unlike the above. */
+
#global-wrapper #preferences legend { color: #F37F20; }
−
#bodyContent span.PDFlink a, #mw_content span.PDFlink a { background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") center right no-repeat; padding-right: 17px; }
+
.client-js #preferences fieldset { background: none; }
  
−
/* Remove link styling. Already defined in monobook
+
/* [[Template:Message]] */
−
and modern, but not defined in the other skins. Bug 18708 */
+
table.gpmbox {
−
#bodyContent .plainlinks a { background: none !important; padding: 0 !important; }
+
    background:var(--message-background);
 +
    color:var(--text-color);
 +
}
  
−
/* Content in columns with CSS instead of tables [[Template:Columns]] */
+
.scalable img, img.scalable {
−
div.columns-2 div.column { float: left; width: 50%; min-width: 300px; }
+
    max-width: 100%;
−
div.columns-3 div.column { float: left; width: 33.3%; min-width: 200px; }
+
    height:auto;
−
div.columns-4 div.column { float: left; width: 25%; min-width: 150px; }
+
}
−
div.columns-5 div.column { float: left; width: 20%; min-width: 120px; }
 
  
−
/* Make sure that "external references" from templates like [[Template:Ref]]
+
/* class for adding a contrasting glow to an image */
−
do not get URL expansion, not even when printed. The anchor itself has
+
.glow {
−
class "external autonumber" and the url expansion is inserted when printing
+
    background: rgba(0,0,0,0);
−
(see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
+
    -webkit-filter: drop-shadow(0px 0px 10px #666);
−
":after" pseudo-element.
+
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
−
*/
+
}
−
.nourlexpansion a.external.text:after, .nourlexpansion a.external.autonumber:after { display: none !important; }
 
  
−
/* The legacy implementation of this was with "plainlinksneverexpand", which
+
/* Added and removed character counts */
−
also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
+
.mw-plusminus-neg {
−
should be replaced with "plainlinks nourlexpansion".  When this has been
+
    color: #da2d2d;
−
done, the rules below can be removed.
+
}
−
*/
 
−
.plainlinksneverexpand a { background: none !important; padding: 0 !important; }
 
−
.plainlinksneverexpand a.external.text:after, .plainlinksneverexpand a.external.autonumber:after { display: none !important; }
 
  
−
/* Messagebox templates */
+
.mw-plusminus-pos {
−
.messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; }
+
    color: #039603;
−
.messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; }
+
}
−
.messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; }
 
−
.messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; margin: 4px auto; }
 
−
/* For old WikiProject banners inside banner shells. */
 
−
.mbox-inside .standard-talk, .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 0; padding: 2px; }
 
−
.messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; }
 
−
.messagebox.small-talk { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; }
 
  
−
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
 
−
/* The message body cell(s) */
 
−
th.mbox-text, td.mbox-text { border: none; padding: 0.25em 0.9em; width: 100%;}
 
−
/* The left image cell */
 
−
td.mbox-image { border: none; padding: 2px 0 2px 0.9em; text-align: center; }
 
−
/* The right image cell */
 
−
td.mbox-imageright { border: none; padding: 2px 0.9em 2px 0; text-align: center; }
 
−
/* An empty narrow cell */
 
−
td.mbox-empty-cell { border: none; padding: 0px; width: 1px; }
 
  
−
/* Article message box styles */
+
/* GeSHi syntax highlighting */
−
table.ambox { margin: 0px 10%; border: 1px solid #aaa; border-left: 10px solid #1e90ff; background: #fbfbfb; }
+
.mw-highlight .kw1 {
−
/* Single border between stacked boxes. */
+
    color: var(--text-color);
−
table.ambox + table.ambox { margin-top: -1px; }
+
    font-weight: bold;
−
/* The message body cell(s) */
+
}
−
.ambox th.mbox-text, .ambox td.mbox-text { padding: 0.25em 0.5em; }
 
−
/* The left image cell */
 
−
.ambox td.mbox-image { padding: 2px 0 2px 0.5em; }
 
−
/* The right image cell */
 
−
.ambox td.mbox-imageright { padding: 2px 0.5em 2px 0; }
 
−
table.ambox-notice { border-left: 10px solid #1e90ff; }
 
−
table.ambox-speedy { border-left: 10px solid #b22222; background: #fee; }
 
−
table.ambox-delete { border-left: 10px solid #b22222; }
 
−
table.ambox-content { border-left: 10px solid #f28500; }
 
−
table.ambox-style { border-left: 10px solid #f4c430; }
 
−
table.ambox-move { border-left: 10px solid #9932cc; }
 
−
table.ambox-protection { border-left: 10px solid #bba; }
 
  
−
/* Image message box styles */
+
.mw-highlight .nf {
−
/* Default "notice" blue */
+
    color: #02abab;
−
table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff; background: #fbfbfb; }
+
}
−
/* For imboxes inside imbox-text cells. */
 
−
/* 0.9 - 0.5 = 0.4em left/right. */
 
−
.imbox .mbox-text .imbox { margin: 0 -0.5em; }
 
−
/* For imboxes inside other templates. */
 
−
.mbox-inside .imbox { margin: 4px; }
 
−
table.imbox-notice { border: 3px solid #1e90ff; }
 
−
table.imbox-speedy { border: 3px solid #b22222; background: #fee; }
 
−
table.imbox-delete { border: 3px solid #b22222; }
 
−
table.imbox-content { border: 3px solid #f28500; }
 
−
table.imbox-style { border: 3px solid #f4c430; }
 
−
table.imbox-move { border: 3px solid #9932cc; }
 
−
table.imbox-protection { border: 3px solid #bba; }
 
−
table.imbox-license { border: 3px solid #88a; background: #f7f8ff; }
 
−
table.imbox-featured { border: 3px solid #cba135; }
 
  
−
/* Category message box styles */
 
−
table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF; }
 
−
table.cmbox-notice { background: #D8E8FF; }
 
−
table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222; background: #FFDBDB; }
 
−
table.cmbox-delete { background: #FFDBDB; }
 
−
table.cmbox-content { background: #FFE7CE; }
 
−
table.cmbox-style { background: #FFF9DB; }
 
−
table.cmbox-move { background: #E4D8FF; }
 
−
table.cmbox-protection { background: #EFEFE1; }
 
  
−
/* Other pages message box styles */
+
/* Operators */
−
table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #f9f9f9; }
+
.mw-highlight .p,
 +
.mw-highlight .o {color: var(--text-color); font-weight: bold;}
  
−
table.ombox-notice { border: 1px solid #aaa; }
+
/* Comments */
−
table.ombox-speedy { border: 2px solid #b22222; background: #fee; }
+
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}
−
table.ombox-delete { border: 2px solid #b22222; }
 
−
table.ombox-content { border: 1px solid #f28500; }
 
−
table.ombox-style { border: 1px solid #f4c430; }
 
−
table.ombox-move { border: 1px solid #9932cc; }
 
−
table.ombox-protection { border: 2px solid #bba; }
 
  
−
/* Talk page message box styles */
+
/* HTML Tags */
−
table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090; background: #f8eaba; }
+
.mw-highlight .nt {color: #89a228;}
  
−
/* For tmboxes inside other templates. The "mediawiki" */
+
/* IDs */
−
/* class ensures that this declaration overrides other */
+
.mw-highlight .nn {color: #9a9ac3;}
−
/* For Safari and Opera */   
 
−
/* styles (including mbox-small above) */
 
−
.mediawiki .mbox-inside .tmbox { margin: 2px 0; width: 100%; }
 
−
/* "small" tmboxes should not be small when  */
 
−
/* also "nested", so reset styles that are  */
 
−
/* set in "mbox-small" above.                */
 
−
.mbox-inside .tmbox.mbox-small { line-height: 1.5em; font-size: 100%; }
 
  
−
table.tmbox-speedy { border: 2px solid #b22222; background: #fee; }
+
/* Classes */
−
table.tmbox-delete { border: 2px solid #b22222; }
+
.mw-highlight .nc {color: #7676ff;}
−
table.tmbox-content { border: 2px solid #f28500; }
 
−
table.tmbox-style { border: 2px solid #f4c430; }
 
−
table.tmbox-move { border: 2px solid #9932cc; }
 
−
table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; }
 
  
−
/* Disambig and set index box styles */  
+
/* Pseudo-classes */
−
table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; }
+
.mw-highlight .nd {color: #cf82ff;}
  
−
/* Footer and header message box styles */
+
/* Properties */
−
table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9; }
+
.mw-highlight .k,
−
table.fmbox-system { background: #f9f9f9; }
+
.mw-highlight .kp {color: var(--text-color); font-weight: normal;}
−
table.fmbox-warning { border: 1px solid #bb7070; background: #ffdbdb; }
 
−
table.fmbox-editnotice { background: transparent; }
 
−
/* Div based "warning" style fmbox messages. */
 
−
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning { clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; }
 
−
/* Div based "system" style fmbox messages. Used in
 
−
[[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
 
−
div.mw-lag-warn-normal, div.noarticletext, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; }
 
  
−
/* These mbox-small classes must be placed after all other
+
/* Keywords */
−
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
+
.mw-highlight .nb {color: #ff5858;}
−
they override "table.ambox + table.ambox" above. */
 
−
/* For the "small=yes" option. */
 
−
body.mediawiki table.mbox-small { clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; }
 
−
/* For the "small=left" option. */
 
−
body.mediawiki table.mbox-small-left { margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; }
 
  
−
/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
+
/* Text values, strings */
−
The second declarations reset the styles for all browsers except
+
.mw-highlight .kc,
−
IE6, which chokes on the empty comment tags. Please copy any changes
+
.mw-highlight .s1,
−
to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
+
.mw-highlight .s2,
−
*/
+
.mw-highlight .sx,
−
.IPA { font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, "DejaVu Sans", Code2000, "TITUS Cyberbit Basic", "Arial Unicode MS", "Lucida Sans Unicode", "Chrysanthi Unicode"; font-family /**/: inherit; }
+
.mw-highlight .n {color: #03a503;}
−
.Unicode { font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Free Sans", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode"; font-family /**/: inherit; }
 
−
.latinx { font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif"; font-family /**/: inherit; }
 
−
.polytonic { font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; font-family /**/: inherit; }
 
  
−
#wpSave { font-weight: bold; }
+
/* Numeric values */
 +
.mw-highlight .mi,
 +
.mw-highlight .mf {color: #02abab; font-weight: bold;}
  
−
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
+
/* Units */
−
.hiddenStructure { display: inline ! important; color: #f00; background-color: #0f0; }
+
.mw-highlight .kt {color: #a57184;}
  
−
/* suppress missing interwiki image links where #ifexist cannot
+
/* #Color values */
−
be used due to high number of requests see .hidden-redlink on
+
.mw-highlight .mh {color: #7d9c0e;}
−
http://meta.wikimedia.org/wiki/MediaWiki:Common.css
 
−
*/
 
−
.check-icon a.new { display: none; speak: none; }
 
  
−
/* Removes underlines from links */
+
/* !important */
−
.nounderlines a { text-decoration: none; }
+
.mw-highlight .cp {color: #F37F20;}
  
−
/* Remove underline from IPA links */
 
−
.IPA a:link, .IPA a:visited { text-decoration: none; }
 
  
−
/* Standard Navigationsleisten, aka box hiding thingy
+
#searchlog th {
−
from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
    background: var(--background-color);
−
div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; }
+
}
−
div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; }
 
−
div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; }
 
−
div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; position: relative; }
 
−
div.NavFrame p { font-size: 100%; }
 
−
div.NavFrame div.NavContent { font-size: 100%; }
 
−
div.NavFrame div.NavContent p { font-size: 100%; }
 
−
div.NavEnd { margin: 0; padding: 0; line-height: 1px; clear: both; }
 
−
a.NavToggle { position: absolute; top: 0; right: 3px; font-weight: normal; font-size: 90%; }
 
  
−
/* Coloured watchlist numbers */
+
#searchlog,
−
.mw-plusminus-pos { color: #006400; } /* dark green */
+
#searchlog th,
−
.mw-plusminus-neg { color: #8B0000; } /* dark red */
+
#searchlog td {
 +
    border: 1px solid #808080;
 +
}
  
−
.rellink, .dablink { font-style: italic; padding-left: 2em; }
+
/* Thumbnails */
−
.rellink i, .dablink i { font-style: normal; }
+
html .thumbimage {
 +
    background-color: transparent;
 +
}
  
−
/* Style for horizontal UL lists */
+
/* JSON */
−
.horizontal ul { padding: 0; margin: 0; }
+
.mw-json { color: #fff; }
−
.horizontal li { padding: 0 0.6em 0 0.4em; display: inline; border-right: 1px solid; }
+
.mw-json tr { background-color: rgba(105,105,105,0.2); }
−
.horizontal li:last-child { border-right: none; padding-right: 0; }
+
.mw-json th { background-color: #000; }
 +
.mw-json .value, .mw-json-single-value { background-color: #424242; }
  
−
/* Allow transcluded pages to display in lists rather than a table.
+
/* Wikitable */
−
Compatible in Firefox; incompatible in IE6. */
+
table.wikitable {
−
.listify td    { display: list-item; }
+
  background: transparent;
−
.listify tr   { display: block; }
+
  border: none;
−
.listify table { display: block; }
+
  color: #373737;
 +
  margin: 0 0 10px 0;
 +
  padding: 3px 6px;
 +
}
 +
 
 +
table.wikitable th,
 +
table.wikitable tr th,
 +
table.wikitable > tr > th,
 +
table.wikitable > * > tr > th {
 +
  border: 1px solid #5a5a5a;
 +
  background: rgba(128,128,128,0.5);
 +
  color: var(--text-color);
 +
}
 +
 
 +
table.wikitable td,
 +
table.wikitable tr td,
 +
table.wikitable > tr > td,
 +
table.wikitable > * > tr > td {
 +
  border: 1px solid #5a5a5a;
 +
  background: transparent;
 +
}
 +
 
 +
/* Match CategoryTree arrow color with theme */
 +
.CategoryTreeToggle { color: #F37F20; }
 +
 
 +
 
 +
.TablePager,
 +
.mw-datatable,
 +
table.mw_metadata {
 +
    background-color: transparent;
 +
    border: 1px solid #969696;
 +
}
 +
 
 +
.TablePager th,
 +
.mw-datatable th,
 +
table.mw_metadata th {
 +
    background-color: rgba(96, 96, 96, 0.5);
 +
    border: 1px solid #969696;
 +
    color: #ffffff;
 +
}
 +
 
 +
.TablePager tr:hover td,
 +
.mw-datatable tr:hover td {
 +
    background-color: rgba(128,128,128, 0.3) !important;
 +
    color: #ffffff;
 +
}
 +
 
 +
.TablePager th a,
 +
.mw-datatable th a,
 +
table.mw_metadata th a {
 +
    color: #FFFFFF !important;
 +
}
 +
 +
.TablePager td,
 +
.mw-datatable td,
 +
table.mw_metadata td {
 +
    background-color: transparent;
 +
    border: 1px solid #969696;
 +
}
  
−
/* Geographical coordinates defaults. See [[Template:Coord/link]]
+
.copyright-icon { filter:var(--filter); }
−
for how these are used. The classes "geo", "longitude", and
 
−
"latitude" are used by the [[Geo microformat]].
 
−
*/
 
−
.geo-default, .geo-dms, .geo-dec  { display: inline; }
 
−
.geo-nondefault, .geo-multi-punct { display: none; }
 
−
.longitude, .latitude            { white-space: nowrap; }
 
  
−
/* When <div class="nonumtoc"> is used on the table of contents,
+
/* Fix for making areas more readable in either Hydra or Hydradark */
−
the ToC will display without numbers */
+
.bg-highlight {
−
.nonumtoc .tocnumber { display: none; }
+
    background-color: rgba(80, 80, 80, 0.2);
−
.nonumtoc #toc ul, .nonumtoc .toc ul { line-height: 1.5em; list-style: none; margin: .3em 0 0; padding: 0; }
+
    border: 1px solid #080808;
−
.nonumtoc #toc ul ul, .nonumtoc .toc ul ul { margin: 0 0 0 2em; }
+
}
  
−
/* Allow limiting of which header levels are shown in a TOC;
+
/* Gamepedia images tweak */
−
<div class="toclimit-3">, for instance, will limit to
+
.gamepedia-icon {
−
showing ==headings== and ===headings=== but no further
+
    background-image: var(--gp-icon);
−
(as long as there are no =headings= on the page, which
+
    background-size: 100%;
−
there shouldn't be according to the MoS).
+
    background-repeat: no-repeat;
−
*/
+
    width: 500px;
−
.toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; }
+
    height: 111px;
 +
}
  
−
/* Styling for Template:Quote */
+
/* for "edit this page" tab and "discussion" tab etc */
−
blockquote.templatequote { margin-top: 0; }
+
.pagetab {
−
blockquote.templatequote div.templatequotecite { line-height: 1em; text-align: left; padding-left: 2em; margin-top: 0; }
+
    border-style: solid solid none;
−
blockquote.templatequote div.templatequotecite cite { font-size: 85%; }
+
    border-width: thin;
 +
    border-color: #808080;
 +
    padding:0.25ex 1ex 0ex;
 +
    font-size: 95%;
 +
}
  
−
div.user-block { padding: 5px; border: 1px solid #A9A9A9; background-color: #FFEFD5; }
+
/* Expand section arrow tweak */
 +
.mw-ui-icon.mw-ui-icon-before::before,
 +
.mw-ui-icon.mw-ui-icon-element::before {
 +
    filter: var(--filter);
 +
}
  
−
/* Prevent line breaks in silly places:
+
/* Visual editor */
−
1) links when we don't want them to
+
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
−
2) HTML formulae
+
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
−
3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
+
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
−
*/
+
    filter: var(--filter);
−
.nowraplinks a, span.texhtml, sup.reference a { white-space: nowrap; }
+
}
  
−
/* For template documentation */
+
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
−
.template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px; }
+
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
 +
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
 +
    filter: var(--filter);
 +
}
  
−
.thumbinner { min-width: 100px; }
+
/* Notifications */
 +
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
 +
.mw-echo-ui-crossWikiNotificationItemWidget-group,
 +
.mw-echo-ui-bundleNotificationItemWidget-group {
 +
background: inherit;
 +
}
  
−
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
+
/* Special:BotPasswords */
−
.imagemap-inline div { display: inline; }
+
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
 +
background-color: inherit;
 +
}
  
−
/* Increase the height of the image upload box */
+
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
−
#wpUploadDescription { height: 13em; }
+
background-color: rgba(128,128,128,0.5);
 +
}
  
−
/* Reduce line-height for <sup> and <sub> */
+
div.mainavatar {
−
sup, sub { line-height: 1em; }
+
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
 +
}
  
 +
.ve-ui-mwSaveDialog-options {
 +
    background-color: var(--background-color);
 +
}
  
−
/* The backgrounds for galleries. */
+
.ve-ui-mwSaveDialog-license {
−
#content .gallerybox div.thumb { background-color: #F9F9F9; }
+
    color: var(--text-color);
−
/* Put a chequered background behind images, only visible if they have transparency */
+
}
−
.gallerybox .thumb img,
 
−
#file img { background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; }
 
−
/* But no chequered background on articles, user pages or portals. */
 
−
.ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img { background: white; }
 
  
−
/* Prevent floating boxes from overlapping any category listings,
+
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
−
file histories, edit previews, and edit [Show changes] views */
+
    background-color: var(--background-color);
−
#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff { clear: both; }
+
    border: 1px solid #383838;
 +
    box-shadow: 0 2px 2px 0 rgba(128,128,128,0.4);
 +
}
  
−
/* Selectively hide headers in WikiProject banners */
+
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
−
.wpb .wpb-header            { display: none; }
+
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
−
.wpbs-inner .wpb .wpb-header { display: block; }    /* for IE */
+
     color: var(--text-color);
−
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
+
}
−
.wpbs-inner .wpb-outside     { display: none; }     /* hide things that should only display outside shells */
 
  
−
/* Testing part */
+
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
 +
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
 +
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
 +
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
 +
    background-color: rgba(128,128,128,0.4);
 +
}
  
−
/**Links color**/
+
.ve-ui-specialCharacterDialog .oo-ui-outlineOptionWidget,
−
.external a, .external a:link, .external a:active, .external a:visited, a, a:link, a:active, a:visited { color: #0645ad !important; text-decoration: none;}
+
.ve-ui-specialCharacterPage,  
−
.external a:hover, a:hover {color: #F7941E !important;}
+
.ve-ui-specialCharacterPage h3 {  
−
a.new, a.new:link, a.new:active, a.new:visited { color: #9F0000 !important; text-decoration: none;}
+
color: var(--text-color);
−
a.new:hover{ color: #FF0000 !important;}
+
}
  
−
/**Custom styles**/
+
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
−
.mpb { border: 1px solid #aaa;}
+
    background-color: rgba(128,128,128,0.4);
−
.mpbl { border-left: 1px solid #aaa;}
+
}
−
.mpbr { border-right: 1px solid #aaa;}
+
.warning { color: #F37F20; }
−
.mpbt { border-top: 1px solid #aaa;}
 
−
.mpbb { border-bottom: 1px solid #aaa;}
 
−
.mpth { font-family: EasonPro,"Times New Roman",serif; font-size: 1.7692307692em; color: #fff; text-shadow: rgba(0,0,0,0.75) 0 0 .25em; background-color: #666; font-weight: 400; height: 48px; }
 
−
.mpth2 { background-color: #e7e7e7; }
 
  
−
span.sig { border:1px #999 solid; background:rgba(100,100,180,0.2); font-size:85%; border-radius: 8px; padding: .3em; margin: 0 20px; }
+
table.zebra > tbody > tr:nth-child(2n) {background-color: rgba(128,128,128,0.2);}
−
.mw-pt-languages table { background: #e7e7e7 !important; }
+
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; }
−
.mw-pt-languages-label { color: #fff !important; background-color: #666 !important; text-align: right; }
 
  
−
.version_sm { background:#000; color:#fff; padding: 2px 2px 0; line-height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block }
+
.interwiki-ru { font-family: Verdana, sans-serif; }
−
.version_sm > sup > a,
+
ol.references li:target, sup.reference:target { background-color: rgba(128,128,128,0.5); }
−
.version_sm > sup > a:link,
 
−
.version_sm > sup > a:active,
 
−
.version_sm > sup > a:visited {color:#fff !important}
 
−
.version_sm > sup > a:hover {color:#ccc !important}
 
  
−
#version_r > a,
+
/* PageForms edit screen fix */
−
#version_r > a:link,
+
.skin-hydradark div.editSchemaSection .sectionHeader {
−
#version_r > a:active,
+
    color: #000;
−
#version_r > a:visited {color:#F7941E !important}
+
}
−
#version_r > a:hover {color:#f75e1e !important}
 
  
−
.version_cat {max-width:200px; padding:2px 10px; margin: 20px 0 0 0;}
+
/***************************
−
.version_num {padding:10px 20px; max-height:19px; display:inline-block;}
+
* Used by [[Template:Key]] *
 +
****************************/
 +
/* Dark Wiki Variation */
 +
.keysDark {
 +
  color:black;  
 +
  border: 1px solid rgb(170, 170, 170);  
 +
  box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);  
 +
  border-radius: .2em;
 +
  background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
 +
  background-color: rgb(249, 249, 249);
 +
  padding: 0.1em 0.6em 0.1em 0.6em;  
 +
  margin-right:2px;
 +
  font-size:85%;  
 +
  font-family:inherit;
 +
  font-style:normal;
 +
}
  
−
.new_sm { background:#ab0e4c; color:#fff; padding: 2px 2px 0; line-height: 8px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: inline-block }
+
/* Light Wiki Variation */
 +
.keysLight {
 +
  color:white;  
 +
  border: 1px solid rgb(0, 0, 0);  
 +
  box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0);  
 +
  border-radius: .2em;  
 +
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30));
 +
  background-color: rgb(30, 30, 30);
 +
  padding: 0.1em 0.6em 0.1em 0.6em;
 +
  margin-right:2px;  
 +
  font-size:85%;  
 +
  font-family:inherit;
 +
  font-style:normal;
 +
}
  
−
/* </source> */
+
/******************************
 +
* End Template:Key coloration *
 +
*******************************/

Revision as of 16:01, 11 July 2019

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

/* For elements which only display in the mobile view */
.mobileonly {
    display: none;
}

/* Custom fonts */
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 400;
}
@font-face {
    font-family: 'Verdana';
    font-style: normal;
    font-weight: 700;
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat-Regular'), url("https://fonts.gstatic.com/s/montserrat/v5/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff") format('woff');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat-Bold'), url("https://fonts.gstatic.com/s/montserrat/v5/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff") format('woff');
}
@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 400;
	src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff2) format('woff2'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.woff) format('woff'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 500;
	src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff2) format('woff2'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.woff) format('woff'),
    	url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Medium.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans SC';
	font-style: normal;
	font-weight: 700;
	src:url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosanssc/v1/NotoSansSC-Bold.otf) format('opentype');
}

body.skin-hydra {
	--background-color:#edeeee;
	--content-background:#fafafa;
	--filter:none;
	--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/d/df/Gamepedia_light_transparent.png");
	--header-color:#141414;
	--heading-border:transparent;
	--heading-background:#B0E03B;
	--heading-color:#212121;
	--main-heading-color:#F37F20;
	--message-background:#fedc00;
	--sidebar-header: #141414;
	--sidebar-link: #F37F20;
	--text-color: #373737;
	background: var(--background-color);
	color: var(--text-color);
}
body.skin-hydradark {
	--background-color:#101010;
	--content-background:#212121;
	--filter:invert(1);
	--gp-icon:url("https://commons.gamepedia.com/media/commons.gamepedia.com/3/38/Gamepedia_dark_transparent.png");
	--header-color:#101010;
	--heading-background:transparent;
	--heading-border:#F37F20;
	--heading-color: #B0E03B;
	--main-heading-color: #B0E03B;
	--message-background:#383838;
	--sidebar-header: #F37F20;
	--sidebar-link: #E0E0E0;
	--text-color: #E0E0E0;
	background: var(--background-color);
	color: var(--text-color);
}
/* Framework */
html {
	--body-font: Montserrat, sans-serif;
}
html[lang="pl"] {
	--body-font: Varela-Regular, sans-serif;
}
html[lang="ru"] { 
	--body-font: Verdana, sans-serif;
}
html[lang="zh"] { 
	--body-font: "Noto Sans SC", sans-serif;
}
body {
   font-family: var(--body-font);
}

h1, 
h2 {
    border-bottom: 1px solid var(--text-color);
    font-family: var(--body-font);
}

h3, 
h4, 
h5, 
h6 {
    font-family: var(--body-font);
}

div#mw-page-base {
  background: var(--header-color);
  padding-top: 80px;
  height: 1.25em;
}

/* Sidebar */

div#mw-panel div.portal,
#mw-panel.collapsible-nav div.portal {
    background-image: none;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited {
    color: var(--sidebar-link);
}

div#mw-panel div.portal h3,
div#mw-navigation div#mw-panel div.portal h3,
#mw-panel.collapsible-nav div.portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 {
    color: var(--sidebar-header);
    font-weight: bold;
    text-transform: uppercase;
}

div#mw-panel {
    margin-top: -75px;
}

/* Logo */
#p-logo a {
	background-size:contain;
    width: 500px;
    height: 80px;
    margin-top: 70px;
}

div.vectorTabs,
div.vectorTabs span,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected,
div#mw-head div.vectorMenu h3,
div.vectorMenu h3 span {
    background-color: transparent;
    background-image: none;
    border: none;
	text-transform: uppercase;
	font-weight:bold;
	color:#fff;
}

div.vectorTabs li a, div.vectorTabs li a span, div.vectorMenu li a { color:#fff; }
div.vectorMenu div.menu {
	border-color: #343434; 
	background-color: #303030;
	top: 2.2em;
}

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { background-color: var(--content-background); }
div#content { 
	margin-top: 0.1em;
	border: none;
}
div#mw-head { margin-top: 20px; }
#left-navigation, #right-navigation { margin-top: 3.6em; }
div.vectorTabs span a { padding-top: 0.25em; }
div.vectorMenu, div.vectorTabs ul li.mw-watchlink { margin-top: -0.8em; }
#p-search { margin-top: -1em; }
#p-search div#simpleSearch {
    border-radius: 4px;
}
div.vectorMenu h3 span::after { filter: invert(100%); }


/* Watchlist icon */
.vectorTabs #ca-watch.icon a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
}

.vectorTabs #ca-watch.icon a:hover,
.vectorTabs #ca-watch.icon a:focus {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
}

.vectorTabs #ca-unwatch.icon a {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPiA8ZGVmcz4gPGxpbmVhckdyYWRpZW50IGlkPSJhIj4gPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYzJlZGZmIi8+IDxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2OGJkZmYiLz4gPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZmZmIi8+IDwvbGluZWFyR3JhZGllbnQ+IDxsaW5lYXJHcmFkaWVudCBpZD0iYiIgeDE9IjEzLjQ3IiB4Mj0iNC41OTYiIHkxPSIxNC4zNjMiIHkyPSIzLjM5NyIgeGxpbms6aHJlZj0iI2EiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIi8+IDwvZGVmcz4gPHBhdGggZmlsbD0iI2YzN2YyMCIgc3Ryb2tlPSIjZjM3ZjIwIiBzdHJva2Utd2lkdGg9Ii45OTk5MiIgZD0iTTguMTAzIDEuMTQ2bDIuMTc1IDQuNDA4IDQuODY0LjcwNy0zLjUyIDMuNDMxLjgzMSA0Ljg0NS00LjM1MS0yLjI4Ny00LjM1MSAyLjI4Ny44MzEtNC44NDUtMy41Mi0zLjQzMSA0Ljg2NC0uNzA3eiIvPiA8L3N2Zz4=);
}

.vectorTabs #ca-unwatch.icon a:hover,
.vectorTabs #ca-unwatch.icon a:focus {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+IDxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2YzN2YyMCIgc3Ryb2tlLXdpZHRoPSIuOTk5OTIiIGQ9Ik04LjEwMyAxLjE0NmwyLjE3NSA0LjQwOCA0Ljg2NC43MDctMy41MiAzLjQzMS44MzEgNC44NDUtNC4zNTEtMi4yODctNC4zNTEgMi4yODcuODMxLTQuODQ1LTMuNTItMy40MzEgNC44NjQtLjcwN3oiLz4gPC9zdmc+);
}

.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
	background-size: 16px;
}
/* Smokie Gradient */

.smokie {
    background:#f4a638;
    background:-moz-linear-gradient(top,  #ff9600, #dfdd38 50%, #c0d43b 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop (0% #ff9600), color-stop(50%,#dfdd38), color-stop(100%,#c0d43b ));
    background:-webkit-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b 100%);
    background:-o-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
    background:-ms-linear-gradient(top, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
    background:linear-gradient(to bottom, #ff9600 0%, #dfdd38 50%, #c0d43b  100%);
}

/* Style for horizontal lists (separator following item).
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @revision 6 (2014-05-09)
   @author [[User:Edokter]]
 */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.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;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ": ";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
    content: " (";
    font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
    content: ") ";
    font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
    content: ") ";
    font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
    counter-reset: listitem;
}
.hlist ol > li {
    counter-increment: listitem;
}
.hlist ol > li:before {
    content: " " counter(listitem) " ";
    white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
    content: " (" counter(listitem) " ";
}

/* This governs the sections on the Community portal */
.cpbox {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.cpbox #admins {
    box-sizing: border-box;
    width: calc(33% - 10px);
    margin: 5px;
    flex-grow: 1;
    min-width: 300px;
}

.cpbox #help {
    box-sizing: border-box;
    width: calc(67% - 10px);
    margin: 5px;
    flex-grow: 1;
}

/* Classes permitting setting of alignment on desktop only or differently on desktop and mobile */
/* (See .mobileleft, .mobilecenter, .mobileright in MediaWiki:Mobile.css for the mobile equivalents */
.desktopleft {
    text-align: left;
}

.desktopcenter {
    text-align: center;
}

.desktopright {
    text-align: right;
}
.mwe-popups.flipped-y, .mwe-popups.flipped-x-y { margin-top: -30px; }

/* Front page styles */
.fpmain {
    width: 100%;
    overflow: hidden;
    z-index: 1;
}

.fpbanner {
    background: rgba(0, 0, 0, 0.25);
    border: 1px solid #82A8AF;
    box-shadow: 0 2px 5px #687478;
    color: #9CCAD2;
    margin: 0 5px 5px 5px;
    padding: 5px;
    min-height: 80px;
}

.fpbannertable {
    background: transparent;
    border: none;
    display: table;
    width: 100%; 
    min-height: 75px;
    margin: 0;
    padding: 5px;
}

.fpbannercell {
    display: table-cell; 
    text-align: center; 
    vertical-align: middle;
}

.fpbannerblock {
    border: none;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.75);
    font-size: 132%;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
}

.fpmidsections {
    float: left;
    width: 100%;
    overflow: hidden;
}

.fpbox {
    background: rgba(170, 170, 170, 0.05);
    border: 1px solid #F37F20;
    box-shadow: 0 0 2px #F37F20;
    color: var(--text-color);
    margin: 5px 5px 5px 5px;
    padding: 0;
    overflow: auto;
}

.fpbox .body { padding: 0 10px 10px; }

.fpbox .mainheading {
    border: none;
    border-bottom: 1px solid #F37F20;
    color: var(--main-heading-color);
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto;
}

.fpbox .heading {
    background: var(--heading-background);
    border: none;
    color: var(--heading-color);
    font-size: 132%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    overflow: auto;
}

.fpbox .heading::after {
	content:'';
	display:block;
	margin:0 auto;
	width: 95%;
	padding-top:5px;
	border-bottom: 1px solid var(--heading-border);
}

.fpmain .columns .leftcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fpmain .columns .rightcol {
    width: 100%;
    margin: 0;
    padding: 0;
}

.fpsection1, .fpsection2, .fpsection3, .fpsection4 {
    float: left;
    clear: both; 
    width: 100%;
}

div.fp2columnonly, div.fp3columnonly {
    display: none; 
}

@media (min-width: 790px) {
  .fpsection1 {
    float: left;
    clear: none;
    width: 50%;
  }

  .fpmidsections {
    clear: none;
    float: right;
    width: 50%;
  }

  .fpsection4 {
    float: left;
    clear: none;
    width: 50%;
  }

  div.fp2columnonly {
    display: block; 
  }
}

@media (min-width: 990px) {
  .fpmain .columns .leftcol {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0;
  }

  .fpmain .columns .rightcol {
    float: right;
    width: 50%;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1390px) {
  .fpmidsections {
    clear: none;
    float: right;
    width: 66.667%;
  }

  .fpsection1 {
    clear: none;
    width: 33.333%;
  }

  .fpsection2 {
    clear: none;
    width: 50%;
  }

  .fpsection3 {
    clear: none;
    width: 50%;
  }
 
  .fpsection4 {
    clear: left;
    width: 33.333%;
  }

  div.fp2columnonly {
    display: none; 
  }

  div.fp3columnonly {
    display: block; 
  }
}

.fpbox.plain {
    border: none;
    box-shadow: none;
    background: transparent;
}

.fpimagelist ul {
    list-style-type: none;
    list-style-image: none;
}

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}

.fpvideo {
    display: inline-block;
    margin: 0 5px;
}

.columns {
  padding: 0;
  margin: 10px 0 0 0;
  overflow: hidden;
}

.columns .leftcol {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

.columns .centercol {
  float: left;
  margin: 0;
  padding: 0;
}

.columns .rightcol {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}

ul {
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAANCAYAAABhPKSIAAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3ggeCzk6oIsHewAAACtJREFUGNNjYBh0gJGBgYHha6PCfpgAd/0DR0aogAOSwgNM2LQzEW0mVtsBjvcLXbwN1UwAAAAASUVORK5CYII=");
}

pre,
.mw-code,
code {
  border: 1px dashed #696969;
  border-radius: 4px;
  background: rgba(171,171,171,0.1);
  color: var(--text-color);
  white-space: pre-wrap;
  word-wrap: break-word;
}
pre code {
	border: 0;
}
pre + pre,
div.mw-code + div.mw-code {
	margin-top: -1px;
}
.mw-highlight { background: none; }

div.toc,
div#toc,
div.mw-warning,
.toccolours {
  border-color: #5d5d5d;
  background: var(--background-color);
  color: var(--text-color);
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

/* Anchors */
a,
a:visited,
a.external,
a.external:visited,
a.extiw,
a.extiw:visited,
div#content a.extiw,
div#content a.extiw:visited,
div#content a.external, 
div#content a.external:visited,
#global-wrapper #mw-indicator-mw-helplink a,
#global-wrapper #preftoc a,
#global-wrapper #preftoc a:active {
    color: #F37F20;
}

#global-wrapper #preftoc li.selected a {
	color: var(--text-color);
}

.ambox {
    background-color: rgba(120,120,120,0.2);
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}

.ambox-gray {
    border-left-color: #383838;
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto;
}

.ambox + .ambox {
     margin-top: -2px;
}

.ambox-text {
     padding: 0.25em 0.5em;
}

.ambox-image {
     padding: 2px 0px 2px 0.5em;
     text-align: center;
     width: 60px;
}

.ambox-tiny .ambox-image {
     padding: 2px 0.5em;
     text-align: left;
     width: auto;
}

/* Ambox colors */
.ambox-blue {
     border-left: 10px solid #1e90ff;
}

.ambox-red {
     border-left: 10px solid #b22222;
}

.ambox-orange {
     border-left: 10px solid #f28500;
}

.ambox-yellow {
     border-left: 10px solid #f4c430;
}

.ambox-purple {
     border-left: 10px solid #9932cc;
}

.ambox-gray {
     border-left: 10px solid #bba;
}

.ambox-green {
     border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
     font-size: smaller;
     margin-left:0.8em;
     margin-top:0.5em;
}


/* Navbox template style */
/* Navbox container style */
.navbox {
    border: 1px solid #9F6A00;
    font-size: 88%;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 1px;
    clear: both;
}

.navbox-inner,
.navbox-subgroup {
    width: 100%;
}

/* Title, group and above/below styles */
.navbox-group,
.navbox-title,
.navbox-abovebelow {
    text-align: center;	
    padding: 0.25em 1em;
    line-height: 1.5em;
}

/* Group style */
th.navbox-group {				
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}

.navbox,
.navbox-subgroup {
    background-color: transparent;
}

.navbox-list {
    line-height: 1.8em;
    border-color: transparent;	/* Must match background color */
}

/* Level 1 color */
.navbox th,
.navbox-title {
    background-color: #282828;
    border: 0 solid #9F6A00;
    color: #FFFFFF;
}

/* Level 2 color */
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #282828;
}

/* Level 3 color */
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #444444;		
}

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

/* Even row striping */
.navbox-even {
    background-color: rgba(128,128,128,0.3);	
}

/* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {	
    margin-top: -1px;
}

/* Default styling for Navbar template */
.navbar {
    font-size: 88%;
    font-weight: normal;
}

/* Navbar styling when nested in infobox and navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}

.navbox-title .navbar {
    float: left;
    text-align: left;
    margin-right: 0.5em;
    width: 6em;
}

/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}

.navbox .mw-collapsible-toggle {
    width: 6em;
}

/* .navbox .mw-collapsible-toggle a, */
.wikitable .mw-collapsible-toggle a {
    color: #F58120 !important;
}

/* Infobox template style */
.infobox {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    float: right;
    font-size: 89%; 
    margin-bottom: 0.5em;
    padding: 0.2em;
    width: 300px;
}

.infobox td.infoboxlabel {
    border: 2px solid inherit; 
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right;
}

.infoboxname {
    background-color: #f58120;
    color: #000;
    font-size: 110%;
    font-weight: bold;
    padding: 0.5em;
}

.infoboxdescription {
    background-color: #f58120;
    color: #000;
}

fieldset { border-color: #F37F20; }
#global-wrapper #preferences legend { color: #F37F20; }
.client-js #preferences fieldset { background: none; }

/* [[Template:Message]] */
table.gpmbox {
    background:var(--message-background);
    color:var(--text-color);
}

.scalable img, img.scalable {
    max-width: 100%;
    height:auto;
}

/* class for adding a contrasting glow to an image */
.glow {
    background: rgba(0,0,0,0);
    -webkit-filter: drop-shadow(0px 0px 10px #666);
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
}

/* Added and removed character counts */
.mw-plusminus-neg {
    color: #da2d2d;
}

.mw-plusminus-pos {
    color: #039603;
}


/* GeSHi syntax highlighting */
.mw-highlight .kw1 {
    color: var(--text-color);
    font-weight: bold;
}

.mw-highlight .nf {
    color: #02abab;
}


/* Operators */
.mw-highlight .p,
.mw-highlight .o {color: var(--text-color); font-weight: bold;}

/* Comments */
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}

/* HTML Tags */
.mw-highlight .nt {color: #89a228;}

/* IDs */
.mw-highlight .nn {color: #9a9ac3;}

/* Classes */
.mw-highlight .nc {color: #7676ff;}

/* Pseudo-classes */
.mw-highlight .nd {color: #cf82ff;}

/* Properties */
.mw-highlight .k, 
.mw-highlight .kp {color: var(--text-color); font-weight: normal;}

/* Keywords */
.mw-highlight .nb {color: #ff5858;}

/* Text values, strings */
.mw-highlight .kc,
.mw-highlight .s1,
.mw-highlight .s2,
.mw-highlight .sx,
.mw-highlight .n {color: #03a503;}

/* Numeric values */
.mw-highlight .mi,
.mw-highlight .mf {color: #02abab; font-weight: bold;}

/* Units */
.mw-highlight .kt {color: #a57184;}

/* #Color values */
.mw-highlight .mh {color: #7d9c0e;}

/* !important */
.mw-highlight .cp {color: #F37F20;}


#searchlog th {
    background: var(--background-color);
}

#searchlog,
#searchlog th,
#searchlog td {
    border: 1px solid #808080;
}

/* Thumbnails */
html .thumbimage {
    background-color: transparent;
}

/* JSON */
.mw-json { color: #fff; }
.mw-json tr { background-color: rgba(105,105,105,0.2); }
.mw-json th { background-color: #000; }
.mw-json .value, .mw-json-single-value { background-color: #424242; }

/* Wikitable */
table.wikitable {
  background: transparent;
  border: none;
  color: #373737;
  margin: 0 0 10px 0;
  padding: 3px 6px;
}

table.wikitable th,
table.wikitable tr th,
table.wikitable > tr > th,
table.wikitable > * > tr > th {
  border: 1px solid #5a5a5a;
  background: rgba(128,128,128,0.5);
  color: var(--text-color);
}

table.wikitable td,
table.wikitable tr td,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
  border: 1px solid #5a5a5a;
  background: transparent;
}

/* Match CategoryTree arrow color with theme */
.CategoryTreeToggle { color: #F37F20; }


.TablePager,
.mw-datatable,
table.mw_metadata {
    background-color: transparent;
    border: 1px solid #969696;
}

.TablePager th,
.mw-datatable th,
table.mw_metadata th {
    background-color: rgba(96, 96, 96, 0.5);
    border: 1px solid #969696;
    color: #ffffff;
}

.TablePager tr:hover td,
.mw-datatable tr:hover td {
    background-color: rgba(128,128,128, 0.3) !important;
    color: #ffffff;
}

.TablePager th a,
.mw-datatable th a,
table.mw_metadata th a {
    color: #FFFFFF !important;
}
 
.TablePager td,
.mw-datatable td,
table.mw_metadata td {
    background-color: transparent;
    border: 1px solid #969696;
}

.copyright-icon { filter:var(--filter); }

/* Fix for making areas more readable in either Hydra or Hydradark */
.bg-highlight {
    background-color: rgba(80, 80, 80, 0.2);
    border: 1px solid #080808;
}

/* Gamepedia images tweak */
.gamepedia-icon {
    background-image: var(--gp-icon);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 500px;
    height: 111px;
}

/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
     border-style: solid solid none;
     border-width: thin;
     border-color: #808080;
     padding:0.25ex 1ex 0ex;
     font-size: 95%;
}

/* Expand section arrow tweak */
.mw-ui-icon.mw-ui-icon-before::before,
.mw-ui-icon.mw-ui-icon-element::before {
    filter: var(--filter);
}

/* Visual editor */
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
    filter: var(--filter);
}

.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: var(--filter);
}

/* Notifications */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
	background: inherit;
}

/* Special:BotPasswords */
.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:first-child td {
	background-color: inherit;
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(2n) td {
	background-color: rgba(128,128,128,0.5);
}

div.mainavatar {
    filter: drop-shadow(0px 0px 3.5px #666) drop-shadow(1px 1px 1px #666);
}

.ve-ui-mwSaveDialog-options {
    background-color: var(--background-color);
}

.ve-ui-mwSaveDialog-license {
    color: var(--text-color);
}

.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
    background-color: var(--background-color);
    border: 1px solid #383838;
    box-shadow: 0 2px 2px 0 rgba(128,128,128,0.4);
}

.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: var(--text-color);
}

.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
    background-color: rgba(128,128,128,0.4);
}

.ve-ui-specialCharacterDialog .oo-ui-outlineOptionWidget,
.ve-ui-specialCharacterPage, 
.ve-ui-specialCharacterPage h3 { 
	color: var(--text-color);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(128,128,128,0.4);
}
.warning { color: #F37F20; }

table.zebra > tbody > tr:nth-child(2n) {background-color: rgba(128,128,128,0.2);}
.ve-init-mw-switchPopupWidget .oo-ui-checkboxInputWidget [type='checkbox']{ opacity:1; }

.interwiki-ru { font-family: Verdana, sans-serif; }
ol.references li:target, sup.reference:target { background-color: rgba(128,128,128,0.5); }

/* PageForms edit screen fix */
.skin-hydradark div.editSchemaSection .sectionHeader {
	    color: #000;
}

/***************************
* Used by [[Template:Key]] *
****************************/
/* Dark Wiki Variation */
.keysDark {
  color:black; 
  border: 1px solid rgb(170, 170, 170); 
  box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221); 
  border-radius: .2em; 
  background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238)); 
  background-color: rgb(249, 249, 249); 
  padding: 0.1em 0.6em 0.1em 0.6em; 
  margin-right:2px; 
  font-size:85%; 
  font-family:inherit; 
  font-style:normal;
}

/* Light Wiki Variation */
.keysLight {
  color:white; 
  border: 1px solid rgb(0, 0, 0); 
  box-shadow: 0.1em 0.2em 0.2em rgb(0, 0, 0); 
  border-radius: .2em; 
  background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(15, 15, 15), rgb(30, 30, 30)); 
  background-color: rgb(30, 30, 30); 
  padding: 0.1em 0.6em 0.1em 0.6em; 
  margin-right:2px; 
  font-size:85%; 
  font-family:inherit; 
  font-style:normal;
}

/******************************
* End Template:Key coloration *
*******************************/
Retrieved from "https://rimworldwiki.com/index.php?title=User:Pangaea/vector.css&oldid=65527"