.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 0 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;
}
}