|
|
Line 1: |
Line 1: |
− | /* 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;
| |
− | --muted-text-color: #BFBFBF;
| |
− | --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);
| |
− | }
| |
− | .mw-body h1, .mw-body-content h1, .mw-body-content h2 {
| |
− | font-family: inherit;
| |
− | }
| |
− | /* --- 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 --- */
| |
− | .wikitable {
| |
− | background: rgba(255, 255, 255, 0.125);
| |
− | color: inherit;
| |
− | border: 0 none;
| |
− | }
| |
− | .wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td {
| |
− | border: 1px solid rgba(255, 255, 255, 0.4);
| |
− | }
| |
− | #pagehistory li.selected {
| |
− | background: rgba(255, 255, 255, 0.1);
| |
− | color: inherit;
| |
− | }
| |
− | #footer li {
| |
− | color: var(--muted-text-color);
| |
− | }
| |
− | #footer-poweredbyico {
| |
− | display: none;
| |
− | }
| |
− | /* --- END MISC --- */
| |