MediaWiki:Common.css: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 11: | Line 11: | ||
background-image: url(/images/logo/Wiki_logo.png) !important; | background-image: url(/images/logo/Wiki_logo.png) !important; | ||
} | } | ||
/* Dark mode */ | /* Dark mode */ | ||
.client-darkmode #toc, .client-darkmode #toc * | .client-darkmode #toc, .client-darkmode #toc *, .client-darkmode #mw-navigation, .client-darkmode body, .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; | background: #2C2C2C; | ||
border-color: #2C2C2C; | border-color: #2C2C2C; | ||
} | |||
.client-darkmode .mw-list-item, html.skin-theme-clientpref-night, .client-darkmode #mw-head { | |||
background: #2c2c2c !important; | |||
} | |||
.client-darkmode .selected.mw-list-item { | |||
background: linear-gradient(to bottom, #2c2c2c, #333)!important; | |||
} | |||
.client-darkmode .vector-menu-tabs a, .client-darkmode .vector-menu-tabs { | |||
background-image: linear-gradient(to bottom, #333, #555)!important; | |||
background-size: 1px 100% !important; | |||
} | |||
.client-darkmode #p-namespaces { | |||
padding-bottom: 6px !important; | |||
} | } | ||
.client-darkmode .oo-ui-iconElement-icon { | .client-darkmode .oo-ui-iconElement-icon { | ||
filter: invert(1); | filter: invert(1); | ||
} | } | ||
.client-darkmode, .client-darkmode p, .client-darkmode #text | .client-darkmode .vector-menu-heading-label, .client-darkmode p, .client-darkmode #text { | ||
color: #ccc !important; | |||
color: #ccc; | |||
} | } | ||
.client-darkmode .mw-content-ltr.mw-highlight-lines pre, .client-darkmode .mw-content-ltr.content .mw-highlight-lines pre { | .client-darkmode .mw-content-ltr.mw-highlight-lines pre, .client-darkmode .mw-content-ltr.content .mw-highlight-lines pre { | ||
| Line 45: | Line 56: | ||
} | } | ||
.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 { | .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; | color: #6880b7 !important; | ||
} | } | ||
.client-darkmode a:link, .client-darkmode .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a { | .client-darkmode a:link, .client-darkmode .vector-legacy-sidebar .vector-menu-portal .vector-menu-content li a, .client-darkmode .mw-collapsible-text { | ||
color: steelblue; | color: steelblue !important; | ||
} | } | ||
.client-darkmode a.new{ | .client-darkmode a.new{ | ||
| Line 98: | Line 109: | ||
.client-darkmode #bodyContent pre { | .client-darkmode #bodyContent pre { | ||
background: #1a1a1a; | background: #1a1a1a; | ||
} | } | ||
.client-darkmode .portlet li, ul { | .client-darkmode .portlet li, ul { | ||
| Line 110: | Line 116: | ||
background: #555; | background: #555; | ||
} | } | ||
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 { | 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; | background: none; | ||
} | } | ||
/* MZ */ .client-darkmode .sidebar a[class] { | /* MZ */ .client-darkmode .sidebar a[class], .client-darkmode .vector-menu-heading, .client-darkmode #mw-page-base { | ||
background-image: none; | background-image: none; | ||
} | } | ||
.client-darkmode a, .client-darkmode span, .client-darkmode strong { | .client-darkmode a, .client-darkmode span, .client-darkmode strong, .client-darkmode #mw-page-base { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
.client-darkmode * { color: inherit; text-shadow: none; border-color: #555 !important; } | .client-darkmode * { color: inherit; text-shadow: none; border-color: #555 !important; } | ||
html . | html.skin-theme-clientpref-night, .client-darkmode #msupload-dropzone { color: #ccc !important; } | ||
.client-darkmode hr { height: 0; border: 0 solid #555; border-width: 1px 0 0; } | .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, .client-darkmode li a { color: #4be; border-color: currentColor; } | ||
| Line 134: | Line 139: | ||
.client-darkmode .button, .client-darkmode .button2, .client-darkmode .buttons > div > a, .client-darkmode .profile-icons > li > a, | .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 | .client-darkmode .download-button, .client-darkmode a.download-main, .client-darkmode a.colorizeit-main | ||
{ color: #fff; border: 1px solid #555; background: #111; | { color: #fff !important; border: 1px solid #555; background: #111 !important; | ||
border-radius: | 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)); } | background-image: linear-gradient(rgba(255,255,255,0.2),rgba(125,125,125,0.2),rgba(0,0,0,0.3)); } | ||