Module:Sidebar/styles.css

.sidebar { width: 22em; float: right; clear: right; margin: 0.5em 0 1em 1em; background: #f8f9fa; border: 1px solid #aaa; padding: 0.2em; border-spacing: 0.4em 0; text-align: center; line-height: 1.4em; font-size: 88%; }

.sidebar a { white-space: nowrap; }

.sidebar-wraplinks a { white-space: normal; }

.sidebar-subgroup { width: 100%; margin: 0; border-spacing: 0; }

.sidebar-left { float: left; clear: left; margin: 0.5em 1em 1em 0; }

.sidebar-none { float: none; clear: both; margin: 0.5em 1em 1em 0; }

.sidebar-outer-title { padding-bottom: 0.2em; font-size: 125%; line-height: 1.2em; font-weight: bold; }

.sidebar-top-image { padding: 0.4em 0; }

.sidebar-top-caption, .sidebar-pretitle-with-top-image, .sidebar-caption { padding-top: 0.2em; line-height: 1.2em; }

.sidebar-pretitle { padding-top: 0.4em; line-height: 1.2em; }

.sidebar-title, .sidebar-title-with-pretitle { padding: 0.2em 0.4em; font-size: 145%; line-height: 1.2em; }

.sidebar-title-with-pretitle { padding-top: 0; }

.sidebar-image { padding: 0.2em 0 0.4em; }

.sidebar-heading { padding: 0.1em; }

.sidebar-content { padding: 0 0.1em 0.4em; }

.sidebar-content-with-subgroup { padding: 0.1em 0 0.2em; }

.sidebar-above, .sidebar-below { padding: 0.3em 0.4em; font-weight: bold; }

.sidebar-collapse .sidebar-above, .sidebar-collapse .sidebar-below { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }

.sidebar-navbar { text-align: right; font-size: 115%; }

.sidebar-collapse .sidebar-navbar { padding-top: 0.6em; }

.sidebar-collapse .mw-collapsible-toggle { margin-top: 0.2em; }

.sidebar-list-title { text-align: left; font-weight: bold; line-height: 1.6em; font-size: 105%; }

@media (max-width: 720px) { /* users have wide latitude to set arbitrary width and margin :(	  "Super-specific" selector to prevent overriding this appearance by	   lower level sidebars too */	body.mediawiki .sidebar {		width: 100% !important;		clear: both;		float: none;		margin-left: 0 !important;		margin-right: 0 !important;	}	}