Template:Sbs/styles.css

div.ws-template-sbs { margin: 0; padding: 0; }

div.ws-template-sbs.centered-text { text-align: center; }

div.ws-template-sbs.left-text { text-align: left; }

div.ws-template-sbs.right-text { text-align: right; }

div.ws-template-sbs.justified, div.ws-template-sbs.justify { text-align: justify; }

div.ws-template-sbs.centered-block { display: table; margin-left: auto; margin-right: auto; }

div.ws-template-sbs.poetry { display: flex; flex-direction: column; align-items: center; }

div.ws-template-sbs.poetry p { white-space: pre-wrap; }

div.ws-template-sbs.pre-wrap { white-space: pre-wrap; margin-top: -22px; /* div with pre-wrap gets an extra blank line at the beginning and end since it preserves the newline, so set a negative margin equal(ish) to the computed line-height to compensate. */ margin-bottom: -22px; /* div with pre-wrap gets an extra blank line at the beginning and end since it preserves the newline, so set a negative margin equal(ish) to the computed line-height to compensate. */ }

div.ws-template-sbs.double-border { border-style: double; border-width: 5px; border-color: black; padding: 1em; }

div.ws-template-sbs.hanging-indent { margin-left: 2em; text-indent: -2em; }

/* The values chosen for this are not particularly dynamic. */ div.ws-template-sbs.drop-initial p:first-child::first-letter { font-size: 4em; float: left; line-height: 1; margin-right: 3px; }

div.ws-template-sbs.indented { margin-left: 3em; }

div.ws-template-sbs.inline { display: inline; }

div.ws-template-sbs.serif { font-family: serif; }

div.ws-template-sbs.oldstyle-numbers { font-variant-numeric: oldstyle-nums; }

div.ws-template-sbs.border { border: 1px solid black; }

div.ws-template-sbs.padding { padding: 1em; }

div.ws-template-sbs.bold { font-weight: bold; }

div.ws-template-sbs.italic { font-style: italic; }

div.ws-template-sbs.small-caps { font-variant: small-caps; }

div.ws-template-sbs.xx-smaller { font-size: 58%; }

div.ws-template-sbs.x-smaller { font-size: 69%; }

div.ws-template-sbs.smaller { font-size: 83%; }

div.ws-template-sbs.fine { font-size: 92%; }

div.ws-template-sbs.smaller { font-size: 83%; }

div.ws-template-sbs.larger { font-size: 120%; }

div.ws-template-sbs.x-larger { font-size: 144%; }

div.ws-template-sbs.xx-larger { font-size: 182%; }

div.ws-template-sbs.xxx-larger { font-size: 207%; }

div.ws-template-sbs.xxxx-larger { font-size: 249%; }

div.ws-template-sbs.padded-1em { padding: 1em; }