]>
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 XL |
7 | font-size: 18px; |
8 | color: #333; | |
9 | line-height: 1.428571429; | |
10 | ||
136023e0 XL |
11 | -webkit-box-sizing: unset; |
12 | -moz-box-sizing: unset; | |
13 | box-sizing: unset; | |
1a4d82fc JJ |
14 | } |
15 | @media (min-width: 768px) { | |
2c00a5a8 XL |
16 | body { |
17 | max-width: 750px; | |
18 | } | |
1a4d82fc JJ |
19 | } |
20 | ||
4b012472 FG |
21 | h1, h2, h3, h4, h5, h6 { |
22 | font-family: sans-serif; | |
23 | } | |
136023e0 | 24 | h2, h3, h4, h5, h6 { |
2c00a5a8 XL |
25 | font-weight: 400; |
26 | line-height: 1.1; | |
1a4d82fc JJ |
27 | } |
28 | h1, h2, h3 { | |
2c00a5a8 XL |
29 | margin-top: 20px; |
30 | margin-bottom: 15px; | |
1a4d82fc JJ |
31 | } |
32 | h1 { | |
2c00a5a8 | 33 | margin-bottom: 20px; |
136023e0 | 34 | line-height: 1.1; |
1a4d82fc JJ |
35 | } |
36 | h4, h5, h6 { | |
2c00a5a8 XL |
37 | margin-top: 12px; |
38 | margin-bottom: 10px; | |
39 | padding: 5px 10px; | |
1a4d82fc JJ |
40 | } |
41 | h5, h6 { | |
136023e0 | 42 | color: black; |
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 JJ |
138 | |
139 | /* Code */ | |
140 | ||
141 | pre, code { | |
2c00a5a8 | 142 | word-wrap: break-word; |
1a4d82fc JJ |
143 | } |
144 | pre { | |
2c00a5a8 XL |
145 | border-left: 2px solid #eee; |
146 | white-space: pre-wrap; | |
2c00a5a8 XL |
147 | padding-right: 0; |
148 | margin: 20px 0; | |
149 | font-size: 15px; | |
150 | word-break: break-all; | |
1a4d82fc JJ |
151 | } |
152 | code { | |
2c00a5a8 XL |
153 | padding: 0 2px; |
154 | color: #8D1A38; | |
1a4d82fc JJ |
155 | } |
156 | pre code { | |
2c00a5a8 XL |
157 | padding: 0; |
158 | font-size: inherit; | |
159 | color: inherit; | |
1a4d82fc JJ |
160 | } |
161 | ||
162 | a > code { | |
2c00a5a8 | 163 | color: #428BCA; |
1a4d82fc JJ |
164 | } |
165 | ||
c1a9b12d | 166 | .section-header > a > code { |
2c00a5a8 | 167 | color: #8D1A38; |
c1a9b12d SL |
168 | } |
169 | ||
1a4d82fc | 170 | #versioninfo { |
2c00a5a8 XL |
171 | text-align: center; |
172 | margin: 0.5em; | |
173 | font-size: 1.1em; | |
1a4d82fc JJ |
174 | } |
175 | @media (min-width: 992px) { | |
2c00a5a8 XL |
176 | #versioninfo { |
177 | font-size: 0.8em; | |
178 | position: fixed; | |
179 | bottom: 0px; | |
180 | right: 0px; | |
181 | } | |
182 | .white-sticker { | |
183 | background-color: #fff; | |
184 | margin: 2px; | |
185 | padding: 0 2px; | |
186 | border-radius: .2em; | |
187 | } | |
1a4d82fc JJ |
188 | } |
189 | #versioninfo a.hash { | |
2c00a5a8 XL |
190 | color: gray; |
191 | font-size: 80%; | |
1a4d82fc JJ |
192 | } |
193 | ||
194 | blockquote { | |
2c00a5a8 XL |
195 | color: #000; |
196 | margin: 20px 0; | |
197 | padding: 15px 20px; | |
198 | background-color: #f2f7f9; | |
199 | border-top: .1em solid #e5eef2; | |
200 | border-bottom: .1em solid #e5eef2; | |
1a4d82fc JJ |
201 | } |
202 | blockquote p { | |
2c00a5a8 XL |
203 | font-size: 17px; |
204 | font-weight: 300; | |
205 | line-height: 1.4; | |
1a4d82fc JJ |
206 | } |
207 | blockquote p:last-child { | |
2c00a5a8 | 208 | margin-bottom: 0; |
1a4d82fc JJ |
209 | } |
210 | ||
1a4d82fc | 211 | ul ul, ol ul, ul ol, ol ol { |
2c00a5a8 | 212 | margin-bottom: 0; |
1a4d82fc JJ |
213 | } |
214 | dl { | |
2c00a5a8 | 215 | margin-bottom: 20px; |
1a4d82fc JJ |
216 | } |
217 | dd { | |
2c00a5a8 | 218 | margin-left: 0; |
1a4d82fc JJ |
219 | } |
220 | ||
221 | nav ul { | |
2c00a5a8 XL |
222 | list-style-type: none; |
223 | margin: 0; | |
224 | padding-left: 0px; | |
1a4d82fc JJ |
225 | } |
226 | ||
227 | /* Only display one level of hierarchy in the TOC */ | |
228 | nav ul ul { | |
2c00a5a8 | 229 | display: none; |
1a4d82fc JJ |
230 | } |
231 | ||
232 | sub, | |
233 | sup { | |
2c00a5a8 XL |
234 | font-size: 75%; |
235 | line-height: 0; | |
236 | position: relative; | |
1a4d82fc JJ |
237 | } |
238 | ||
239 | hr { | |
2c00a5a8 XL |
240 | margin-top: 20px; |
241 | margin-bottom: 20px; | |
242 | border: 0; | |
243 | border-top: 1px solid #eeeeee; | |
1a4d82fc JJ |
244 | } |
245 | ||
246 | table { | |
2c00a5a8 XL |
247 | border-collapse: collapse; |
248 | border-spacing: 0; | |
249 | overflow-x: auto; | |
250 | display: block; | |
1a4d82fc JJ |
251 | } |
252 | ||
253 | table tr.odd { | |
2c00a5a8 | 254 | background: #eee; |
1a4d82fc JJ |
255 | } |
256 | ||
257 | table td, | |
258 | table th { | |
2c00a5a8 XL |
259 | border: 1px solid #ddd; |
260 | padding: 5px; | |
1a4d82fc JJ |
261 | } |
262 | ||
263 | /* Code snippets */ | |
264 | ||
b039eaaf | 265 | a.test-arrow { |
136023e0 | 266 | color: #f5f5f5 |
c30ab7b3 | 267 | } |
1a4d82fc JJ |
268 | |
269 | .unstable-feature { | |
2c00a5a8 XL |
270 | border: 2px solid red; |
271 | padding: 5px; | |
1a4d82fc JJ |
272 | } |
273 | ||
274 | @media (min-width: 1170px) { | |
2c00a5a8 XL |
275 | pre { |
276 | font-size: 15px; | |
277 | } | |
1a4d82fc JJ |
278 | } |
279 | ||
280 | @media print { | |
2c00a5a8 XL |
281 | * { |
282 | text-shadow: none !important; | |
283 | color: #000 !important; | |
284 | background: transparent !important; | |
285 | box-shadow: none !important; | |
286 | } | |
287 | a, a:visited { | |
288 | text-decoration: underline; | |
289 | } | |
290 | p a[href]:after { | |
291 | content: " (" attr(href) ")"; | |
292 | } | |
293 | footer a[href]:after { | |
294 | content: ""; | |
295 | } | |
296 | a[href^="javascript:"]:after, a[href^="#"]:after { | |
297 | content: ""; | |
298 | } | |
299 | pre, blockquote { | |
300 | border: 1px solid #999; | |
301 | page-break-inside: avoid; | |
302 | } | |
303 | @page { | |
304 | margin: 2cm .5cm; | |
305 | } | |
306 | h1:not(.title), h2, h3 { | |
307 | border-bottom: 0px none; | |
308 | } | |
309 | p, h2, h3 { | |
310 | orphans: 3; | |
311 | widows: 3; | |
312 | } | |
313 | h2, h3 { | |
314 | page-break-after: avoid; | |
315 | } | |
316 | table { | |
317 | border-collapse: collapse !important; | |
318 | } | |
319 | table td, table th { | |
320 | background-color: #fff !important; | |
321 | } | |
1a4d82fc JJ |
322 | } |
323 | ||
324 | #keyword-table-marker + table thead { display: none; } | |
325 | #keyword-table-marker + table td { border: none; } | |
326 | #keyword-table-marker + table { | |
2c00a5a8 XL |
327 | margin-left: 2em; |
328 | margin-bottom: 1em; | |
329 | } | |
330 | ||
331 | .error-described { | |
332 | position: relative; | |
333 | } | |
334 | ||
2c00a5a8 XL |
335 | .tooltip .tooltiptext { |
336 | width: 120px; | |
337 | display: none; | |
338 | text-align: center; | |
339 | padding: 5px 3px; | |
340 | border-radius: 6px; | |
341 | margin-left: 5px; | |
342 | top: -5px; | |
343 | left: 105%; | |
344 | z-index: 1; | |
345 | } | |
346 | ||
347 | .tooltip:hover .tooltiptext { | |
348 | display: inline; | |
349 | } | |
350 | ||
351 | .tooltip .tooltiptext::after { | |
352 | content: " "; | |
353 | position: absolute; | |
354 | top: 50%; | |
355 | left: 13px; | |
356 | margin-top: -5px; | |
357 | border-width: 5px; | |
358 | border-style: solid; | |
1a4d82fc | 359 | } |