xevv/local.css

legend {
	font-style: italic
}
.revert a img, .pagelinks .toggle img {
	width: 5%
}
img {
	display: block;
	margin: auto;
	max-width: 100%
}
body {
	margin: 40px auto;
	max-width: 70%;
	padding: 0 10px;
	line-height: 1.6;
	font-family: sans-serif;
	font-size: calc(14px + (26 - 14) * ((100vw - 360px) / (1600 - 360)))
}
td, th {
	border-right: 1px solid;
	border-top: 1px solid;
	padding-right: 1em
}
h1, h2, h3, h4, h5, h6 {
	font-family: serif
}
p {
	position: relative
}
a {
	text-decoration: underline dotted
}
blockquote {
	border-left: 2px solid;
	padding-left: 1em
}
.pageheader {
	background: left / contain no-repeat url("/xevv/images/header.png");
	image-rendering: crisp-edges
}
a {color: #92ebf0}
body {background-color: #0a0a0a; color: #eaeaea}
h1, h2, h3, h4, h5, h6 {color: #9a9a9a}
h3>span {color: #7a7a7a}
td, th, fieldset, blockquote, .pageheader .actions ul, #pageinfo {border-color: #eaeaea}
small {color: #777}
div.recentchanges {background: #1a1a1a !important; color: #eee !important}
.recentchanges .changelog {background: #2a2a2a !important; color: #fff !important}
@media(prefers-color-scheme: light) {
	a {color: #2a7fe8}
	body {background-color: #f5f5f5; color: #151515}
	h1, h2, h3, h4, h5, h6 {color: #656565}
	h3>span {color: #858585}
	td, th, fieldset, blockquote, .pageheader .actions ul, #pageinfo {border-color: #151515}
	small {color: #888}
	div.recentchanges {background: #e5e5e5 !important; color: #111 !important}
	.recentchanges .changelog {background: #d5d5d5 !important; color: #000 !important}
}