MediaWiki:Common.css: Difference between revisions

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

/* Template:External Images */
.externalimage-holder img {
    max-height: 100%;
    max-width: 100%;
}

/* Logo text */
#p-logo {
    background-image: url(/images/logo/Wiki_logo.png) !important;
}


/* Dark mode */
.skin-theme-clientpref-night #toc, .skin-theme-clientpref-night #toc *, .skin-theme-clientpref-night #mw-navigation, .skin-theme-clientpref-night body, .skin-theme-clientpref-night .mw-rcfilters-ui-filterMenuHeaderWidget-header, .skin-theme-clientpref-night .mw-rcfilters-ui-menuSelectWidget-footer, .skin-theme-clientpref-night .mw-changeslist-legend, .skin-theme-clientpref-night .wikitable, .skin-theme-clientpref-night, .skin-theme-clientpref-night table, .skin-theme-clientpref-night li.gallerybox div.thumb {
background: #2C2C2C;
border-color: #2C2C2C;
}
.skin-theme-clientpref-night .mw-list-item, html.skin-theme-clientpref-night, .skin-theme-clientpref-night #mw-head {
    background: #2c2c2c !important;
}
.skin-theme-clientpref-night .selected.mw-list-item {
    background: linear-gradient(to bottom, #2c2c2c, #333)!important;
}
.skin-theme-clientpref-night .vector-menu-tabs a, .skin-theme-clientpref-night  .vector-menu-tabs {
    background-image: linear-gradient(to bottom, #333, #555)!important;
    background-size: 1px 100% !important;
}
.skin-theme-clientpref-night .oo-ui-iconElement-icon {
filter: invert(1);
}
.skin-theme-clientpref-night .vector-menu-heading-label, .skin-theme-clientpref-night p, .skin-theme-clientpref-night #text, .skin-theme-clientpref-night .table-mainhead div {
color: #ccc !important;
}
.skin-theme-clientpref-night .mw-content-ltr.mw-highlight-lines pre, .skin-theme-clientpref-night .mw-content-ltr.content .mw-highlight-lines pre {
  box-shadow: inset 2.75em 0 0 var(--background-color-neutral,#000);
}
.skin-theme-clientpref-night #p-logo a {
background-position:center center;
background-repeat:no-repeat !important;
}
.skin-theme-clientpref-night .diff-deletedline del{
color: #ffd0d0;
background: #5e120e;
}
.skin-theme-clientpref-night .diff-addedline ins{
color: #d0ffd0;
background: #0d4e0e;
}
.skin-theme-clientpref-night a{
color: #000000;
}
.skin-theme-clientpref-night a:visited, .skin-theme-clientpref-night .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a:visited, .skin-theme-clientpref-night .vector-menu-tabs-legacy .selected a, .skin-theme-clientpref-night .vector-menu-tabs-legacy .selected a:visited {
color: #6880b7 !important;
}
.skin-theme-clientpref-night a:link, .skin-theme-clientpref-night .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .skin-theme-clientpref-night .mw-collapsible-text {
color: steelblue !important;
}
.skin-theme-clientpref-night a.new{
color: #C63216 !important;
}
.skin-theme-clientpref-night a:visited.new{
color: #B62859 !important;
}
.skin-theme-clientpref-night a:hover, .skin-theme-clientpref-night a:hover span {
color: #fff;
text-decoration: underline;
}
.skin-theme-clientpref-night #content, .skin-theme-clientpref-night #content.mw-body {
background: #333;
border-color: #555;
}
.skin-theme-clientpref-night #mp-tfa-h2 {
background: rgba(80,100,85,.7);
}
.skin-theme-clientpref-night [style*="background:#f5fffa"] {
background: rgba(20,60,24,.1);
}
.skin-theme-clientpref-night #mp-itn-h2 {
background: rgba(80,85,100,.7);
}
.skin-theme-clientpref-night [style*="background:#f5faff"] {
background: rgba(20,24,60,.18);
}
.skin-theme-clientpref-night #p-cactions-label a {
width: 15px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIElua3NjYXBlIChodHRwOi8vd3d3Lmlua3NjYXBlLm9yZy8pIC0tPgoKPHN2ZwogICB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB2ZXJzaW9uPSIxLjEiCiAgIHdpZHRoPSIyMiIKICAgaGVpZ2h0PSIxNiIKICAgaWQ9InN2ZzIiPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM0IiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxnCiAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtMTAzNi4zNjIyKSIKICAgICBpZD0ibGF5ZXIxIj4KICAgIDxwYXRoCiAgICAgICBkPSJNIDEwLjAyODYyNCwzLjc3Mjk5MzIgOC4xOTc2NDQyLDYuOTQ0MzQyNCA2LjM2NjY2NDksMy43NzI5OTMyIHoiCiAgICAgICB0cmFuc2Zvcm09Im1hdHJpeCgyLjczMDc3OTEsMCwwLDEuNTc2NjE2LC0xMS44ODU5NTYsMTAzNi40MTM2KSIKICAgICAgIGlkPSJwYXRoMjk4NSIKICAgICAgIHN0eWxlPSJmaWxsOiM3OTc5Nzk7ZmlsbC1vcGFjaXR5OjE7c3Ryb2tlOm5vbmUiIC8+CiAgPC9nPgo8L3N2Zz4K) no-repeat !important;
}
.skin-theme-clientpref-night #ca-watch a {
width: 20px;
background: url(data:image/png;base64,-) no-repeat !important;
}
.skin-theme-clientpref-night .wikitable > * > tr > th, .skin-theme-clientpref-night figure[typeof~="mw:File/Thumb"], .skin-theme-clientpref-night #pagehistory li.selected, .skin-theme-clientpref-night #msupload-list .file {
background: #2C2C2C;
color: snow;
}
.skin-theme-clientpref-night #toc {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.skin-theme-clientpref-night #p-cactions li.selected a, .skin-theme-clientpref-night #p-cactions li a, .skin-theme-clientpref-night #p-cactions li a:hover {
padding: 0 1em 0.1em;
}
.skin-theme-clientpref-night #bodyContent pre {
background: #1a1a1a;
}
.skin-theme-clientpref-night .portlet li, ul {
list-style-image: none;
}
.skin-theme-clientpref-night #msupload-div {
background: #555;
}

body .skin-theme-clientpref-night, .skin-theme-clientpref-night div, .skin-theme-clientpref-night ul, .skin-theme-clientpref-night li, .skin-theme-clientpref-night table, .skin-theme-clientpref-night tbody, .skin-theme-clientpref-night th, .skin-theme-clientpref-night tr, .skin-theme-clientpref-night td:not([bgcolor]), .skin-theme-clientpref-night h2, .skin-theme-clientpref-night h3, .skin-theme-clientpref-night p, .skin-theme-clientpref-night form, /*dl,*/ .skin-theme-clientpref-night dt, .skin-theme-clientpref-night dd, .skin-theme-clientpref-night cite, .skin-theme-clientpref-night code, .skin-theme-clientpref-night #tabs > ul > li > a, .skin-theme-clientpref-night #tabs > ul > li > a > span, .skin-theme-clientpref-night .tabs > ul > li > a, .skin-theme-clientpref-night .tabs > ul > li > a > span, /* #tabs a, #tabs a span, #navigation a, */ .skin-theme-clientpref-night #page-header, .skin-theme-clientpref-night .header, .skin-theme-clientpref-night .side-left, .skin-theme-clientpref-night .side-right, .skin-theme-clientpref-night .corners-top, .skin-theme-clientpref-night .corners-bottom, .skin-theme-clientpref-night .corners-top > span, .skin-theme-clientpref-night .corners-bottom > span { 
background: none; 
}
/* MZ */ .skin-theme-clientpref-night .sidebar a[class], .skin-theme-clientpref-night .vector-menu-heading, .skin-theme-clientpref-night #mw-page-base {
background-image: none; 
}
.skin-theme-clientpref-night a, .skin-theme-clientpref-night span, .skin-theme-clientpref-night strong, .skin-theme-clientpref-night #mw-page-base {
background-color: transparent;
}

.skin-theme-clientpref-night * { color: inherit; text-shadow: none; border-color: #555 !important; }
html.skin-theme-clientpref-night, .skin-theme-clientpref-night #msupload-dropzone { color: #ccc !important; }
.skin-theme-clientpref-night hr { height: 0; border: 0 solid #555; border-width: 1px 0 0; }
.skin-theme-clientpref-night a, .skin-theme-clientpref-night li a { color: #4be; border-color: currentColor; }
.skin-theme-clientpref-night a:hover { color: #7df; }

.skin-theme-clientpref-night ::-moz-selection { background: #9cf; color: #000; }
.skin-theme-clientpref-night ::selection { background: #9cf; color: #000; }

.skin-theme-clientpref-night input[type="submit"], .skin-theme-clientpref-night input[type="button"], .skin-theme-clientpref-night input[type="file"], .skin-theme-clientpref-night input[type="reset"], .skin-theme-clientpref-night button,
.skin-theme-clientpref-night .button, .skin-theme-clientpref-night .button2, .skin-theme-clientpref-night .buttons > div > a, .skin-theme-clientpref-night .profile-icons > li > a,
.skin-theme-clientpref-night .download-button, .skin-theme-clientpref-night a.download-main, .skin-theme-clientpref-night a.colorizeit-main
{ color: #fff !important; border: 1px solid #555; background: #111 !important;
border-radius: 4px; 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)); }

.skin-theme-clientpref-night input[type="submit"]:hover, .skin-theme-clientpref-night input[type="button"]:hover, .skin-theme-clientpref-night input[type="file"]:hover, .skin-theme-clientpref-night input[type="reset"]:hover, .skin-theme-clientpref-night button:hover,
.skin-theme-clientpref-night .button:hover, .skin-theme-clientpref-night .button2:hover, .skin-theme-clientpref-night .buttons > div > a:hover, .skin-theme-clientpref-night .profile-icons > li > a:hover,
.skin-theme-clientpref-night .download-button:hover, .skin-theme-clientpref-night a.download-main:hover, .skin-theme-clientpref-night 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; }
*/
.skin-theme-clientpref-night input[type="radio"], .skin-theme-clientpref-night input[type="checkbox"] { color: #4be; background: #222; border-color: #999; }

.skin-theme-clientpref-night input, .skin-theme-clientpref-night select, .skin-theme-clientpref-night textarea, .skin-theme-clientpref-night input[type="text"], .skin-theme-clientpref-night #searchInput { background: #181818; color: #fff; border: 1px solid #555; box-shadow: none; }
.skin-theme-clientpref-night input[type] { border-width: 1px; border-style: solid; }
.skin-theme-clientpref-night textarea:hover, .skin-theme-clientpref-night input:hover, .skin-theme-clientpref-night select:hover, .skin-theme-clientpref-night textarea:focus, .skin-theme-clientpref-night input:focus, .skin-theme-clientpref-night select:focus { border-color: #09f; }

.skin-theme-clientpref-night select > button { background-color: transparent; border: none; box-shadow: none; }
.skin-theme-clientpref-night html:root option:checked { background: #9cf; color: #000; }

.skin-theme-clientpref-night td[style="text-align: center; background:#cef2e0"] {
  text-align: center;
  background: #143c18 !important;
}
.skin-theme-clientpref-night .mw-plusminus-pos {
  color: #0a9b00 !important;
}
.skin-theme-clientpref-night .mw-plusminus-neg {
  color: #b42814 !important;
}
.skin-theme-clientpref-night td.table-yes2, .skin-theme-clientpref-night .table-green, .skin-theme-clientpref-night td.table-pass {
background: #2A362B !important;
color: snow !important;
}
.skin-theme-clientpref-night td.table-partially, .skin-theme-clientpref-night td.table-yellow {
background: #39392A !important;
color: snow !important;
}
.skin-theme-clientpref-night td.table-no2, .skin-theme-clientpref-night td.table-red, .skin-theme-clientpref-night td.table-fail {
background: #362A2B !important;
color: snow !important;
}
.skin-theme-clientpref-night div.table-infohead {
background: #29332e !important;
border: 1px solid #333d38 !important;
}
.skin-theme-clientpref-night div.table-infobody {
background: #222c27 !important;
border: 1px solid #2c3631 !important;
}
.skin-theme-clientpref-night div.table-newshead {
background: #292e33 !important;
border: 1px solid #33383d !important;
}
.skin-theme-clientpref-night div.table-newsbody {
background: #22272c !important;
border: 1px solid #2c3136 !important;
}
.skin-theme-clientpref-night div.table-noticehead {
background: #33292e !important;
border: 1px solid #3d3338 !important;
}
.skin-theme-clientpref-night div.table-noticebody {
background: #2c2227 !important;
border: 1px solid #362c31 !important;
}
.skin-theme-clientpref-night div.table-subheader {
background: #392f43 !important;
border: 1px solid #43394d !important;
}
.skin-theme-clientpref-night table.table-infobox, .skin-theme-clientpref-night .table-mainhead {
background: #2c2c2c !important;
}
.skin-theme-clientpref-night .headerSort {
background-repeat: no-repeat !important;
background-position: center right !important;
}
.skin-theme-clientpref-night .notice span {
color: #c90000 !important;
}
.skin-theme-clientpref-night #p-logo {
background-image: url(/images/logo/Wiki_logo_dark.png) !important;
}