]>
Commit | Line | Data |
---|---|---|
bcce9a60 ZJS |
1 | /* SPDX-License-Identifier: LGPL-2.1-or-later */ |
2 | ||
b41a3f66 TB |
3 | @font-face { |
4 | font-family: 'Heebo'; | |
5 | src: url('fonts/heebo-regular.woff'); | |
6 | font-weight: 400; | |
7 | } | |
8 | ||
9 | @font-face { | |
10 | font-family: 'Heebo'; | |
11 | src: url('fonts/heebo-bold.woff'); | |
12 | font-weight: 600; | |
13 | } | |
14 | ||
15 | /* Typography */ | |
16 | * { | |
17 | -moz-box-sizing: border-box; | |
18 | -webkit-box-sizing: border-box; | |
19 | box-sizing: border-box; | |
20 | } | |
21 | html, body { | |
22 | margin: 0; | |
23 | padding: 0; | |
bd59f2bf | 24 | font-size: 1rem; |
b41a3f66 TB |
25 | font-family: "Heebo", sans-serif; |
26 | font-weight: 400; | |
27 | line-height: 1.6; | |
28 | } | |
29 | body { | |
30 | color: #241f31; | |
31 | background-color: #f6f5f4; | |
32 | } | |
33 | h1, h2, h3, h4, h5, h6 { | |
bd59f2bf | 34 | margin: 1rem 0 0.625rem; |
b41a3f66 TB |
35 | font-weight: 600; |
36 | line-height: 1.25; | |
37 | } | |
38 | h1 { | |
39 | text-align: center; | |
bd59f2bf | 40 | font-size: 1.87rem; |
f08446a4 | 41 | font-weight: 400; |
b41a3f66 TB |
42 | font-style: normal; |
43 | margin-bottom: 2rem; | |
44 | } | |
45 | @media screen and (min-width: 650px) { | |
46 | h1 { | |
47 | margin-left: 10%; | |
48 | margin-right: 10%; | |
bd59f2bf | 49 | font-size: 2.375em; |
b41a3f66 TB |
50 | } |
51 | } | |
52 | h2 { | |
68f0d3ff | 53 | font-size: 1.25rem; |
bd59f2bf | 54 | margin-top: 2.5em; |
68f0d3ff BF |
55 | } |
56 | h3 { | |
57 | font-size: 1.15rem; | |
b41a3f66 TB |
58 | } |
59 | a { | |
60 | font-weight: 600; | |
61 | text-decoration: none; | |
62 | color: #26b763; | |
63 | cursor: pointer; | |
64 | } | |
65 | a:hover { | |
66 | text-decoration: underline; | |
67 | } | |
68 | b { | |
69 | font-weight: 600; | |
70 | } | |
71 | small { | |
72 | color: #777; | |
73 | } | |
74 | hr { | |
75 | margin: 3rem auto 4rem; | |
76 | width: 40%; | |
77 | opacity: 40%; | |
78 | } | |
79 | ||
80 | /* Layout */ | |
81 | .container { | |
82 | width: 80%; | |
83 | margin-left: auto; | |
84 | margin-right: auto; | |
85 | max-width: 720px; | |
86 | } | |
87 | ||
88 | /* Singletons */ | |
89 | .page-logo { | |
90 | display: block; | |
91 | padding: 5rem 0 3rem; | |
92 | } | |
93 | .page-logo > img { | |
94 | display: block; | |
bd59f2bf BF |
95 | width: 12.625em; |
96 | height: auto; | |
b41a3f66 TB |
97 | margin: 0 auto; |
98 | } | |
99 | ||
100 | .brand-white { | |
101 | background-color: #fff; | |
102 | } | |
103 | ||
104 | .brand-green { | |
105 | background-color: #30D475; | |
106 | } | |
107 | ||
108 | .brand-black { | |
109 | background-color: #201A26; | |
110 | color: white; | |
111 | } | |
112 | ||
113 | .page-link::after { | |
114 | content: " ➜"; | |
115 | } | |
116 | ||
117 | ||
118 | /* Footer */ | |
119 | footer { | |
120 | text-align: center; | |
121 | padding: 3em 0 3em; | |
122 | font-size: 1em; | |
123 | margin-top: 4rem; | |
124 | } | |
125 | ||
85c8eac8 ZJS |
126 | /* Make tables vertically aligned to the top */ |
127 | tbody td { | |
128 | vertical-align: top; | |
129 | } | |
130 | ||
62bbb96d BF |
131 | /* Rouge Code Highlight, github style */ |
132 | /* Generated with: rougify style github | sed '/background-color: #f8f8f8/d' */ | |
b41a3f66 TB |
133 | .highlight table td { padding: 5px; } |
134 | .highlight table pre { margin: 0; } | |
135 | .highlight .cm { | |
136 | color: #999988; | |
137 | font-style: italic; | |
138 | } | |
139 | .highlight .cp { | |
140 | color: #999999; | |
141 | font-weight: bold; | |
142 | } | |
143 | .highlight .c1 { | |
144 | color: #999988; | |
145 | font-style: italic; | |
146 | } | |
147 | .highlight .cs { | |
148 | color: #999999; | |
149 | font-weight: bold; | |
150 | font-style: italic; | |
151 | } | |
152 | .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { | |
153 | color: #999988; | |
154 | font-style: italic; | |
155 | } | |
156 | .highlight .err { | |
157 | color: #a61717; | |
158 | background-color: #e3d2d2; | |
159 | } | |
160 | .highlight .gd { | |
161 | color: #000000; | |
162 | background-color: #ffdddd; | |
163 | } | |
164 | .highlight .ge { | |
165 | color: #000000; | |
166 | font-style: italic; | |
167 | } | |
168 | .highlight .gr { | |
169 | color: #aa0000; | |
170 | } | |
171 | .highlight .gh { | |
172 | color: #999999; | |
173 | } | |
174 | .highlight .gi { | |
175 | color: #000000; | |
176 | background-color: #ddffdd; | |
177 | } | |
178 | .highlight .go { | |
179 | color: #888888; | |
180 | } | |
181 | .highlight .gp { | |
182 | color: #555555; | |
183 | } | |
184 | .highlight .gs { | |
185 | font-weight: bold; | |
186 | } | |
187 | .highlight .gu { | |
188 | color: #aaaaaa; | |
189 | } | |
190 | .highlight .gt { | |
191 | color: #aa0000; | |
192 | } | |
193 | .highlight .kc { | |
194 | color: #000000; | |
195 | font-weight: bold; | |
196 | } | |
197 | .highlight .kd { | |
198 | color: #000000; | |
199 | font-weight: bold; | |
200 | } | |
201 | .highlight .kn { | |
202 | color: #000000; | |
203 | font-weight: bold; | |
204 | } | |
205 | .highlight .kp { | |
206 | color: #000000; | |
207 | font-weight: bold; | |
208 | } | |
209 | .highlight .kr { | |
210 | color: #000000; | |
211 | font-weight: bold; | |
212 | } | |
213 | .highlight .kt { | |
214 | color: #445588; | |
215 | font-weight: bold; | |
216 | } | |
217 | .highlight .k, .highlight .kv { | |
218 | color: #000000; | |
219 | font-weight: bold; | |
220 | } | |
221 | .highlight .mf { | |
222 | color: #009999; | |
223 | } | |
224 | .highlight .mh { | |
225 | color: #009999; | |
226 | } | |
227 | .highlight .il { | |
228 | color: #009999; | |
229 | } | |
230 | .highlight .mi { | |
231 | color: #009999; | |
232 | } | |
233 | .highlight .mo { | |
234 | color: #009999; | |
235 | } | |
236 | .highlight .m, .highlight .mb, .highlight .mx { | |
237 | color: #009999; | |
238 | } | |
62bbb96d BF |
239 | .highlight .sa { |
240 | color: #000000; | |
241 | font-weight: bold; | |
242 | } | |
b41a3f66 TB |
243 | .highlight .sb { |
244 | color: #d14; | |
245 | } | |
246 | .highlight .sc { | |
247 | color: #d14; | |
248 | } | |
249 | .highlight .sd { | |
250 | color: #d14; | |
251 | } | |
252 | .highlight .s2 { | |
253 | color: #d14; | |
254 | } | |
255 | .highlight .se { | |
256 | color: #d14; | |
257 | } | |
258 | .highlight .sh { | |
259 | color: #d14; | |
260 | } | |
261 | .highlight .si { | |
262 | color: #d14; | |
263 | } | |
264 | .highlight .sx { | |
265 | color: #d14; | |
266 | } | |
267 | .highlight .sr { | |
268 | color: #009926; | |
269 | } | |
270 | .highlight .s1 { | |
271 | color: #d14; | |
272 | } | |
273 | .highlight .ss { | |
274 | color: #990073; | |
275 | } | |
62bbb96d | 276 | .highlight .s, .highlight .dl { |
b41a3f66 TB |
277 | color: #d14; |
278 | } | |
279 | .highlight .na { | |
280 | color: #008080; | |
281 | } | |
282 | .highlight .bp { | |
283 | color: #999999; | |
284 | } | |
285 | .highlight .nb { | |
286 | color: #0086B3; | |
287 | } | |
288 | .highlight .nc { | |
289 | color: #445588; | |
290 | font-weight: bold; | |
291 | } | |
292 | .highlight .no { | |
293 | color: #008080; | |
294 | } | |
295 | .highlight .nd { | |
296 | color: #3c5d5d; | |
297 | font-weight: bold; | |
298 | } | |
299 | .highlight .ni { | |
300 | color: #800080; | |
301 | } | |
302 | .highlight .ne { | |
303 | color: #990000; | |
304 | font-weight: bold; | |
305 | } | |
306 | .highlight .nf, .highlight .fm { | |
307 | color: #990000; | |
308 | font-weight: bold; | |
309 | } | |
310 | .highlight .nl { | |
311 | color: #990000; | |
312 | font-weight: bold; | |
313 | } | |
314 | .highlight .nn { | |
315 | color: #555555; | |
316 | } | |
317 | .highlight .nt { | |
318 | color: #000080; | |
319 | } | |
320 | .highlight .vc { | |
321 | color: #008080; | |
322 | } | |
323 | .highlight .vg { | |
324 | color: #008080; | |
325 | } | |
326 | .highlight .vi { | |
327 | color: #008080; | |
328 | } | |
329 | .highlight .nv, .highlight .vm { | |
330 | color: #008080; | |
331 | } | |
332 | .highlight .ow { | |
333 | color: #000000; | |
334 | font-weight: bold; | |
335 | } | |
336 | .highlight .o { | |
337 | color: #000000; | |
338 | font-weight: bold; | |
339 | } | |
340 | .highlight .w { | |
341 | color: #bbbbbb; | |
342 | } | |
b41a3f66 TB |
343 | |
344 | ||
345 | /* Code Blocks */ | |
346 | .highlighter-rouge { | |
347 | padding: 2px 1rem; | |
348 | border-radius: 5px; | |
349 | background-color: white; | |
350 | ||
351 | overflow: auto; | |
352 | } | |
62bbb96d BF |
353 | .highlighter-rouge .highlight .err { |
354 | background: transparent !important; | |
355 | color: inherit !important; | |
b41a3f66 TB |
356 | } |
357 | ||
358 | /* Inline Code */ | |
359 | code.highlighter-rouge { | |
360 | padding: 2px 6px; | |
361 | background-color: rgba(0,0,0, 0.07); | |
362 | } |