Difference between revisions of "MediaWiki:Common.css"

From Wolf Roleplay Wiki
(Created page with "→‎CSS placed here will be applied to all skins: .right-sidebar { background: rgba(0,0,0,.05); padding: .5rem 1.5rem; float: right; border: 1px solid rgba(0,0,0,.25); }")
 
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
 +
:root {
 +
--muted-bg: rgba(0,0,0,.025);
 +
--muted-border: rgba(0,0,0,.25);
 +
--muted-padding: .5em 1.5em;
 +
--heading-font: 'Georgia','Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times', serif;
 +
}
 +
html {
 +
scroll-behavior: smooth;
 +
}
 +
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
 +
font-family: var(--heading-font);
 +
}
 +
#p-logo-text a {
 +
font-variant: normal;
 +
margin-top: .25em;
 +
}
 
.right-sidebar {
 
.right-sidebar {
background: rgba(0,0,0,.05);
+
background: var(--muted-bg);
padding: .5rem 1.5rem;
+
padding: var(--muted-padding);
 
float: right;
 
float: right;
border: 1px solid rgba(0,0,0,.25);
+
border: 1px solid var(--muted-border);
 +
margin-left: 1em;
 +
margin-bottom: 1em;
 +
}
 +
.article-banner {
 +
background: var(--muted-bg);
 +
border: 1px solid var(--muted-border);
 +
padding: var(--muted-padding);
 +
margin: 1em 0;
 +
clear: both;
 
}
 
}

Latest revision as of 19:40, 9 January 2020

/* CSS placed here will be applied to all skins */
:root {
	--muted-bg: rgba(0,0,0,.025);
	--muted-border: rgba(0,0,0,.25);
	--muted-padding: .5em 1.5em;
	--heading-font: 'Georgia','Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times', serif;
}
html {
	scroll-behavior: smooth;
}
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	font-family: var(--heading-font);
}
#p-logo-text a {
	font-variant: normal;
	margin-top: .25em;
}
.right-sidebar {
	background: var(--muted-bg);
	padding: var(--muted-padding);
	float: right;
	border: 1px solid var(--muted-border);
	margin-left: 1em;
	margin-bottom: 1em;
}
.article-banner {
	background: var(--muted-bg);
	border: 1px solid var(--muted-border);
	padding: var(--muted-padding);
	margin: 1em 0;
	clear: both;
}