MediaWiki:Common.css: Difference between revisions
(Sand background color) |
(Created) |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
:root { | |||
--accent: #bc823b; | |||
--secondary: #885328; | |||
--dark: #111; | |||
--bg-light: #faebd7; | |||
--bg-content: #fbefd5; | |||
--bg-dark: #f5deb3; | |||
--bg-box: #fdf5e6; | |||
--bg-code: #efe1bc; | |||
--border: #aaa; | |||
--border-rgb: rgba(170,170,170,0); | |||
} | |||
body { | body { | ||
background: # | background: var(--bg-light); | ||
} | |||
a { | |||
color: var(--accent); | |||
} | |||
h1, h2 { | |||
border-bottom: 1px solid var(--border); | |||
} | |||
.mw-body, .parsoid-body { | |||
background: var(--bg-content); | |||
border: 1px solid var(--border); | |||
} | |||
#mw-page-base { | |||
background-color: var(--bg-light); | |||
background-image: linear-gradient(to bottom,var(--bg-light) 50%,var(--bg-content) 100%); | |||
background-position: bottom left; | |||
height: 5em; | |||
} | |||
.vector-menu-portal .vector-menu-heading { | |||
background-image: linear-gradient(to right,rgba(170,170,170,0) 0,var(--border) 33%,var(--border) 66%,rgba(170,170,170,0) 100%); | |||
} | |||
.vector-menu-portal .vector-menu-heading, .vector-menu-dropdown li a { | |||
color: var(--accent); | |||
} | |||
.vector-menu-dropdown .vector-menu-content { | |||
background: var(--bg-content); | |||
border: 1px solid var(--border); | |||
} | |||
.vector-menu-tabs .selected { | |||
background: var(--bg-content); | |||
} | |||
.vector-menu-tabs li { | |||
background-image: linear-gradient(to bottom,var(--bg-content) 50%,var(--bg-code) 100%); | |||
} | |||
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading { | |||
background-image: linear-gradient(to bottom,var(--border-rgb) 0,var(--border) 100%) | |||
} | |||
.skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited, .vector-menu-tabs li a { | |||
color: var(--secondary); | |||
} | |||
.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited { | |||
color: #111; | |||
} | |||
.vector-menu-tabs .selected a { | |||
font-weight: bold; | |||
} | } | ||
. | .editOptions { | ||
background: | background-color: var(--bg-code); | ||
border: 1px solid var(--border); | |||
} | } |
Revision as of 16:18, 7 June 2022
/* CSS placed here will be applied to all skins */
:root {
--accent: #bc823b;
--secondary: #885328;
--dark: #111;
--bg-light: #faebd7;
--bg-content: #fbefd5;
--bg-dark: #f5deb3;
--bg-box: #fdf5e6;
--bg-code: #efe1bc;
--border: #aaa;
--border-rgb: rgba(170,170,170,0);
}
body {
background: var(--bg-light);
}
a {
color: var(--accent);
}
h1, h2 {
border-bottom: 1px solid var(--border);
}
.mw-body, .parsoid-body {
background: var(--bg-content);
border: 1px solid var(--border);
}
#mw-page-base {
background-color: var(--bg-light);
background-image: linear-gradient(to bottom,var(--bg-light) 50%,var(--bg-content) 100%);
background-position: bottom left;
height: 5em;
}
.vector-menu-portal .vector-menu-heading {
background-image: linear-gradient(to right,rgba(170,170,170,0) 0,var(--border) 33%,var(--border) 66%,rgba(170,170,170,0) 100%);
}
.vector-menu-portal .vector-menu-heading, .vector-menu-dropdown li a {
color: var(--accent);
}
.vector-menu-dropdown .vector-menu-content {
background: var(--bg-content);
border: 1px solid var(--border);
}
.vector-menu-tabs .selected {
background: var(--bg-content);
}
.vector-menu-tabs li {
background-image: linear-gradient(to bottom,var(--bg-content) 50%,var(--bg-code) 100%);
}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown .vector-menu-heading {
background-image: linear-gradient(to bottom,var(--border-rgb) 0,var(--border) 100%)
}
.skin-vector-legacy a.new:visited, .skin-vector-legacy .vector-menu-tabs .new a, .skin-vector-legacy .vector-menu-tabs .new a:visited, .vector-menu-tabs li a {
color: var(--secondary);
}
.vector-menu-portal .vector-menu-content li a, .vector-menu-portal .vector-menu-content li a:visited {
color: #111;
}
.vector-menu-tabs .selected a {
font-weight: bold;
}
.editOptions {
background-color: var(--bg-code);
border: 1px solid var(--border);
}