Templat:Sidenote/styles.css

/*
 * This CSS is loaded only in page NS to provide default styling.
 * In the main NS, dynamic layouts take over. Index CSS always applies.
 */

.wst-sidenote {
	text-align: left;
}

/* These rules apply the float that will work even if a margin not provided with {{Sidenotes begin}} */
.wst-sidenote-right {
	float: right;
	clear: right;
	padding-left: 1em;
}
.wst-sidenote-left {
	float: left;
	clear: left;
	padding-right: 1em;
}
  
/* margin provided - use it */
 /*
  * This is the default layout. This can be adjusted with Index-level CSS
  * if the work uses different widths of sidenote columns in the page NS
  */
.wst-sidenote-container .wst-sidenote-right {
	margin-right: -11em;
	width: 10em;
}
.wst-sidenote-container .wst-sidenote-left {
	margin-left: -11em;
	width: 10em;
}