Template:Ppoem/styles.css

.ws-poem { display:table; /* Centre in page. */	margin:0 auto; /* If someone sets an explicit width, don't let it overflow the page. */	max-width:100%; } .ws-poem-fl, .ws-poem-fn { margin-left:0; vertical-align:top; }

.ws-poem-fr{ margin-left:auto; margin-right:0; vertical-align:top; }

.ws-poem-stanza { /* Avoid breaking stanzas over pages if we can */ page-break-inside:avoid; break-inside:avoid; }

.ws-poem-stanza.ws-poem-left { display:table; margin-right:auto; }

.ws-poem-stanza.ws-poem-right { display:table; margin-left:auto; }

.ws-poem-stanza.ws-poem-center { display:table; margin:0 auto; }

.ws-poem-line { display:block; position:relative; }

.ws-poem-hi .ws-poem-line { text-indent:-4em; margin-left:4em; }

/* Take line breaks out of the flow—they copy-paste but don't do anything. */ .ws-poem-break { position:absolute; }

.ws-poem-line.ws-poem-right { text-align:right; }

.ws-poem-hi .ws-poem-line.ws-poem-right { text-indent:0; }

.ws-poem-line.ws-poem-center { text-align:center; }

.ws-poem-hi .ws-poem-line.ws-poem-center { text-indent:0; margin-left:0; }

.ws-poem-linenum { float:right; text-indent:0; user-select:none; }

/* the default padding for the right gutter (to fit the line numbers) */ .ws-poem-right-gutter .ws-poem-line { padding-right:2em; }

.ws-poem-versenum { float:left; text-indent:0; user-select:none; }

/* the default padding for the left gutter (to fit the verse numbers) */ .ws-poem-left-gutter .ws-poem-line { padding-left:2em; }

/* inter-stanza spaces */ .ws-poem-stanza:not(:last-child) { margin-bottom:1em; }

/* indent padding spans */ .ws-poem-indent { display:inline-block; text-indent:0; /* width set inline on each one */ /* allow the user to set a bigger font-size to adjust the size of a single ":" but don't let the indent inflate the overall line height */ line-height:0; overflow:hidden; }

/* ============================================================================ * Adjustment of other templates within ppoems. * This is naughty, but at least it keeps the hacks in one place. */ .ws-poem .wst-fqm { position:absolute; }

.ws-poem-hi .dropinitial { margin-left:-4em; } /* Force drop initials to "shunt" hanging-indent content rightwards. */ /* This has to be done on the MIDDLE span, because the font size of the inner dropinitial-initial span is independent to the indentation of the outer environment. */ .ws-poem-hi .dropinitial-mid { margin-right:4em; }

.ws-poem .pagenum { /* Float out of the space between the span blocks, or it makes a gap without the pagenumbers gadget. */	float:left; }

/* ============================================================================ * Pre-defined formatting classes * For use with the {class} syntax (line or stanza) */ .ws-poem-blackletter, .ws-poem-fractur { font-family:UnifrakturMaguntia, UnifrakturCook, Unifraktur, serif; font-size:113%; font-feature-settings:'cv01', 'cv02', 'cv03', 'cv04', 'cv05', 'cv06', 'cv07', 'cv08', 'cv09', 'cv10'; }

.ws-poem-bl-ls { font-family:UnifrakturMaguntia, UnifrakturCook, Unifraktur, serif; font-size:113%; font-feature-settings:'cv11', 'cv01','cv02', 'cv03', 'cv04', 'cv05', 'cv06', 'cv07', 'cv08', 'cv09', 'cv10'; }

.ws-poem-cursive, .ws-poem-handwriting { font-family:Petit Formal Script, cursive; }

.ws-poem-italic, .ws-poem.italic { font-style:italic; }

.ws-poem-bold, .ws-poem.bold { font-weight:bold; }

.ws-poem-smallcaps, .ws-poem-sc, .ws-poem.smallcaps, .ws-poem.sc { font-variant:small-caps; }

/* The text size classes, from xxs to xxxxl. */ .ws-poem-xxsmaller, .ws-poem-xxs { font-size:58%; }

.ws-poem-x-smaller, .ws-poem-xs { font-size:69%; }

.ws-poem-smaller, .ws-poem-sm { font-size:83%; }

.ws-poem-fine { font-size:92%; }

.ws-poem-larger, .ws-poem-lg { font-size:120%; }

.ws-poem-x-larger, .ws-poem-xl { font-size:144%; }

.ws-poem-xx-larger, .ws-poem-xxl { font-size:182%; }

.ws-poem-xxx-larger, .ws-poem-xxxl { font-size:207%; }

.ws-poem-xxxx-larger, .ws-poem-xxxxl { font-size:249%; }

.ws-poem-center, .ws-poem-c { text-align:center; }

/* Classes facilitating using ppoem for play scripts by abusing versenums for speech prefixes. The sizes are meant to cover the most common widths for prefixes, _not_ all possible sizes. If none of these fit you should look for other solutions instead. This is _not_ a "table style"-like unbounded set of size classes. Use the custom class + Index Styles facility instead. */ .ws-poem-speech-prefix-xsmaller .ws-poem-line, .ws-poem-speech-prefix-xs .ws-poem-line { margin-left:10em; } .ws-poem-speech-prefix-smaller .ws-poem-line { margin-left:3em; } .ws-poem-speech-prefix .ws-poem-line { margin-left:5em; } .ws-poem-speech-prefix-larger .ws-poem-line { margin-left:7em; } .ws-poem-speech-prefix-xlarger .ws-poem-line, .ws-poem-speech-prefix-xl .ws-poem-line { margin-left:10em; }