MediaWiki:Common.css: Difference between revisions
(Added external link colours) |
mNo edit summary |
||
Line 34: | Line 34: | ||
} | } | ||
.mw-body, .parsoid-body { | #content, .mw-body, .parsoid-body { | ||
background: var(--bg-content); | background: var(--bg-content); | ||
border: 1px solid var(--border); | border: 1px solid var(--border); |
Revision as of 14:57, 8 June 2022
/* CSS placed here will be applied to all skins */
:root {
--accent: #bc823b;
--secondary: #885328;
--tertiary: #4b2b18;
--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);
}
.mw-parser-output a.extiw, .mw-parser-output a.external {
color: var(--tertiary);
}
.mw-parser-output a.extiw:visited, .mw-parser-output a.external:visited {
color: var(--secondary);
}
h1, h2 {
border-bottom: 1px solid var(--border);
}
#content, .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);
}