Difference between revisions of "MediaWiki:Common.css"
From Nomad DB
Line 2: | Line 2: | ||
:root { | :root { | ||
--main-bg-color: #2A2A2A; | --main-bg-color: #2A2A2A; | ||
+ | --input-bg-color: rgba(0, 0, 0, 0.4); | ||
+ | |||
--main-text-color: #F0F0F0; | --main-text-color: #F0F0F0; | ||
--link-color: #F1C94F; | --link-color: #F1C94F; | ||
Line 66: | Line 68: | ||
} | } | ||
.mw-body { | .mw-body { | ||
− | background | + | background: none; |
− | + | color: inherit; | |
+ | border: 1px solid rgba(255, 255, 255, 0.2); | ||
} | } | ||
.mw-parser-output a.external { | .mw-parser-output a.external { | ||
Line 76: | Line 79: | ||
} | } | ||
/* --- END MAIN CONTENT --- */ | /* --- END MAIN CONTENT --- */ | ||
+ | |||
+ | /* --- INPUT ELEMENTS--- */ | ||
+ | .oo-ui-textInputWidget .oo-ui-inputWidget-input, | ||
+ | .mw-widget-dateInputWidget-handle, | ||
+ | .oo-ui-checkboxInputWidget [type='checkbox'] + span { | ||
+ | background: var(--input-bg-color); | ||
+ | color: inherit; | ||
+ | } | ||
+ | .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span { | ||
+ | background-color: #36c; | ||
+ | border-color: #36c; | ||
+ | } | ||
+ | #simpleSearch input { | ||
+ | background: var(--input-bg-color); | ||
+ | color: inherit; | ||
+ | } | ||
+ | /* --- END INPUT ELEMENTS --- */ | ||
+ | |||
+ | /* --- MISC --- */ | ||
+ | #pagehistory li.selected { | ||
+ | background: rgba(255, 255, 255, 0.1); | ||
+ | color: inherit; | ||
+ | } | ||
+ | /* --- END MISC --- */ |
Revision as of 20:51, 12 April 2020
/* CSS placed here will be applied to all skins */
:root {
--main-bg-color: #2A2A2A;
--input-bg-color: rgba(0, 0, 0, 0.4);
--main-text-color: #F0F0F0;
--link-color: #F1C94F;
--link-color-visited: #F1C94F;
--new-link-color: #EF533E;
}
body {
background-color: var(--main-bg-color);
color: var(--main-text-color);
}
a {
color: var(--link-color);
}
a:visited {
color: var(--link-color-visited);
}
/* --- SIDEBAR --- */
#mw-panel .portal h3 {
color: var(--main-text-color);
}
#mw-panel .portal .body {
background: none;
}
#mw-panel .portal .body li a {
color: var(--link-color);
}
#mw-panel .portal .body li a:visited {
color: var(--link-color-visited);
}
/* --- END SIDEBAR --- */
/* --- HEADER --- */
#mw-page-base {
background: none;
}
.vectorTabs, .vectorTabs span, #mw-head .vectorMenu h3 {
background: none;
}
.vectorTabs .selected {
background: none;
}
.vectorTabs li {
background: none;
}
.vectorTabs li a, .vectorTabs .selected a, .vectorTabs .selected a:visited {
color: var(--link-color);
}
.vectorMenu h3 span {
color: var(--link-color);
}
.vectorTabs .new a, .vectorTabs .new a:visited {
color: var(--new-link-color);
}
a.new, #p-personal a.new, a.new:visited, #p-personal a.new:visited {
color: var(--new-link-color);
}
/* --- END HEADER --- */
/* --- MAIN CONTENT --- */
h1, h2, h3, h4, h5, h6 {
color: var(--main-text-color);
}
.mw-body {
background: none;
color: inherit;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.mw-parser-output a.external {
color: var(--link-color);
}
.mw-parser-output a.external:visited {
color: var(--link-color-visited);
}
/* --- END MAIN CONTENT --- */
/* --- INPUT ELEMENTS--- */
.oo-ui-textInputWidget .oo-ui-inputWidget-input,
.mw-widget-dateInputWidget-handle,
.oo-ui-checkboxInputWidget [type='checkbox'] + span {
background: var(--input-bg-color);
color: inherit;
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span, .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: #36c;
border-color: #36c;
}
#simpleSearch input {
background: var(--input-bg-color);
color: inherit;
}
/* --- END INPUT ELEMENTS --- */
/* --- MISC --- */
#pagehistory li.selected {
background: rgba(255, 255, 255, 0.1);
color: inherit;
}
/* --- END MISC --- */