MediaWiki:Common.css

From Arrakis Wiki

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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, .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);
}

.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);
}