MediaWiki:Common.css: Difference between revisions

From Arrakis Wiki
mNo edit summary
(Removed gradient)
 
Line 44: Line 44:
background-position: bottom left;
background-position: bottom left;
height: 5em;
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%);
}
}


Line 61: Line 57:
.vector-menu-tabs .selected {
.vector-menu-tabs .selected {
background: var(--bg-content);
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%)
}
}



Latest revision as of 20:46, 2 December 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, .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);
}