Template:FancyDoc/style.css

/* Colors from https://design.wikimedia.org/style-guide/visual-style_colors.html */
.fancydoc--blue-border { border-color: #36c; }
.fancydoc--red-border {	border-color: #d33; }
.fancydoc--green-border {	border-color: #00af89; }

.fancydoc--blue-text { color: #36c; }
.fancydoc--red-text {	color: #d33; }
.fancydoc--green-text {	color: #00af89; }

.fancydoc-header {
	background-color: var( --background-color-interactive, #eaecf0 );
	color: var( --color-base, #202122 );
	font-size: 1.2em;
	margin: 1em auto;
	text-align: center;
	padding: 1em;
	border-style: solid;
	border-width: 0;
	border-bottom-width: thick;
}

.fancydoc-section-header {
	font-family: sans-serif;
	font-weight: bold;
	border-width: medium;
	border-style: solid;
	border-radius: 2px;
	text-align: center;
	padding: 0.25em 0.5em;
}

@media only screen and (min-width: 768px) {
	.fancydoc-header {
		padding: 2em;
		margin: 2em auto;
		font-size: 1.6em;
		width: 80%;
	}
}