MediaWiki:Common.css: Difference between revisions
(Created) |
(Added external link colours) |
||
Line 3: | Line 3: | ||
--accent: #bc823b; | --accent: #bc823b; | ||
--secondary: #885328; | --secondary: #885328; | ||
--tertiary: #4b2b18; | |||
--dark: #111; | --dark: #111; | ||
--bg-light: #faebd7; | --bg-light: #faebd7; | ||
Line 19: | Line 20: | ||
a { | a { | ||
color: var(--accent); | 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); | |||
} | } | ||
Revision as of 16:26, 7 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);
}
.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);
}