Template:Sidebar/styles.css

.tpl-sidebar {
	background-color: var( --background-color-interactive-subtle, #f8f9fa );
	border: 1px solid var( --border-color-divider, #a2a9b1 );
	color: var( --color-base, #202122 );
	width: 22em;
	padding: .2em;
	text-align: center;
	line-height: 1.4em;
	font-size: 88%;
}
.tpl-sidebar-pagedir-ltr,
.tpl-sidebar.tpl-sidebar-floatright {
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	/* @noflip */
	margin: .5em 0 1em 1em;
}
.tpl-sidebar-pagedir-rtl,
.tpl-sidebar.tpl-sidebar-floatleft {
	/* @noflip */
	float: left;
	/* @noflip */
	clear: left;
	/* @noflip */
	margin: .5em 1em 1em 0;
}
.tpl-sidebar.tpl-sidebar-floatnone {
	float: none;
	clear: both;
	/* @noflip */
	margin: .5em 0 1em 1em;
}
.tpl-sidebar > caption {
	padding-bottom: .2em;
	font-size: 125%;
	line-height: 1.2em;
	font-weight: bold;
}
.tpl-sidebar > tbody > tr > th,
.tpl-sidebar > tbody > tr > td {
	padding: 0;
}
.tpl-sidebar .tpl-sidebar-topimage > td {
	padding: .4em 0;
}
.tpl-sidebar-imagecaption {
	padding-top: .2em;
	line-height: 1.2em;
}
.tpl-sidebar .tpl-sidebar-pretitle > td {
	padding-top: .4em;
	line-height: 1.2em;
}
.tpl-sidebar .tpl-sidebar-topimage + .tpl-sidebar-pretitle > td {
	padding-top: .2em;
}
.tpl-sidebar .tpl-sidebar-title > th {
	padding: .2em .4em .2em;
	font-size: 145%;
	line-height: 1.2em;
}
.tpl-sidebar .tpl-sidebar-pretitle + .tpl-sidebar-title > th {
	padding-top: 0;
}
.tpl-sidebar .tpl-sidebar-image > td {
	padding: .2em 0 .4em;
}
.tpl-sidebar .tpl-sidebar-abovebelow > td {
	padding: .3em .4em;
	font-weight: bold;
}
.tpl-sidebar .tpl-sidebar-heading > th {
	padding-top: .2em;
}
.tpl-sidebar .tpl-sidebar-image ~ .tpl-sidebar-heading-first > th {
	padding-top: .4em;
}
.tpl-sidebar .tpl-sidebar-content > td {
	padding-bottom: .2em;
}
.tpl-sidebar :not(.tpl-sidebar-heading) + .tpl-sidebar-content-first > td {
	padding-top: .2em;
}
.tpl-sidebar-navbar > td {
	font-size: 115%;
}
.tpl-sidebar-pagedir-ltr .tpl-sidebar-navbar > td {
	/* @noflip */
	text-align: right;
}
.tpl-sidebar-pagedir-rtl .tpl-sidebar-navbar > td {
	/* @noflip */
	text-align: left;
}