Template:Dropinitial/styles.css

.dropinitial {
	float: left;
	text-indent: 0;
}

.dropinitial .dropinitial-fl {
	float: left;
	position: relative;
	vertical-align: top;
}

.dropinitial .dropinitial-mid .dropinitial-initial {
	/* also float this inner span so the margins still work */
	float: left;
	
	line-height:1em;
	
	/* reset any text-indent because otherwise it will also appear
     * in between the 'fl' text and the initial itself */
	text-indent: 0;
	
	font-size:3em;
	
	margin:0 0.1em 0 0;
}

.dropinitial-firstword {
	text-transform: uppercase;
}

/* Further formatting unique to dropinitials inside ppoem is found at [[Template:Ppoem/styles.css]] */

html.skin-theme-clientpref-night .wst-drop-initial-night-mode-invert {
	filter:invert(1) hue-rotate(180deg);
}
@media(prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .wst-drop-initial-night-mode-invert {
		filter:invert(1) hue-rotate(180deg);
	}
}