]>
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; | |
24 | font-size: 16px; | |
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 { | |
34 | margin: 1rem 0 10px; | |
35 | font-weight: 600; | |
36 | line-height: 1.25; | |
37 | } | |
38 | h1 { | |
39 | text-align: center; | |
40 | font-size: 30px; | |
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%; | |
49 | font-size: 38px; | |
50 | } | |
51 | } | |
52 | h2 { | |
53 | margin-top: 3rem; | |
68f0d3ff BF |
54 | font-size: 1.25rem; |
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; | |
95 | margin: 0 auto; | |
96 | } | |
97 | ||
98 | .brand-white { | |
99 | background-color: #fff; | |
100 | } | |
101 | ||
102 | .brand-green { | |
103 | background-color: #30D475; | |
104 | } | |
105 | ||
106 | .brand-black { | |
107 | background-color: #201A26; | |
108 | color: white; | |
109 | } | |
110 | ||
111 | .page-link::after { | |
112 | content: " ➜"; | |
113 | } | |
114 | ||
115 | ||
116 | /* Footer */ | |
117 | footer { | |
118 | text-align: center; | |
119 | padding: 3em 0 3em; | |
120 | font-size: 1em; | |
121 | margin-top: 4rem; | |
122 | } | |
123 | ||
85c8eac8 ZJS |
124 | /* Make tables vertically aligned to the top */ |
125 | tbody td { | |
126 | vertical-align: top; | |
127 | } | |
128 | ||
b41a3f66 TB |
129 | /* Github Code Highlighting */ |
130 | .highlight table td { padding: 5px; } | |
131 | .highlight table pre { margin: 0; } | |
132 | .highlight .cm { | |
133 | color: #999988; | |
134 | font-style: italic; | |
135 | } | |
136 | .highlight .cp { | |
137 | color: #999999; | |
138 | font-weight: bold; | |
139 | } | |
140 | .highlight .c1 { | |
141 | color: #999988; | |
142 | font-style: italic; | |
143 | } | |
144 | .highlight .cs { | |
145 | color: #999999; | |
146 | font-weight: bold; | |
147 | font-style: italic; | |
148 | } | |
149 | .highlight .c, .highlight .ch, .highlight .cd, .highlight .cpf { | |
150 | color: #999988; | |
151 | font-style: italic; | |
152 | } | |
153 | .highlight .err { | |
154 | color: #a61717; | |
155 | background-color: #e3d2d2; | |
156 | } | |
157 | .highlight .gd { | |
158 | color: #000000; | |
159 | background-color: #ffdddd; | |
160 | } | |
161 | .highlight .ge { | |
162 | color: #000000; | |
163 | font-style: italic; | |
164 | } | |
165 | .highlight .gr { | |
166 | color: #aa0000; | |
167 | } | |
168 | .highlight .gh { | |
169 | color: #999999; | |
170 | } | |
171 | .highlight .gi { | |
172 | color: #000000; | |
173 | background-color: #ddffdd; | |
174 | } | |
175 | .highlight .go { | |
176 | color: #888888; | |
177 | } | |
178 | .highlight .gp { | |
179 | color: #555555; | |
180 | } | |
181 | .highlight .gs { | |
182 | font-weight: bold; | |
183 | } | |
184 | .highlight .gu { | |
185 | color: #aaaaaa; | |
186 | } | |
187 | .highlight .gt { | |
188 | color: #aa0000; | |
189 | } | |
190 | .highlight .kc { | |
191 | color: #000000; | |
192 | font-weight: bold; | |
193 | } | |
194 | .highlight .kd { | |
195 | color: #000000; | |
196 | font-weight: bold; | |
197 | } | |
198 | .highlight .kn { | |
199 | color: #000000; | |
200 | font-weight: bold; | |
201 | } | |
202 | .highlight .kp { | |
203 | color: #000000; | |
204 | font-weight: bold; | |
205 | } | |
206 | .highlight .kr { | |
207 | color: #000000; | |
208 | font-weight: bold; | |
209 | } | |
210 | .highlight .kt { | |
211 | color: #445588; | |
212 | font-weight: bold; | |
213 | } | |
214 | .highlight .k, .highlight .kv { | |
215 | color: #000000; | |
216 | font-weight: bold; | |
217 | } | |
218 | .highlight .mf { | |
219 | color: #009999; | |
220 | } | |
221 | .highlight .mh { | |
222 | color: #009999; | |
223 | } | |
224 | .highlight .il { | |
225 | color: #009999; | |
226 | } | |
227 | .highlight .mi { | |
228 | color: #009999; | |
229 | } | |
230 | .highlight .mo { | |
231 | color: #009999; | |
232 | } | |
233 | .highlight .m, .highlight .mb, .highlight .mx { | |
234 | color: #009999; | |
235 | } | |
236 | .highlight .sb { | |
237 | color: #d14; | |
238 | } | |
239 | .highlight .sc { | |
240 | color: #d14; | |
241 | } | |
242 | .highlight .sd { | |
243 | color: #d14; | |
244 | } | |
245 | .highlight .s2 { | |
246 | color: #d14; | |
247 | } | |
248 | .highlight .se { | |
249 | color: #d14; | |
250 | } | |
251 | .highlight .sh { | |
252 | color: #d14; | |
253 | } | |
254 | .highlight .si { | |
255 | color: #d14; | |
256 | } | |
257 | .highlight .sx { | |
258 | color: #d14; | |
259 | } | |
260 | .highlight .sr { | |
261 | color: #009926; | |
262 | } | |
263 | .highlight .s1 { | |
264 | color: #d14; | |
265 | } | |
266 | .highlight .ss { | |
267 | color: #990073; | |
268 | } | |
269 | .highlight .s, .highlight .sa, .highlight .dl { | |
270 | color: #d14; | |
271 | } | |
272 | .highlight .na { | |
273 | color: #008080; | |
274 | } | |
275 | .highlight .bp { | |
276 | color: #999999; | |
277 | } | |
278 | .highlight .nb { | |
279 | color: #0086B3; | |
280 | } | |
281 | .highlight .nc { | |
282 | color: #445588; | |
283 | font-weight: bold; | |
284 | } | |
285 | .highlight .no { | |
286 | color: #008080; | |
287 | } | |
288 | .highlight .nd { | |
289 | color: #3c5d5d; | |
290 | font-weight: bold; | |
291 | } | |
292 | .highlight .ni { | |
293 | color: #800080; | |
294 | } | |
295 | .highlight .ne { | |
296 | color: #990000; | |
297 | font-weight: bold; | |
298 | } | |
299 | .highlight .nf, .highlight .fm { | |
300 | color: #990000; | |
301 | font-weight: bold; | |
302 | } | |
303 | .highlight .nl { | |
304 | color: #990000; | |
305 | font-weight: bold; | |
306 | } | |
307 | .highlight .nn { | |
308 | color: #555555; | |
309 | } | |
310 | .highlight .nt { | |
311 | color: #000080; | |
312 | } | |
313 | .highlight .vc { | |
314 | color: #008080; | |
315 | } | |
316 | .highlight .vg { | |
317 | color: #008080; | |
318 | } | |
319 | .highlight .vi { | |
320 | color: #008080; | |
321 | } | |
322 | .highlight .nv, .highlight .vm { | |
323 | color: #008080; | |
324 | } | |
325 | .highlight .ow { | |
326 | color: #000000; | |
327 | font-weight: bold; | |
328 | } | |
329 | .highlight .o { | |
330 | color: #000000; | |
331 | font-weight: bold; | |
332 | } | |
333 | .highlight .w { | |
334 | color: #bbbbbb; | |
335 | } | |
336 | .highlight { | |
337 | background-color: #f8f8f8; | |
338 | } | |
339 | ||
340 | ||
341 | /* Code Blocks */ | |
342 | .highlighter-rouge { | |
343 | padding: 2px 1rem; | |
344 | border-radius: 5px; | |
345 | background-color: white; | |
346 | ||
347 | overflow: auto; | |
348 | } | |
349 | .highlighter-rouge * { | |
350 | background-color: white; | |
351 | } | |
352 | ||
353 | /* Inline Code */ | |
354 | code.highlighter-rouge { | |
355 | padding: 2px 6px; | |
356 | background-color: rgba(0,0,0, 0.07); | |
357 | } |