]>
Commit | Line | Data |
---|---|---|
1a4d82fc JJ |
1 | /* General structure */ |
2 | ||
3 | body { | |
4b012472 | 4 | font-family: serif; |
2c00a5a8 XL |
5 | margin: 0 auto; |
6 | padding: 0 15px; | |
2c00a5a8 | 7 | font-size: 18px; |
c620b35d | 8 | color: #000; |
2c00a5a8 XL |
9 | line-height: 1.428571429; |
10 | ||
136023e0 XL |
11 | -webkit-box-sizing: unset; |
12 | -moz-box-sizing: unset; | |
13 | box-sizing: unset; | |
c620b35d | 14 | background: #fff; |
1a4d82fc JJ |
15 | } |
16 | @media (min-width: 768px) { | |
2c00a5a8 XL |
17 | body { |
18 | max-width: 750px; | |
19 | } | |
1a4d82fc JJ |
20 | } |
21 | ||
4b012472 FG |
22 | h1, h2, h3, h4, h5, h6 { |
23 | font-family: sans-serif; | |
24 | } | |
136023e0 | 25 | h2, h3, h4, h5, h6 { |
2c00a5a8 XL |
26 | font-weight: 400; |
27 | line-height: 1.1; | |
1a4d82fc JJ |
28 | } |
29 | h1, h2, h3 { | |
2c00a5a8 XL |
30 | margin-top: 20px; |
31 | margin-bottom: 15px; | |
1a4d82fc JJ |
32 | } |
33 | h1 { | |
2c00a5a8 | 34 | margin-bottom: 20px; |
136023e0 | 35 | line-height: 1.1; |
1a4d82fc JJ |
36 | } |
37 | h4, h5, h6 { | |
2c00a5a8 XL |
38 | margin-top: 12px; |
39 | margin-bottom: 10px; | |
40 | padding: 5px 10px; | |
1a4d82fc JJ |
41 | } |
42 | h5, h6 { | |
2c00a5a8 | 43 | text-decoration: underline; |
1a4d82fc JJ |
44 | } |
45 | ||
46 | h1 { | |
2c00a5a8 XL |
47 | font-size: 28px; |
48 | font-weight: 500; | |
49 | padding: .1em .4em; | |
50 | border-bottom: 2px solid #ddd; | |
1a4d82fc JJ |
51 | } |
52 | h1.title { | |
2c00a5a8 | 53 | line-height: 1.5em; |
1a4d82fc JJ |
54 | } |
55 | h2 { | |
2c00a5a8 XL |
56 | font-size: 26px; |
57 | padding: .2em .5em; | |
58 | border-bottom: 1px solid #ddd; | |
1a4d82fc JJ |
59 | } |
60 | h3 { | |
2c00a5a8 XL |
61 | font-size: 24px; |
62 | padding: .2em .7em; | |
63 | border-bottom: 1px solid #DDE8FC; | |
1a4d82fc JJ |
64 | } |
65 | h4 { | |
2c00a5a8 | 66 | font-size: 22px; |
136023e0 | 67 | border-bottom: none; |
1a4d82fc JJ |
68 | } |
69 | h5 { | |
2c00a5a8 | 70 | font-size: 20px; |
1a4d82fc JJ |
71 | } |
72 | h6 { | |
2c00a5a8 | 73 | font-size: 18px; |
1a4d82fc JJ |
74 | } |
75 | @media (min-width: 992px) { | |
2c00a5a8 XL |
76 | h1 { |
77 | font-size: 36px; | |
78 | } | |
79 | h2 { | |
80 | font-size: 30px; | |
81 | } | |
82 | h3 { | |
83 | font-size: 26px; | |
84 | } | |
1a4d82fc JJ |
85 | } |
86 | ||
87 | nav { | |
2c00a5a8 XL |
88 | column-count: 2; |
89 | -moz-column-count: 2; | |
90 | -webkit-column-count: 2; | |
91 | font-size: 15px; | |
92 | margin: 0 0 1em 0; | |
1a4d82fc JJ |
93 | } |
94 | p { | |
2c00a5a8 | 95 | margin: 0 0 1em 0; |
1a4d82fc JJ |
96 | } |
97 | ||
98 | strong { | |
2c00a5a8 | 99 | font-weight: bold; |
1a4d82fc JJ |
100 | } |
101 | ||
102 | em { | |
2c00a5a8 | 103 | font-style: italic; |
1a4d82fc JJ |
104 | } |
105 | ||
106 | footer { | |
2c00a5a8 XL |
107 | border-top: 1px solid #ddd; |
108 | font-size: 14px; | |
109 | font-style: italic; | |
110 | padding-top: 5px; | |
111 | margin-top: 3em; | |
112 | margin-bottom: 1em; | |
1a4d82fc JJ |
113 | } |
114 | ||
115 | /* Links layout */ | |
116 | ||
117 | a { | |
2c00a5a8 XL |
118 | text-decoration: none; |
119 | color: #428BCA; | |
120 | background: transparent; | |
1a4d82fc JJ |
121 | } |
122 | a:hover, a:focus { | |
2c00a5a8 XL |
123 | color: #2A6496; |
124 | text-decoration: underline; | |
1a4d82fc JJ |
125 | } |
126 | a:focus { | |
2c00a5a8 XL |
127 | outline: thin dotted #333; |
128 | outline: 5px auto -webkit-focus-ring-color; | |
129 | outline-offset: -2px; | |
1a4d82fc JJ |
130 | } |
131 | a:hover, a:active { | |
2c00a5a8 | 132 | outline: 0; |
1a4d82fc JJ |
133 | } |
134 | ||
135 | h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, | |
136 | h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, | |
137 | h5 a:link, h5 a:visited {color: black;} | |
1a4d82fc | 138 | |
c0240ec0 FG |
139 | h1, h2, h3, h4, h5 { |
140 | /* This is needed to be able to position the doc-anchor. Ideally there | |
141 | would be a <div> around the whole document, but we don't have that. */ | |
142 | position: relative; | |
143 | } | |
144 | ||
145 | a.doc-anchor { | |
146 | color: black; | |
147 | display: none; | |
148 | position: absolute; | |
149 | left: -20px; | |
150 | /* We add this padding so that when the cursor moves from the heading's text to the anchor, | |
151 | the anchor doesn't disappear. */ | |
152 | padding-right: 5px; | |
153 | /* And this padding is used to make the anchor larger and easier to click on. */ | |
154 | padding-left: 3px; | |
155 | } | |
156 | *:hover > .doc-anchor { | |
157 | display: block; | |
158 | } | |
159 | ||
160 | ||
1a4d82fc JJ |
161 | /* Code */ |
162 | ||
163 | pre, code { | |
2c00a5a8 | 164 | word-wrap: break-word; |
1a4d82fc JJ |
165 | } |
166 | pre { | |
2c00a5a8 XL |
167 | border-left: 2px solid #eee; |
168 | white-space: pre-wrap; | |
2c00a5a8 XL |
169 | padding-right: 0; |
170 | margin: 20px 0; | |
171 | font-size: 15px; | |
172 | word-break: break-all; | |
1a4d82fc JJ |
173 | } |
174 | code { | |
2c00a5a8 XL |
175 | padding: 0 2px; |
176 | color: #8D1A38; | |
1a4d82fc JJ |
177 | } |
178 | pre code { | |
2c00a5a8 XL |
179 | padding: 0; |
180 | font-size: inherit; | |
181 | color: inherit; | |
1a4d82fc JJ |
182 | } |
183 | ||
184 | a > code { | |
2c00a5a8 | 185 | color: #428BCA; |
1a4d82fc JJ |
186 | } |
187 | ||
c1a9b12d | 188 | .section-header > a > code { |
2c00a5a8 | 189 | color: #8D1A38; |
c1a9b12d SL |
190 | } |
191 | ||
1a4d82fc | 192 | #versioninfo { |
2c00a5a8 XL |
193 | text-align: center; |
194 | margin: 0.5em; | |
195 | font-size: 1.1em; | |
1a4d82fc JJ |
196 | } |
197 | @media (min-width: 992px) { | |
2c00a5a8 XL |
198 | #versioninfo { |
199 | font-size: 0.8em; | |
200 | position: fixed; | |
201 | bottom: 0px; | |
202 | right: 0px; | |
203 | } | |
204 | .white-sticker { | |
205 | background-color: #fff; | |
206 | margin: 2px; | |
207 | padding: 0 2px; | |
208 | border-radius: .2em; | |
209 | } | |
1a4d82fc JJ |
210 | } |
211 | #versioninfo a.hash { | |
2c00a5a8 XL |
212 | color: gray; |
213 | font-size: 80%; | |
1a4d82fc JJ |
214 | } |
215 | ||
216 | blockquote { | |
2c00a5a8 XL |
217 | color: #000; |
218 | margin: 20px 0; | |
219 | padding: 15px 20px; | |
220 | background-color: #f2f7f9; | |
221 | border-top: .1em solid #e5eef2; | |
222 | border-bottom: .1em solid #e5eef2; | |
1a4d82fc JJ |
223 | } |
224 | blockquote p { | |
2c00a5a8 XL |
225 | font-size: 17px; |
226 | font-weight: 300; | |
227 | line-height: 1.4; | |
1a4d82fc JJ |
228 | } |
229 | blockquote p:last-child { | |
2c00a5a8 | 230 | margin-bottom: 0; |
1a4d82fc JJ |
231 | } |
232 | ||
1a4d82fc | 233 | ul ul, ol ul, ul ol, ol ol { |
2c00a5a8 | 234 | margin-bottom: 0; |
1a4d82fc JJ |
235 | } |
236 | dl { | |
2c00a5a8 | 237 | margin-bottom: 20px; |
1a4d82fc JJ |
238 | } |
239 | dd { | |
2c00a5a8 | 240 | margin-left: 0; |
1a4d82fc JJ |
241 | } |
242 | ||
243 | nav ul { | |
2c00a5a8 XL |
244 | list-style-type: none; |
245 | margin: 0; | |
246 | padding-left: 0px; | |
1a4d82fc JJ |
247 | } |
248 | ||
249 | /* Only display one level of hierarchy in the TOC */ | |
250 | nav ul ul { | |
2c00a5a8 | 251 | display: none; |
1a4d82fc JJ |
252 | } |
253 | ||
254 | sub, | |
255 | sup { | |
2c00a5a8 XL |
256 | font-size: 75%; |
257 | line-height: 0; | |
258 | position: relative; | |
1a4d82fc JJ |
259 | } |
260 | ||
261 | hr { | |
2c00a5a8 XL |
262 | margin-top: 20px; |
263 | margin-bottom: 20px; | |
264 | border: 0; | |
265 | border-top: 1px solid #eeeeee; | |
1a4d82fc JJ |
266 | } |
267 | ||
268 | table { | |
2c00a5a8 XL |
269 | border-collapse: collapse; |
270 | border-spacing: 0; | |
271 | overflow-x: auto; | |
272 | display: block; | |
1a4d82fc JJ |
273 | } |
274 | ||
275 | table tr.odd { | |
2c00a5a8 | 276 | background: #eee; |
1a4d82fc JJ |
277 | } |
278 | ||
279 | table td, | |
280 | table th { | |
2c00a5a8 XL |
281 | border: 1px solid #ddd; |
282 | padding: 5px; | |
1a4d82fc JJ |
283 | } |
284 | ||
285 | /* Code snippets */ | |
286 | ||
b039eaaf | 287 | a.test-arrow { |
136023e0 | 288 | color: #f5f5f5 |
c30ab7b3 | 289 | } |
1a4d82fc JJ |
290 | |
291 | .unstable-feature { | |
2c00a5a8 XL |
292 | border: 2px solid red; |
293 | padding: 5px; | |
1a4d82fc JJ |
294 | } |
295 | ||
296 | @media (min-width: 1170px) { | |
2c00a5a8 XL |
297 | pre { |
298 | font-size: 15px; | |
299 | } | |
1a4d82fc JJ |
300 | } |
301 | ||
302 | @media print { | |
2c00a5a8 XL |
303 | * { |
304 | text-shadow: none !important; | |
305 | color: #000 !important; | |
306 | background: transparent !important; | |
307 | box-shadow: none !important; | |
308 | } | |
309 | a, a:visited { | |
310 | text-decoration: underline; | |
311 | } | |
312 | p a[href]:after { | |
313 | content: " (" attr(href) ")"; | |
314 | } | |
315 | footer a[href]:after { | |
316 | content: ""; | |
317 | } | |
318 | a[href^="javascript:"]:after, a[href^="#"]:after { | |
319 | content: ""; | |
320 | } | |
321 | pre, blockquote { | |
322 | border: 1px solid #999; | |
323 | page-break-inside: avoid; | |
324 | } | |
325 | @page { | |
326 | margin: 2cm .5cm; | |
327 | } | |
328 | h1:not(.title), h2, h3 { | |
329 | border-bottom: 0px none; | |
330 | } | |
331 | p, h2, h3 { | |
332 | orphans: 3; | |
333 | widows: 3; | |
334 | } | |
335 | h2, h3 { | |
336 | page-break-after: avoid; | |
337 | } | |
338 | table { | |
339 | border-collapse: collapse !important; | |
340 | } | |
341 | table td, table th { | |
342 | background-color: #fff !important; | |
343 | } | |
1a4d82fc JJ |
344 | } |
345 | ||
346 | #keyword-table-marker + table thead { display: none; } | |
347 | #keyword-table-marker + table td { border: none; } | |
348 | #keyword-table-marker + table { | |
2c00a5a8 XL |
349 | margin-left: 2em; |
350 | margin-bottom: 1em; | |
351 | } | |
352 | ||
353 | .error-described { | |
354 | position: relative; | |
355 | } | |
356 | ||
2c00a5a8 XL |
357 | .tooltip .tooltiptext { |
358 | width: 120px; | |
359 | display: none; | |
360 | text-align: center; | |
361 | padding: 5px 3px; | |
362 | border-radius: 6px; | |
363 | margin-left: 5px; | |
364 | top: -5px; | |
365 | left: 105%; | |
366 | z-index: 1; | |
367 | } | |
368 | ||
369 | .tooltip:hover .tooltiptext { | |
370 | display: inline; | |
371 | } | |
372 | ||
373 | .tooltip .tooltiptext::after { | |
374 | content: " "; | |
375 | position: absolute; | |
376 | top: 50%; | |
377 | left: 13px; | |
378 | margin-top: -5px; | |
379 | border-width: 5px; | |
380 | border-style: solid; | |
1a4d82fc | 381 | } |