Template:Template journal/styles.css

div.tj-box {
	font-family: 'Menlo', 'Consolas', 'Liberation Mono', 'Courier New', monospace;
	padding: 1em;
	white-space: pre-wrap;
	overflow-x: hidden;
	word-wrap: break-word;
	line-height: 1.3;
	tab-size: 4;
	vertical-align: baseline;
	margin: 0;
}

div.tj-box span.tj-tn,
div.tj-box span.tj-tn a,
div.tj-box span.tj-tn a:link,
div.tj-box span.tj-tn a:visited,
div.tj-box span.tj-tn a:hover {
	font-weight: bold;
	color: #4169e1;
}

div.tj-box span.tj-an {
	font-weight: bold;
	color: #2e8b57;
}

div.tj-box span.tj-ac {
	font-style: italic;
	color: #933;
}

/* Dark mode support */
@media screen {
    html.skin-theme-clientpref-night div.tj-box span.tj-tn,
	html.skin-theme-clientpref-night div.tj-box span.tj-tn a,
	html.skin-theme-clientpref-night div.tj-box span.tj-tn a:link,
	html.skin-theme-clientpref-night div.tj-box span.tj-tn a:visited,
	html.skin-theme-clientpref-night div.tj-box span.tj-tn a:hover {
		color: #6383E7;
	}

	html.skin-theme-clientpref-night div.tj-box span.tj-an {
		color: #339a60;
	}

	html.skin-theme-clientpref-night div.tj-box span.tj-ac {
		color: #D07373;
	}
}
	html.skin-theme-clientpref-os div.tj-box span.tj-tn,
	html.skin-theme-clientpref-os div.tj-box span.tj-tn a,
	html.skin-theme-clientpref-os div.tj-box span.tj-tn a:link,
	html.skin-theme-clientpref-os div.tj-box span.tj-tn a:visited,
	html.skin-theme-clientpref-os div.tj-box span.tj-tn a:hover {
		color: #6383E7;
	}

	html.skin-theme-clientpref-os div.tj-box span.tj-an {
		color: #339a60;
	}

	html.skin-theme-clientpref-os div.tj-box span.tj-ac {
		color: #D07373;
	}