/* Goals:
 * - only one CSS
 * - work on Firefox
 * - work on Chromium
 * - light and dark mode
 * - look correctly, no matter if light or dark, on all screenshot browsers
 */

a img {
	border-color:		#eee;
	border-style:		solid; /* hidden is interpreted as none on IE */
	border-width:		0 2px 2px 0;
}

body {
	background:		#eee;
	color:			black;
	font-family:		"Trebuchet MS",sans-serif;
	text-align:		justify;
}

iframe {
	border:			0;
}

pre, .mono {
	font-family:		"Flexi IBM VGA False","MxPlus IBM VGA 8x16","MxPlus IBM VGA 9x16","BmPlus IBM VGA 8x16","BmPlus IBM VGA 9x16","PxPlus IBM VGA 8x16","PxPlus IBM VGA 9x16",monospace;
	text-align:		left;
}

table, th, td {
	border:			1px solid black;
}

th {
	text-align:		center;
}

.spoiler {
	border:			solid black;
	padding:		2px;
}

.blue {
	color:			#00d0fa;
}

.pink {
	color:			#ff9bb6;
}

.white {
	color:			white;
}

.yellow {
	color:			#ffde00;
}

.sdomi {
	color:			#1a1;
	font-weight:		bold;
}

.blue, .pink, .white, .yellow {
	text-shadow:		1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0 1px 0 #000, 1px 0 0 #000, -1px 0 0 #000, 0 -1px 0 #000;
}

/* at the end because last seen property by Firefox is what it renders */

@media (prefers-color-scheme: dark) {
	.blue, .pink, .white, .yellow {
		text-shadow:	none;
	}

	a img {
		border-color:	black;
	}

	body {
		background:	black;
		color:		#eee;
	}

	table, th, td, .spoiler {
		border-color:	#eee;
	}
}