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
37
38
39
40

*{box-sizing:border-box;}
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:4px solid;font-size:120%;font-style:italic;margin-left:0;padding-left:10px;}
.pageheader,#pagebody,.sidebar,#footer{margin:0 auto;max-width:900px;}
.pageheader,#pageinfo{padding:1em;}
.pageheader .actions, #searchform{right:0;}
#content{margin:1em;}
.sidebar{border:0;float:none;padding:0;width:100%;}
.sidebar p{font-size:1rem;margin-top:0;}
.sidebar ul{list-style:none;margin-bottom:0;padding:0 1em;}
.sidebar ul li{display:inline-block;margin-right:10px;}
.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,#pageinfo{font-size:90%;}

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

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