local.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

body{line-height:1.4;}
img{height:auto;max-width:100%;}
h1{font-size:2.2rem;}
h2{font-size:1.4rem;}
h3{font-size:1.2rem;}
table{border-collapse:collapse;text-align:left;width:100%;}
table tr{border-bottom:1px solid;}
table td{padding:8px;}
blockquote{border-left:10px solid;font-size:120%;font-style:italic;margin-left:0;padding-left:10px;}
#pagebody{margin:0 auto;max-width:900px;}
.sidebar{border:1px solid; padding:1rem; margin-right:10px;width:auto;}
.sidebar p{font-size:1rem;margin-top:0;}
.sidebar ul{margin-bottom:0;padding-left:20px;}
.blogform{display:none;margin-bottom:1em;}
.pageheader .trails{display:none;}
.pagedate{margin-top:4rem;}
.inlinepage{overflow-y:hidden;}
.trail{display:flex;justify-content:space-between;}
.trailprev,.trailnext{position:relative;width:30%;}
.trailup{margin:0;}
.footnotes{font-size:90%;}

@media (max-width: 600px) {
	h1{font-size:1.6rem;}
	.pageheader{padding:1em 0.5em 1.5em;}
	.page{display:block;}
	.sidebar{float:right;margin:10px;}
}

@media (prefers-color-scheme: dark) {
	body {background:#2d2d2d;color:white;}
	a{color:goldenrod;}
	.pageheader,.sidebar{background:black;color:white !important;}
	pre,code{background:black;}
	.pageheader .actions ul li{background:#2d2d2d;}
}