ksgi

1
html, body				{ margin: 0; 
2
					  padding: 0; }
3
body					{ color: #333; 
4
					  font-family: "Alegreya sans", sans-serif; }
5
code, pre				{ font-size: 65%; }
6
a					{ text-decoration: none; 
7
					  color: blue; }
8
strong, b				{ font-weight: 700; }
9
body > header				{ box-shadow: 0 1px 4px #888; 
10
					  background-color: #333;
11
					  padding: 2em 0 1ex 0;
12
					  color: #fff; }
13
body > header a				{ color: #dd5; }
14
body > header a:hover			{ color: #ff0; }
15
body > header ul			{ margin: auto 0; 
16
					  padding: 0;
17
					  list-style-type: none; }
18
body > header nav li			{ margin: 0; }
19
body > header				{ padding-top: 2em; }
20
body > header nav			{ padding: 0.5ex 0 1ex 0; }
21
body > header nav .version		{ border-right: thin solid silver; 
22
					  color: #abc;
23
					  font-size: 90%;
24
					  padding-right: 1ex; }
25
body > header nav i.fa			{ font-size: 80%; }
26
h1					{ font-size: 24pt; 
27
					  margin: 0;
28
					  margin-bottom: 8pt;
29
					  font-weight: 400; }
30
.nm, .file				{ font-style: italic; }
31
h1 .nm					{ text-shadow: 1px 1px #666; 
32
					  font-style: inherit; }
33
h1 .nd					{ text-shadow: 1px 1px #333; }
34
footer					{ margin-top: 1em; 
35
					  text-align: center;
36
					  font-size: smaller;
37
					  color: #666; }
38
footer a				{ color: #000; }
39
footer span				{ border-left: thin solid #ccc; 
40
					  padding-left: 1ex; }
41
footer div + div			{ margin-top: 0.5em; }
42
article h2				{ font-size: x-large; 
43
					  font-weight: 500; 
44
					  color: #333; }
45
article h3				{ font-size: large; 
46
					  color: #333; }
47
article[data-sblg-article],
48
article section,
49
figure nav,
50
article figcaption			{ padding: 1ex 0; 
51
					  margin: 0; }
52
article[data-sblg-article] header address,
53
article[data-sblg-article] header time
54
					{ display: none; }
55
img					{ width: 100%;
56
					  margin-left: auto;
57
					  margin-right: auto;
58
					  max-width: 800px; }
59
img.tall				{ max-width: 400px; }
60
figure					{ margin: 0; 
61
					  text-align: center; 
62
					  color: #444; }
63
figcaption span				{ font-weight: 500; }
64
dd					{ margin: 0 0 1em 0; }
65
.sample					{ text-align: left; }
66
body > header nav			{ overflow: hidden; }
67
body > header nav .title		{ font-weight: 500; 
68
					  margin-bottom: 0.5em; }
69
body > header nav li + li		{ margin-top: 1.5em; }
70
pre.prettyprint				{ border: none; 
71
					  line-height: 150%;
72
					  margin: 0; 
73
					  overflow: hidden;
74
					  width: auto; }
75
footer					{ padding: 1ex;
76
					  margin-top: 1em;
77
					  margin-bottom: 1em; }
78

79
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
80
   h1					{ font-size: 15pt; }
81
   img					{ max-width: 400px;
82
  					  width: 100%; }
83
   article[data-sblg-article],
84
   article section,
85
   figure nav,
86
   article figcaption			{ padding: 1ex 0; }
87
   body > header			{ padding: 1em 0 1ex 0; }
88
}
89