Template:Navigation sidebar/styles.css

.tpl-navsidebar {
	max-width: 22em;
	background: var( --background-color-base, #fff );
	color: var( --color-base, #202122 );
	border: 1px solid var( --border-color-base, #a2a9b1 );
	float: right;
	clear: right;
	margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatright {
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	/* @noflip */
	margin: .5em 0 1em 1em;
}
.tpl-navsidebar-floatleft {
	/* @noflip */
	float: left;
	/* @noflip */
	clear: left;
	/* @noflip */
	margin: .5em 1em 1em 0;
}
.tpl-navsidebar-floatnone {
	float: none;
	clear: both;
	margin: .5em 0;
}
.tpl-navsidebar-topimage {
	margin: 0 0 16px 0;
}
.tpl-navsidebar-title {
	margin: 8px 16px;
	border-bottom: 3px solid var( --border-color-muted, #eaecf0 );
	font-size: 20px;
	text-align: center;
}
.tpl-navsidebar-image {
	margin: 0 0 8px;
}
.tpl-navsidebar-content {
	margin: 0 0 16px 0;
	padding: 0 8px;
}
.tpl-navsidebar-heading {
	margin: 8px 0;
	font-weight: bold;
}
.tpl-navsidebar-foot {
	padding: 0 8px;
	margin: 0;
	text-align: right;
	font-size: smaller;
}
@media not (min-width: 720px) {
	.tpl-navsidebar {
		float: none;
		clear: both;
		margin: .5em 0;
		max-width: none;
	}
}