bchs/kwebapp.css at master · kristapsdz/bchs · GitHub

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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
html, body					{ margin: 0;
						  height: 100%; }
body						{ font-family: 'Alegreya Sans', sans-serif;
						  color: #444;
						  background-color: #fff;
						  font-weight: 400;
						  font-size: 14pt; }
a						{ text-decoration: none;
						  color: #0575BD; }
body > section > nav a				{ color: rgba(5, 117, 189, 0.5); }
body > section > nav a:hover			{ color: rgba(5, 117, 189, 0.9); }
article > header,
article > section,
body > section > nav,
body > section > header				{ width: 66rem;
					 	  max-width: 96%;
						  margin: 0 auto; }
body > section > nav				{ padding-top: 1em;
						  color: rgba(0, 0, 0, 0.7);
						  padding-bottom: 2em; }
body > section > header				{ padding-top: 1.5em;
						  padding-bottom: 1.5em;
						  color: #222;
						  display: flex;
						  display: -webkit-flex;
						  align-items: flex-end;
						  -webkit-align-items: flex-end; }
body > section > header nav 			{ font-size: 80%; }
body > section > header nav a			{ color: #000; }
body > section > header nav a span		{ border-bottom: thin transparent; }
body > section > header nav a:hover		{ color: #000;  }
body > section > header nav a:hover span	{ border-bottom: thin solid #0575BD; }
body > section > header nav a + a		{ border-left: thin solid #888;
						  padding-left: 4pt;
						  margin-left: 4pt; }
body > section > header img			{ height: 22pt;
						  margin-bottom: 1pt; }
body > section > header h1 a			{ color: inherit; }
body > section > header h1 a:hover		{ color: #000; }
body > section > header h1			{ font-size: 200%;
						  font-weight: 500;
						  flex: 1;
						  line-height: 22pt;
						  margin: 0;
						  -webkit-flex: 1;
						  margin: 0 8pt;  }
h3						{ font-weight: 500;
						  font-variant: small-caps;
						  margin: 2em auto;
						  text-align: center;
						  font-size: 130%; }
footer						{ text-align: center;
						  padding-top: 1em;
						  padding-bottom: 1em;
						  font-size: 80%;
						  color: #678; }
footer .fa					{ font-size: 75%; }
article a					{ border-bottom: thin solid #0575BD; }
article > header .intro				{ font-size: 110%; }
h2						{ font-weight: 500;
						  text-align: center;
						  width: auto;
						  font-size: 450%; }
h2.smaller					{ font-size: 250%; }
h2 a						{ border-bottom: none; }
a						{ text-decoration: none; }
figure						{ margin: 1em 0;
						  padding: 0;
						  text-align: center; }
figure img					{ width: 60%; }
figure img.narrow				{ max-width: 350px; }
figcaption					{ font-size: 90%;
						  color: #666; }
blockquote					{ margin-bottom: 0; }
code, pre					{ overflow: hidden;
						  font-family: monospace;
						  color: #000;
						  font-size: 75%; }
pre.prettyprint					{ border: 0; }
.file						{ font-style: italic; }

@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
figure img					{ width: 100%; }
h2						{ font-size: 250%;
					  	  text-align: center; }
h2.smaller					{ font-size: 175%; }
body > section > header h1			{ margin: 0 4pt; }
body > section > nav				{ text-align: center; }
}