-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
116 lines (101 loc) · 2.25 KB
/
style.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
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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
@charset "UTF-8";
/**
* Color scheme:
* Walking away
* <https://f.malte70.de/colors/>
*/
/* normalize.css */
@import url('https://xyz.malte70.de/css/normalize.min.css');
/* MegaFontsNOW WebFonts */
@import url('https://xyz.malte70.de/fonts/megafontsnow/standard/megafontnow_standard.css');
:root {
--font-size: 20px;
--font-family: 'Century Schoolbook Pro', serif;
--font-family-mono: 'Function Pro', monospace;
/*--font-family: 'Source Serif Pro', serif;
--font-family-mono: "Hack", 'Source Code Pro', monospace;*/
--color-background: #F6F6F6;
--color-background2: #E8E8E8;
--color-foreground: #333333;
--color-link: #990100;
--color-link-active: #B90504;
}
*, *:before, *:after {
box-sizing: border-box;
}
body {
/*font: 20px sans-serif;*/
font: var(--font-size) var(--font-family);
color: var(--color-foreground);
background: var(--color-background);
}
a:link, a:visited {
color: var(--color-link);
}
a:hover, a:active {
color: var(--color-link-active);
}
/******************************************
* Header *
******************************************/
header {
text-align: center;
margin: 0;
padding: 3em 6em;
}
header h1 {
margin: 0;
}
header h1 a:link, header h1 a:visited {
color: var(--color-foreground);
text-decoration: none;
}
header h1 a:hover, header h1 a:active {
color: var(--color-foreground);
text-decoration: underline;
}
/******************************************
* Main *
******************************************/
main {
padding: .5em;
width: 40em;
max-width: 100%;
margin: 0 auto;
}
.input-group {
display: block;
margin: 0 0 .75em;
}
.input-group label {
display: inline-block;
width: 30%;
}
.input-group input,
.input-group select {
display: inline-block;
width: 65%;
}
.input-group button {
display: inline-block;
text-align: right;
}
input {
background: var(--color-background2);
}
input, textarea {
font-family: var(--font-family-mono);
}
code, pre {
font-family: var(--font-family-mono);
}
/******************************************
* Footer *
******************************************/
footer {
text-align: center;
}
footer p {
margin: 0 0 1em;
padding: 0 .5em;
}