Commit | Line | Data |
---|---|---|
b307aaa9 AB |
1 | html, body { |
2 | margin: 0; | |
3 | height: 100%; | |
4 | } | |
5 | ||
6 | body { | |
7 | font-family: "Liberation Sans", "Arial", sans-serif; | |
8 | color: #232323; | |
9 | } | |
10 | ||
11 | main { | |
12 | margin: 0 auto; | |
13 | max-width: 34em; | |
14 | padding: 1em; | |
15 | } | |
16 | ||
17 | /* Header and Footer */ | |
18 | ||
19 | #aminb { font-size: 0.9em; } | |
20 | ||
21 | #preamble, | |
22 | #postamble { | |
23 | color: #888888; | |
24 | padding: 1em; | |
70850524 | 25 | margin: 0 auto; |
b307aaa9 AB |
26 | max-width: 34em; |
27 | } | |
28 | ||
29 | #preamble { padding: 2em 1em 0em 1em; } | |
30 | ||
31 | #preamble h2 { display: inline; } | |
32 | ||
33 | #preamble a { border: none !important; color: #888 !important; } | |
34 | ||
35 | #preamble h2 a { color: #3a89c9 !important; } | |
36 | ||
37 | #preamble .bar { | |
38 | color: #ccc; | |
39 | font-size: 12pt; | |
40 | vertical-align: bottom; | |
41 | padding-left: 1px; | |
42 | padding-right: 1px; | |
43 | } | |
44 | ||
70850524 AB |
45 | #postamble { margin-bottom: 2em; } |
46 | ||
b307aaa9 AB |
47 | #postamble a { |
48 | color: #888888 !important; | |
49 | border-bottom: 1px solid #cccccc !important; | |
50 | } | |
51 | ||
52 | /* Content */ | |
53 | ||
54 | #content { | |
55 | line-height: 1.6em; | |
56 | } | |
57 | ||
58 | #content h1, #content h2 { | |
59 | line-height: 1em; | |
60 | font-weight: 700; | |
61 | letter-spacing: -0.03em; | |
62 | word-spacing: -0.03em; | |
63 | } | |
64 | ||
65 | #content h1 { font-size: 1.6em; } | |
66 | ||
67 | #content h2 { | |
68 | font-size: 1.2em; | |
69 | padding: 0.25em 0; | |
70 | } | |
71 | ||
72 | #content p { | |
73 | margin: 1em 0; | |
74 | } | |
75 | ||
76 | #content code { | |
77 | background-color: #f5f5f5; | |
78 | padding: 1px 3px; | |
79 | } | |
80 | ||
81 | #content code, | |
82 | #content pre { | |
83 | font-family: "DejaVu Sans Mono", monospace; | |
84 | font-size: 0.9em; | |
85 | line-height: 1.5em; | |
86 | margin: 0; | |
87 | } | |
88 | ||
89 | #content pre { | |
90 | background-color: #f5f5f5; | |
91 | color: #232323; | |
92 | margin: 0 -1em; | |
93 | overflow-x: auto; | |
94 | padding: 1em; | |
95 | word-wrap: normal; | |
96 | } | |
97 | ||
98 | #content ul { | |
99 | padding: 0; | |
100 | margin: 0.3em 0 0 1.6em; | |
101 | } | |
102 | ||
103 | #content ul li { | |
104 | /* list-style: none; */ | |
105 | } | |
106 | ||
107 | #content li { | |
108 | margin: 0.5em 0; | |
109 | } | |
110 | ||
111 | .pub-desc { | |
112 | font-size: 0.95em; | |
113 | } | |
114 | ||
115 | #text-publications p { | |
116 | margin: 0.5em 0; | |
117 | } | |
118 | ||
119 | .light-off:checked ~ .page #content pre, | |
120 | .light-off:checked ~ .page #content code { | |
121 | background-color: #232323; | |
122 | } | |
123 | ||
124 | .clear { clear: both; } | |
125 | ||
126 | #hello { float: left; line-height: 50px !important; } | |
127 | ||
128 | #content .picture__avatar { | |
129 | margin: 0; | |
130 | height: 64px; | |
131 | width: 64px; | |
132 | border-radius: 50%; | |
133 | float: right; | |
134 | } | |
135 | ||
136 | @media only screen and (min-width: 570px) { | |
137 | .picture__avatar { | |
138 | margin-right: 3em !important; | |
139 | } | |
140 | } | |
141 | ||
142 | .page { | |
143 | background-color: #ffffff; | |
144 | color: #232323; | |
145 | min-height: 100%; | |
146 | } | |
147 | ||
148 | .page a { | |
149 | color: #357edd; | |
150 | text-decoration: none; | |
151 | border-bottom: 1px solid #a5ceff; | |
152 | } | |
153 | ||
154 | pre { margin-left: 0 } | |
155 | ||
156 | /* Light switch */ | |
157 | ||
158 | #light-off { | |
159 | position: absolute; | |
160 | visibility: hidden; | |
161 | } | |
162 | ||
163 | .light-off-button { | |
164 | cursor: pointer; | |
165 | vertical-align: middle; | |
166 | } | |
167 | ||
168 | .light-off-button, | |
169 | .light-off-button-inline { | |
170 | color: #888888; | |
171 | -webkit-user-select: none; | |
172 | user-select: none; | |
173 | cursor: pointer; | |
174 | text-align: right; | |
175 | } | |
176 | ||
177 | .light-off-button:hover:after, | |
178 | .light-off-button-inline:hover:after { | |
179 | color: #357edd; | |
180 | border-bottom: 0; | |
181 | } | |
182 | ||
183 | .light-off:checked ~ .page .light-off-button:hover:after | |
184 | .light-off:checked ~ .page .light-off-button-inline:hover:after { | |
185 | color: #ddddb6; | |
186 | border-bottom: 0; | |
187 | } | |
188 | ||
189 | .light-off-button:after, | |
190 | .light-off-button-inline:after { | |
191 | content: "\1F4A1"; | |
192 | font-family: "Noto Color Emoji", "Noto Sans", "Arial", sans-serif; | |
193 | } | |
194 | ||
195 | .light-off:checked ~ .page { | |
196 | background-color: #141414; | |
197 | color: #cccccc; | |
198 | } | |
199 | ||
200 | .page:selection { | |
201 | background: #ddddb6; | |
202 | } | |
203 | .light-off:checked ~ .page:selection { | |
204 | background: #357edd; | |
205 | } | |
206 | ||
207 | .light-off:checked ~ .page a, .light-off:checked ~ header a { | |
208 | color: #ddddb6 !important; | |
209 | border-bottom: 1px solid #aaaa96; | |
210 | } | |
211 | ||
212 | .light-off:checked ~ .page a:visited { | |
213 | color: #888888; | |
214 | border-bottom: 1px solid #444444; | |
215 | } | |
216 | ||
217 | .light-off:checked ~ .page a:hover { | |
218 | color: #ddddb6; | |
219 | border-bottom: 1px solid #ddddb6; | |
220 | } |