Template:Dialogue/styles.css

/* For content between [[Template:Dialogue Start]] and [[Template:Dialogue End]] */
.dialogue {
	font-size: 15px;
	line-height: 20px;
}

.dialogue.no-indent {
	margin-left: -27px;
}

.dialogue.left-line {
	border-left: 2px solid var(--background-color-2);
	padding-left: 16px;
	display: block;
}

.dialogue dl dd,
.dialogue dl dl dt {
	padding-left: 16px;
	margin-left: 0;
}

.dialogue dl {
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 11px;
	border-left: 2px solid var(--background-color-2);
}

.dialogue > dl,
.dialogue td > dl {
	margin-bottom: 10px;
	border-left: none;
}

.dialogue dt {
	font-weight: normal;
	font-style: italic;
	font-size: .85em;
}

.dialogue dt i {
	font-style: normal;
}

.dialogue .black-screen-text {
	margin-bottom: 13px;
	margin-top: 13px;
}

/* Remove padding from dialogue in tables. */
td > div.dialogue > dl {
	margin: 0;
}

td > div.dialogue > dl > dd,
td > div.dialogue > dl > dt {
	padding-left: 0;
}

/* Ensure transparent background on images */
.dialogue dd > span.mw-default-size:not(.skin-invert-image) img {
    background: transparent !important;
}