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 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 {
.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: snow;
color: #ccc !important;
}
.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 {
.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;
}
/** 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 {
.client-darkmode .portlet li, ul {
Line 110: Line 116:
background: #555;
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 {  
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 .client-darkmode, .client-darkmode #msupload-dropzone { color: #ccc; }
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: 7px; box-shadow: none; text-shadow: none;
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)); }