summaryrefslogtreecommitdiffstats
path: root/htdocs/css/style.css
blob: 1c6db7c01073ce018d1619690f82c76d93176f4e (plain) (blame)
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
:root {
	--fg-color: white;
	--bg-color: black;
	--highlight-color: #4acaa4;
}

/* General */
body {
	background-color: var(--bg-color);
	color: var(--fg-color);

	font-family: sans-serif;
}

.hanging-indent {
	padding-left: 2em;
	text-index: -2em;
}

/* Links */
a {
	color: var(--highlight-color);
	text-decoration: none;
}
a:hover { text-decoration: underline 0.055em; }

/* Headers */
header :first-child { margin-bottom: 0px; }
header hr {
	margin: 0px;
	color: var(--fg-color);
}

/* Quotes */
blockquote p { margin: 0px; }
blockquote p:first-child { font-style: italic; }
blockquote p:nth-child(2) {
	text-indent: 2em;
}

/* Lists */
ul { padding-left: 2em; }

/* Nav */
body { margin: 0px; }
nav { background-color: var(--highlight-color); }
nav a {
	margin-left: 0.2em;

	font-size: 1.6em;
	font-weight: normal;

	color: var(--fg-color);
}
nav a:first-child .label { font-weight: bold; }
nav .label { font-size: 0.7em; }
nav .this-section { font-style: italic; }
nav hr {
	margin: 0px;
	color: var(--fg-color);
}

/* Main page content */
main {
	margin: auto;
	max-width: 80em;
	padding-left: 1em;
	padding-right: 1em;
}