Template:Dialogue/styles.css

/* Template:Dialogue — a transcript block.

   The template renders as a <blockquote>, so it picks up whatever the skin
   does with quotations (Ecru: olive left rule, serif, indent) and sits on the
   page like {{Quote}}. Before this it emitted only bold-name/<q>/<br />, which
   MediaWiki wrapped in a bare <p> — indistinguishable from the prose around it.

   Colors follow the Ecru token contract (--wiki-*) with fallbacks, per
   templates/README.md; everything else is inherited from the blockquote. */

.dialogue {
	display: flow-root;
}

/* Hanging indent: the speaker's name sits flush, and speech that wraps tucks
   under the start of the line instead of running back to the margin. */
.dialogue-line {
	margin: 0.2em 0;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.dialogue-speaker {
	font-weight: 600;
}

.dialogue-mood {
	font-style: italic;
}

/* |action| lines: stage directions, not speech — no hanging indent to hang. */
.dialogue-action {
	margin: 0.6em 0;
	padding-left: 0;
	text-indent: 0;
	font-style: italic;
	color: var(--wiki-ink-muted, #6a6a5f);
}

.dialogue-overflow {
	padding-left: 0;
	text-indent: 0;
	color: #8e2a20;
}