Common.css: Difference between revisions

Revision as of 20:29, 25 August 2019

/* CSS placed here will be applied to all skins */

@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Cormorant+Garamond|Spectral&display=swap');

/* Hide "Main Page" titles */ 
body.page-Main_Page .title,
body.page-Main_Page #tagline {
	display: none;
}

.row.display {
	background: #eee;
	font-size: 11px;
	margin-bottom: 10px;
}
.row.display .columns,
.row.display .column {
	background: #e7e7e7;
	border: 1px solid #ddd;
	font-size: 13px;
	font-weight: bold;
	text-indent: 3px;
	padding-top: 8px;
	color: #444;
	padding-bottom: 8px;
}

/* make the reason selection for &action=protect bigger */
#mwProtect-level-edit,
#mwProtect-level-move {
	height: 65px;
}

/* CodeRay Syntax Highlighting Styles to match Github */
.CodeRay {
	background-color: #eee;
	border: 1px solid #ccc;
	font-family: "Consolas", "Liberation Mono", Courier, monospace;
	color: #000;
	padding: 0.8em 0 0.8em 0.8em;
 	margin-bottom: 1.3em;
	overflow: auto;
}

.CodeRay pre {
	margin: 0;
	font-size: .9em;
	line-height: 1.4em;
	white-space: pre;
}

/* CookieWarning */
.mw-cookiewarning-container {
	min-height: 4em;
	padding: 15px;
}

/* VisualEditor
 * fix for https://github.com/jthingelstad/foreground/issues/331
 */
.oo-ui-toolbar-bar .oo-ui-tool .oo-ui-tool-link {
	padding-top: 0 !important;
}

/* Font things */
h1, h2, h3, h4, h5, h6 {
	font-family: "Cormorant Garamond";
}

p, ul, ol, dl, body {
	font-family: "Spectral";
	font-weight: normal;
	line-height: 1.6;
	text-rendering: auto;
}