MediaWiki:Common.css
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* Template:External Images */
.externalimage-holder img {
max-height: 100%;
max-width: 100%;
}
/* Dark mode */
.client-darkmode .table-yes2 {
background: white;
}
.client-darkmode #toc, .client-darkmode #toc *, .client-darkmode body, .client-darkmode #mw-head, .client-darkmode #mw-head a, .client-darkmode .mw-rcfilters-ui-filterMenuHeaderWidget-header, .client-darkmode .mw-rcfilters-ui-menuSelectWidget-footer, .client-darkmode .mw-changeslist-legend, .client-darkmode .wikitable, .skin-theme-clientpref-night, .client-darkmode table, .client-darkmode li.gallerybox div.thumb {
background: #2C2C2C;
border-color: #2C2C2C;
}
.client-darkmode .oo-ui-iconElement-icon {
filter: invert(1);
}
.client-darkmode, .client-darkmode p, .client-darkmode #text {
color: snow;
}
.client-darkmode .vector-menu-heading-label {
color: #ccc;
}
.client-darkmode .mw-content-ltr.mw-highlight-lines pre, .client-darkmode .mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 var(--background-color-neutral,#000);
}
.client-darkmode #p-logo a {
background-position:center center;
background-repeat:no-repeat;
}
.client-darkmode .diff-deletedline del{
color: #ffd0d0;
background: #5e120e;
}
.client-darkmode .diff-addedline ins{
color: #d0ffd0;
background: #0d4e0e;
}
.client-darkmode a{
color: #000000;
}
.client-darkmode a:visited, .client-darkmode .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited, .client-darkmode .vector-menu-tabs-legacy .selected a, .client-darkmode .vector-menu-tabs-legacy .selected a:visited {
color: #6880b7;
}
.client-darkmode a:link, .client-darkmode .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a {
color: steelblue;
}
.client-darkmode a.new{
color: #D92200;
}
.client-darkmode a:hover, .client-darkmode a:hover span {
color: #fff;
text-decoration: underline;
}
.client-darkmode #content, .skin-theme-clientpref-night #content.mw-body {
background: #333;
border-color: #555;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.client-darkmode #mp-tfa-h2 {
background: rgba(80,100,85,.7);
}
.client-darkmode [style*="background:#f5fffa"] {
background: rgba(20,60,24,.1);
}
.client-darkmode #mp-itn-h2 {
background: rgba(80,85,100,.7);
}
.client-darkmode [style*="background:#f5faff"] {
background: rgba(20,24,60,.18);
}
.client-darkmode #p-cactions-label a {
width: 15px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIyMiIKICAgaGVpZ2h0PSIxNiIKICAgaWQ9InN2ZzIiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAzNi4zNjIyKSIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxwYXRoCiAgICAgICBkPSJNIDEwLjAyODYyNCwzLjc3Mjk5MzIgOC4xOTc2NDQyLDYuOTQ0MzQyNCA2LjM2NjY2NDksMy43NzI5OTMyIHoiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgyLjczMDc3OTEsMCwwLDEuNTc2NjE2LC0xMS44ODU5NTYsMTAzNi40MTM2KSIKICAgICAgIGlkPSJwYXRoMjk4NSIKICAgICAgIHN0eWxlPSJmaWxsOiM3OTc5Nzk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgPC9nPgo8L3N2Zz4K) no-repeat;
}
.client-darkmode #ca-watch a {
width: 20px;
background: url(data:image/png;base64,-) no-repeat;
}
.client-darkmode .wikitable > * > tr > th, .client-darkmode figure[typeof~="mw:File/Thumb"], .client-darkmode #pagehistory li.selected, .client-darkmode #msupload-list .file {
background: #2C2C2C;
color: snow;
}
.client-darkmode #toc {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.client-darkmode #p-cactions li.selected a, .client-darkmode #p-cactions li a, .client-darkmode #p-cactions li a:hover {
padding: 0 1em 0.1em;
}
.client-darkmode #bodyContent pre {
background: #1a1a1a;
}
/** BLANKED OUT IMAGES **/
.client-darkmode img[src*="/images/poweredby_mediawiki_88x31.png"], .client-darkmode img[src*="/images/wikimedia-button.png"], .client-darkmode img[src*="/Bookshelf-40x201_6.png"] {
width: 0px;
background: none;
}
.client-darkmode .portlet li, ul {
list-style-image: none;
}
.client-darkmode #msupload-div {
background: #555;
}
html .client-darkmode { background: #2C2C2C; }
body .client-darkmode, .client-darkmode div, .client-darkmode ul, .client-darkmode li, .client-darkmode table, .client-darkmode tbody, .client-darkmode th, .client-darkmode tr, .client-darkmode td:not([bgcolor]), .client-darkmode h2, .client-darkmode h3, .client-darkmode p, .client-darkmode form, /*dl,*/ .client-darkmode dt, .client-darkmode dd, .client-darkmode cite, .client-darkmode code, .client-darkmode #tabs > ul > li > a, .client-darkmode #tabs > ul > li > a > span, .client-darkmode .tabs > ul > li > a, .client-darkmode .tabs > ul > li > a > span, /* #tabs a, #tabs a span, #navigation a, */ .client-darkmode #page-header, .client-darkmode .header, .client-darkmode .side-left, .client-darkmode .side-right, .client-darkmode .corners-top, .client-darkmode .corners-bottom, .client-darkmode .corners-top > span, .client-darkmode .corners-bottom > span {
background: none;
}
/* MZ */ .client-darkmode .sidebar a[class] {
background-image: none;
}
.client-darkmode a, .client-darkmode span, .client-darkmode strong {
background-color: transparent;
}
.client-darkmode * { color: inherit; text-shadow: none; border-color: #555; }
html .client-darkmode, .client-darkmode #msupload-dropzone { color: #ccc; }
.client-darkmode hr { height: 0; border: 0 solid #555; border-width: 1px 0 0; }
.client-darkmode a, .client-darkmode li a { color: #4be; border-color: currentColor; }
.client-darkmode a:hover { color: #7df; }
.client-darkmode ::-moz-selection { background: #9cf; color: #000; }
.client-darkmode ::selection { background: #9cf; color: #000; }
.client-darkmode input[type="submit"], .client-darkmode input[type="button"], .client-darkmode input[type="file"], .client-darkmode input[type="reset"], .client-darkmode button,
.client-darkmode .button, .client-darkmode .button2, .client-darkmode .buttons > div > a, .client-darkmode .profile-icons > li > a,
.client-darkmode .download-button, .client-darkmode a.download-main, .client-darkmode a.colorizeit-main
{ color: #fff; border: 1px solid #555; background: #111;
border-radius: 7px; box-shadow: none; text-shadow: none;
background-image: linear-gradient(rgba(255,255,255,0.2),rgba(125,125,125,0.2),rgba(0,0,0,0.3)); }
.client-darkmode input[type="submit"]:hover, .client-darkmode input[type="button"]:hover, .client-darkmode input[type="file"]:hover, .client-darkmode input[type="reset"]:hover, .client-darkmode button:hover,
.client-darkmode .button:hover, .client-darkmode .button2:hover, .client-darkmode .buttons > div > a:hover, .client-darkmode .profile-icons > li > a:hover,
.client-darkmode .download-button:hover, .client-darkmode a.download-main:hover, .client-darkmode a.colorizeit-main:hover
{ border-color: currentColor; background-color: #000; color: #4be; box-shadow: 0 0 1em currentColor; }
/* Breaks on Firefox
button, input, select, textarea { -moz-appearance: none; }
*/
.client-darkmode input[type="radio"], .client-darkmode input[type="checkbox"] { color: #4be; background: #222; border-color: #999; }
.client-darkmode input, .client-darkmode select, .client-darkmode textarea, .client-darkmode input[type="text"], .skin-theme-clientpref-night #searchInput { background: #181818; color: #fff; border: 1px solid #555; box-shadow: none; }
.client-darkmode input[type] { border-width: 1px; border-style: solid; }
.client-darkmode textarea:hover, .client-darkmode input:hover, .client-darkmode select:hover, .client-darkmode textarea:focus, .client-darkmode input:focus, .client-darkmode select:focus { border-color: #09f; }
.client-darkmode select > button { background-color: transparent; border: none; box-shadow: none; }
.client-darkmode html:root option:checked { background: #9cf; color: #000; }
.client-darkmode td[style="text-align: center; background:#cef2e0"] {
text-align: center;
background: #143c18 !important;
}
.client-darkmode .mw-plusminus-pos {
color: #0a9b00 !important;
}
.client-darkmode .mw-plusminus-neg {
color: #b42814 !important;
}
.client-darkmode td.table-yes2, .client-darkmode .table-green, .client-darkmode td.table-pass {
background: #143c18 !important;
color: snow !important;
}
.client-darkmode td.table-partially, .client-darkmode td.table-yellow {
background: #464614 !important;
color: snow !important;
}
.client-darkmode td.table-no2, .client-darkmode td.table-red, .client-darkmode td.table-fail {
background: #3c1418 !important;
color: snow !important;
}
.client-darkmode div.table-infohead {
background: #29332e !important;
border: 1px solid #333d38 !important;
}
.client-darkmode div.table-infobody {
background: #222c27 !important;
border: 1px solid #2c3631 !important;
}
.client-darkmode div.table-newshead {
background: #292e33 !important;
border: 1px solid #33383d !important;
}
.client-darkmode div.table-newsbody {
background: #22272c !important;
border: 1px solid #2c3136 !important;
}
.client-darkmode div.table-subheader {
background: #392f43 !important;
border: 1px solid #43394d !important;
}
table.table-infobox {
background: #2c2c2c !important;
}