CSS and Javascript changes must comply with the wiki design rules.
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Clear the cache in Tools → Preferences
body.ltr .magnify {
margin-right: 0.5em;
}
body {
background: var(--bg-color) var(--bg-image) no-repeat top left;
}
/* ----- sortable tables ---- */
.mediawiki table.jquery-tablesorter th.headerSort {
background-image: none!important;
padding-right: 3px;
}
.mediawiki table.jquery-tablesorter th.headerSort:after {
content: '\f0dc';
font-family: 'FontAwesome';
padding-left: 0.4em;
}
.mediawiki table.jquery-tablesorter th.headerSortUp:after {
content: '\f0de';
}
.mediawiki table.jquery-tablesorter th.headerSortDown:after {
content: '\f0dd';
}
/* wikitable */
table.wikitable {
margin: 1em 1em 1em 0;
background-color:var(--table-background);
border: 1px var(--table-border) solid;
border-collapse: collapse;
color:var(--body-text-color);
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
border: 1px var(--table-border) solid;
padding: 3px;
color:var(--body-text-color);
}
.wikitable caption {
font-weight: bold;
}
table.wikitable > * > tr > th,
table.wikitable > tr > th {
background-color: var(--table-header-background);
text-align: center;
}
table.zebra tr:nth-child(odd) {
background-color:var(--zebra-color-2);
}
table.zebra-manual > * > tr > th,
table.zebra > * > tr > th {
background-color:var(--zebra-heading-background);
color:var(--zebra-heading-text);
}
table.zebra-manual > * > tr > th a,
table.zebra > * > tr > th a {
color:var(--zebra-heading-text);
}
table.zebra-manual .zebra-manual-odd {
background-color:var(--zebra-color-2);
}
/* ------- header & top navigation ------- */
div#mw-page-base {
background: transparent !important;
height: 8em;
}
div#content {
padding-top: 3.25em;
border: 0;
border-top: 5px solid var(--wiki-color);
margin-top: 0;
background: var(--content-bg-color);
}
#mw-head-base {
display: none;
}
div#mw-head {
height: auto;
top: 8em;
}
.topschedule {
top: -8em;
}
#left-navigation,
#right-navigation {
margin-bottom: 0;
border-top: 5px solid var(--wiki-color);
background: var(--navigation-bg);
height: 2.25em;
margin-top: 0;
}
div.vectorTabs {
padding: 0;
}
/** basics **/
#p-search,
div.vectorMenu,
div.vectorTabs {
background: transparent;
height: 100%;
font-size: 80%;
}
div#mw-head div.vectorMenu h3 span,
div#mw-head div.vectorTabs span a {
padding: 0;
height: 1em;
font-size: 125%;
font-family: 'Oxygen',serif;
display: inline-block;
color: var(--navigation-color);
}
div#mw-head div.vectorTabs li.new span a {
color: var(--navigation-redlink-color);
}
div#mw-head div.vectorMenu h3 span {
padding-right: 1em;
vertical-align: top;
}
div#mw-head div.vectorMenu h3 span:after {
top: 0;
filter: invert(var(--navigation-arrow-invert));
}
div.vectorMenu .vectorMenuCheckbox:checked + h3 span::after {
transform: scaleY(1);
}
div#mw-head div.vectorMenu h3,
div#mw-head div.vectorTabs ul li span {
background: var(--navigation-bg);
padding: 0.75em 0.5em;
height: 100%;
line-height: 1;
overflow: visible;
box-sizing: border-box;
}
div#pageWrapper div#mw-navigation li.selected a {
color: var(--accent-text-color);
}
div#mw-head div.vectorTabs ul li.selected span {
background: var(--wiki-color);
}
div.vectorMenu:hover ul,
div.vectorTabs ul,
div.vectorTabs ul li,
div.vectorTabs ul li.selected {
background: transparent;
}
/** vectorMenu **/
div.vectorMenu div.menu {
top: 2.75em;
border: 0;
padding: 0.25em;
background: var(--navigation-bg);
left: 0;
}
div#mw-navigation div.vectorMenu #ca-unwatch a,
div#mw-navigation div.vectorMenu #ca-watch a,
div#mw-navigation div.vectorMenu div.menu li a {
padding: 0.5em;
font-size: 100%;
width: auto;
display: block;
height: auto;
margin: auto;
color: var(--navigation-color)!important;
}
#p-sharing .menu {
box-sizing: border-box;
left: 1px;
}
#p-sharing #socialIconImages > a {
display: inline-block;
margin: 0;
width: 50%;
padding: 2%;
box-sizing: border-box;
}
/** watch button **/
div#mw-head #ca-unwatch.icon a,
div#mw-head #ca-watch.icon a {
color: transparent;
background-size: 1em;
height: 1.5em;
margin: -0.25em 0;
padding-top: 0;
width: 1em;
background-position: center center;
}
/** searchbox **/
#p-search {
margin: 0;
height: 2.75em;
background: var(--navigation-bg);
display: table;
}
div#simpleSearch {
height: 2em;
border: 0;
margin: 0 1em;
padding-left: 0.25em;
width: 17.5vw;
background-color: var(--content-bg-color);
}
#p-search form {
margin: 0;
vertical-align: middle;
display: table-cell;
}
div#simpleSearch #searchInput {
padding: 0.5em 0;
margin: 0;
height: 1em;
color: var(--body-text-color);
box-sizing: content-box;
text-overflow: ellipsis;
}
div#simpleSearch #searchInput::placeholder {
color: var(--body-text-color);
opacity: 0.7;
font-style: italic;
}
/** search suggestions **/
.mediawiki .suggestions {
margin-top: -2em;
}
.mediawiki .suggestions-results,
.mediawiki .suggestions-special {
background: var(--navigation-bg);
}
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions-result,
.suggestions-special .special-label,
.suggestions-special .special-query {
color: var(--navigation-color);
}
.mediawiki .suggestions a,
.mediawiki .suggestions-result {
background: transparent;
}
.mediawiki .suggestions-results,
.mediawiki .suggestions-special {
border-color: var(--navigation-color);
box-shadow: none;
}
.mediawiki .suggestions-results {
border-top: 0;
}
.mediawiki .suggestions-result-current,
.mediawiki .suggestions-result-current .special-label,
.mediawiki .suggestions-result-current .special-query {
background: var(--wiki-color);
color: var(--accent-text-color);
}
/* ------- small screen fixes for top nav and sidebar ------- */
@media screen and (max-width:720px) {
div#mw-head {
position: absolute!important;
top: 0;
}
div#mw-page-base {
height: 6em;
}
div#p-cactions,
div#p-namespaces,
div#p-search,
div#p-sharing,
div#p-variants,
div#p-views {
position: relative;
top: 0;
float: left;
}
div#left-navigation,
div#right-navigation {
position: relative;
float: none;
margin: 0 auto;
}
div.vectorMenu div.menu {
left: 0;
right: auto;
}
div#p-search {
width: auto;
float: right;
}
div#simpleSearch {
width: calc(100vw - 10em);
max-width: 100vw;
}
div#mw-navigation div#mw-panel {
font-size: 120%;
top: 0;
}
div#mw-navigation div#mw-panel .portal {
width: auto;
}
div#content,
div#footer {
margin-right: 0;
}
div#content {
padding: 0.75em;
border-top: 0;
}
}
@media screen and (min-width:720px){
div#mw-panel{
position: absolute!important;
}
}
/* ------- sidebar ------- */
.skin-hydradark #p-logo {
filter: drop-shadow(0 0 5px var(--color-forcewhite));
}
div#mw-panel div.portal {
margin: 0.25em;
font-family: 'Oxygen',sans-serif;
}
div#mw-panel #p-logo + div.portal div.body {
margin: 0;
}
.mediawiki div#mw-panel div.portal h3,
.mediawiki div#mw-panel.collapsible-nav div.portal h3,
.mediawiki div#mw-panel.collapsible-nav div.portal.collapsed h3 {
font-size: 80%;
padding: 0;
margin: 0 0 0.25em;
background: none;
}
#mw-panel.collapsible-nav .portal h3::before {
font-family: 'FontAwesome';
font-size: 120%;
margin-right: 0.25em;
}
#mw-panel.collapsible-nav .portal.collapsed h3::before {
content: '\f101';
}
#mw-panel.collapsible-nav .portal.expanded h3::before {
content: '\f103';
}
#mw-panel.collapsible-nav .portal.collapsed h3:hover {
text-decoration: none;
}
#mw-panel.collapsible-nav .portal.collapsed h3:hover a {
text-decoration: underline;
}
.mediawiki div#mw-panel div.portal.expanded h3,
.mediawiki div#mw-panel div.portal.expanded h3 a,
.mediawiki div#mw-panel div.portal.collapsed h3,
.mediawiki div#mw-panel div.portal.collapsed h3 a,
.mediawiki div#mw-panel div.portal h3,
.mediawiki div#mw-panel div.portal h3 a {
color: var(--body-text-color);
}
#mw-panel.collapsible-nav .portal .body ul,
div#mw-panel div.portal div.body ul {
padding-top: 0;
}
#mw-panel.collapsible-nav .portal .body ul li {
margin-left: 1.25em;
}
#mw-panel.collapsible-nav .portal .body,
.mediawiki div#mw-panel div.portal div.body {
margin-left: 0;
background: none;
}
#mw-panel.collapsible-nav .portal#p-claimWiki h3,
div#mw-panel.collapsible-nav div.portal#p-socialProfiles h3 {
display: none;
}
.socialSidebar {
width: 100%;
}
/* in favor of cargo action */
#ca-purge {
display:none;
}
/* ------- navboxes ------- */
table.navbox {
border: 1px solid var(--interface-border);
clear: both;
font-size: 88%;
margin: auto;
padding: 1px;
text-align: center;
width: 100%;
}
.navbox-title-small .navbox-title-span {
font-size:100%!important;
}
.navbox-title-small {
line-height:90%;
}
/** Border between adjacent navboxes **/
table.navbox+table.navbox {
margin-top: -1px;
}
.navbox-abovebelow,
.navbox-group,
.navbox-title,
table.navbox th {
padding-left: 1em;
padding-right: 1em;
}
.navbox-group {
font-weight: bold;
white-space: nowrap;
}
/** Base background **/
.navbox,
.navbox-subgroup {
background: var(--interface-background);
}
.navbox-list {
border-color: var(--interface-background);
}
/* Level 1 styling */
.navbox-title,
table.navbox th {
background: var(--navbox);
}
/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: var(--navbox-subgroup);
}
/** Level 3 styling **/
.navbox-subgroup .navbox-abovebelow,
.navbox-subgroup .navbox-group {
background: var(--navbox-subsubgroup);
}
/** row striping **/
.navbox-even {
background: var(--navbox-highlight);
}
.navbox-odd {
background: transparent;
}
/** collapsible navboxes **/
.collapseButton {
font-weight: normal;
width: auto;
}
.navbox .collapseButton {
width: 6em;
}
.navbar {
font-size: 88%;
font-weight: normal;
}
.navbox .navbar {
font-size: 100%;
}
table.collapsed tr.collapsible {
display: none;
}
/* end navboxes */
/* ------- text styles ------- */
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5,
div#content h6,
div#content table,
div#pageWrapper div#content,
div#pageWrapper div#footer,
div#pageWrapper div#mw-navigation {
color: var(--body-text-color);
}
a,
a:visited,
div#content a.external,
div#content a.external:visited,
div#content a.extiw,
div#content a.extiw:visited,
div.vectorTabs li a,
div.vectorTabs li a span,
div.vectorMenu li a,
div#mw-panel div.portal div.body ul li a:link,
div#mw-panel div.portal div.body ul li a:visited,
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
color: var(--link);
}
div#content a.external:visited,
#global-wrapper a.external:visited,
.to_tooltip a.external:visited {
color:var(--link-extvisited);
}
div#content a.new,
div#content li.new a,
div#footer a.new,
div#footer li.new a,
div#mw-navigation a.new,
div#mw-navigation li.new a {
color: var(--link-new);
}
ul {
list-style-type: disc;
list-style-image: none;
}
/* ------- Amboxes ------- */
.ambox {
background-color: var(--zebra-color-2);
border-width: 0 0 0 10px;
border-style: solid;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px;
width: 80%;
}
.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 0 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-gray {
border-left-color: var(--ambox-gray);
}
.ambox-blue {
border-left-color: var(--ambox-blue);
}
.ambox-red {
border-left-color: var(--ambox-red);
}
.ambox-orange {
border-left-color: var(--ambox-orange);
}
.ambox-yellow {
border-left-color: var(--ambox-yellow);
}
.ambox-purple {
border-left-color: var(--ambox-purple);
}
.ambox-green {
border-left-color: var(--ambox-green);
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em;
}
/* top navigation dropdown menu arrows */
div.vectorMenu h3 span:after {
content: '\f103';
font-family: 'FontAwesome';
color: var(--navigation-color)!important;
opacity: 1;
vertical-align: baseline;
text-align: right;
background: transparent;
top: 0.55em;
font-size: 130%;
}
div.vectorMenu h3 span {
padding-right: 1.15em;
}
/* end top navigation dropdown menu arrows */
/* watch button fix */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a {
padding-top: 2em;
}
/* end watch button fix */
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-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;
}
.tocright {
float:right;
margin:0px 20px 0px 20px;
}
.tocright-with-infobox {
float:right;
margin:-3px 0px 0px 20px;
max-width:175px;
}
/* infoboxes */
.infobox {
border-collapse: collapse;
border: 1px solid var(--infobox-border-color);
margin: 1em;
margin-bottom: .1em;
width: 24em;
float: right;
clear: right;
max-width: calc(100% - 2em);
display: table!important;
}
@media screen and (max-width:720px){
.infobox{
float:none;
margin: 0 auto
}
}
.infobox > tbody > tr > th {
text-align: center;
font-size: 110%;
background-color: var(--infobox-color);
}
.infobox .infobox-notice,
.infobox .infobox-title {
font-size: 130%;
}
.infobox .infobox-notice {
background-color: var(--infobox-notice-color);
}
.infobox-label {
font-weight: bold;
width: 9em;
}
.infobox > tbody > tr > td {
vertical-align: top;
font-size: 90%;
padding: 0 0.25em;
}
.infobox-wide {
text-align: center;
}
.infobox .blockbox,
.infobox .teamhist {
width: 100%;
border-spacing: 0 0.25em;
}
.infobox .teamhist {
text-align: left;
width:100%;
font-size:90%;
}
.infobox .teamhist td {
padding: 0;
}
.infobox .teamhist th {
vertical-align:top;
}
.infobox .teamdate {
width: 10.7em;
}
.infobox .infobox-subtable {
border-spacing:0px;
text-align:left;
background-color:transparent
}
.infobox .infobox-subtable th {
width:9em;
}
.infobox .infobox-subtable th{
padding-right: 0.25em;
}
#infoboxChampion th.legacy-skin {
text-decoration:underline;
font-style:italic;
}
.infobox .infobox-item-passive td {
text-align:left;
}
.infobox .infobox-image-caption td {
font-size:80%;
}
.infobox th {
color:var(--infobox-text);
}
/* Flatlist TOC */
.flatlistTOC .toc{
float: none;
margin:0 auto;
}
.flatlistTOC .toc #toctitle {
display: none;
}
.flatlistTOC .tocnumber {
display: none;
}
.flatlistTOC li {
display: inline;
font-weight:bold;
}
.flatlistTOC li:before {content: " • ";}
.flatlistTOC li.toclevel-1.tocsection-1:before {content: none;}
.flatlistTOC .toclevel-1:nth-of-type(1)::before {
display:none;
}
.flatlistTOC .toctitle {
display:none;
}
.flatlistTOC + h2 {
margin-top:0;
}
/* End flatlist toc */
/* Copy of wikitable without annoying specificity for mobile */
.wikitable2 {
background-color:var(--table-background);
color:var(--body-text-color);
margin:1em 0;
border:1px solid var(--table-border);
border-collapse:collapse;
}
.wikitable2 th, .wikitable2 td {
border:1px solid var(--table-border);
padding:0.2em 0.4em;
}
.wikitable2 th {
background-color:var(--table-header-background);
text-align:center;
}
.wikitable2 caption {
font-weight:bold;
}
/* End copy of wikitable without annoying specificity for mobile */
.wide-content-scroll {
overflow-x:auto;
overflow-y:hidden;
}
/* horizontal lists */
/* Style for horizontal lists (separator following item) */
.hlist > ol,
.hlist > ul,
ol.hlist,
ul.hlist {
margin: 0 !important;
}
.hlist > li,
.hlist > * > li {
display: inline;
}
.hlist > li:after,
.hlist > * > li:after {
content: "•";
padding: 0 0.5em;
}
.hlist > li:last-child:after,
.hlist > * > li:last-child:after {
content: "";
padding: 0;
}
.hlist > li:first-child,
.hlist > * > li:first-child {
padding-left: 0;
}
.hlist > li:last-child,
.hlist > * > li:last-child {
padding-right: 0;
background: none;
}
.hlist2 > li:after,
.hlist2 > * > li:after {
content: "•";
padding: 0;
}
.hlist-tall > li,
.hlist-tall > * > li {
display: inline-table;
}
.hlist-tall > li:after,
.hlist-tall > * > li:after {
display: table-cell;
vertical-align: middle;
}
/* end horizontal lists */
.documentation {
clear: both;
margin-top: 1em;
border: 1px solid var(--table-border);
background-color: rgb(var(--wiki-color-rgb),0.3);
padding: 0.5em;
border-radius: 3px;
}
.documentation-header {
font-size:1.75em;
margin-top:1em;
font-family:sans-serif;
line-height:1.3;
margin-bottom:0.25em;
padding:0;
background:none;
font-weight:normal;
overflow:hidden;
border-bottom: 1px solid var(--table-border);
}
.documentation-view-edit {
float: right;
font-size: small;
position:relative;
height:0px;
top:15px;
}
.important-notice {
font-size:20px;
font-weight:bold;
}
.unimportant-notice {
color: var(--color-brightred);
}
table.nested-table {
margin:-1px;
width:calc(100% + 2px);
}
table.wikitable > * > tr > th.nested-table-outer,
table.wikitable > * > tr > td.nested-table-outer {
padding:0;
}
th.nested-table-outer {
font-weight:normal
}
.big {
font-size:150%;
}
/* less space above non-consecutive h2s */
.mw-body h2 {
margin-top: 0.5em;
}
.mw-body h2 + h2 {
margin-top: 1em;
}
/* collapsed table row for setting widths */
tr.set-widths {
visibility: collapse;
font-size: 0;
background: none;
}
tr.set-widths > td {
border: none;
padding: 0;
background: none;
}
/* end collapsed table row for setting widths */
.inline-content{
display: inline-block;
vertical-align:top;
}
/* footnotes */
.footnotes-list-outer {
display: flex;
}
.footnotes-list-outer .footnotes-list-inner {
flex-grow: 1;
width: 0;
}
.footnotes-list-text {
font-style:italic;
}
/* end footnotes */
.helptext-questionmark {
display:inline-block;
position:relative;
}
.helptext-questionmark::before {
content: "\f059";
font-family:"FontAwesome 5";
font-weight:900;
margin:0 0.25em;
}
.helptext {
display:none;
position: absolute;
top: 50%;
right: -20.5em;
background:var(--interface-background);
border: 1px solid var(--interface-border);
font-size:90%;
line-height:1.2;
padding:0.25em;
border-radius: 3px;
width:20em;
z-index: 100;
}
.helptext-questionmark:hover .helptext{
display: block;
}
.empty-width-row {
line-height:0;
visibility:collapse;
}
.empty-width-row td {
padding:0!important;
}
.table-header-rightcontent {
position:absolute;
right:3px;
top:0;
font-weight:normal;
}
.small-heading {
font-size:80%;
line-height:90%;
}
.tiny-heading {
font-size:70%;
line-height:80%;
}
.clear {
clear:left;
}
.blockbox {
padding: 0;
margin: 0;
background-color: transparent;
}
.toc{
margin-top: 1em;
}
pre {
overflow: auto;
/* Scrollbar if there are lines with no spaces */
width: auto;
max-width: 99%;
}
.mw-highlight pre {
margin:0
}
.mw-highlight {
overflow:auto;
margin:1em 0;
}
sup.reference {
line-height: 0;
vertical-align: super;
}
/* Make <ref> tags not increase line height */
.reference {
line-height: 1em;
}
/* Smaller text for <references> tag */
ol.references {
font-size: 11px;
line-height: 16px;
}
/* copyright images tweak */
.copyright-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A");
background-size: 100%;
width: 32px;
height: 32px;
}
.skin-hydradark .copyright-icon {
filter:invert(1);
}
/* remove section numbers */
.mw-headline-number { display: none; }
/* temp fix for "Main" being hidden in Special:MovePage by the navbar */
.mw-special-Movepage #ooui-1 {
padding-top:20px;
}
/* tables with external links in the corner */
.table-cell-container {
position:relative;
}
.table-cell-filter-link {
position: absolute;
top: -0.4em;
right: -0.6em;
}
.table-cell-filter-link a {
text-decoration: none;
}
.table-cell-filter-link a:before {
font-size: 60%;
vertical-align: top;
}
/* end tables with external links in the corner */
#simpleSearch #searchInput { font-size:1em; }
.suggestions-result,
.special-query {
font-size: 1em;
}
.clickme {
color:var(--link);
cursor:pointer;
}
/* be able to reisze json display in api sandbox */
.oo-ui-inputWidget-input.oo-ui-textInputWidget-autosized {
resize:both;
}