Mercurial > irccd-www
comparison css/normalize.css @ 22:e49c41217e6e
create new minimal website
author | David Demelier <markand@malikania.fr> |
---|---|
date | Tue, 16 Jul 2019 20:31:08 +0200 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
21:0b664fc9fca7 | 22:e49c41217e6e |
---|---|
1 /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ | |
2 | |
3 /** | |
4 * 1. Change the default font family in all browsers (opinionated). | |
5 * 2. Correct the line height in all browsers. | |
6 * 3. Prevent adjustments of font size after orientation changes in | |
7 * IE on Windows Phone and in iOS. | |
8 */ | |
9 | |
10 /* Document | |
11 ========================================================================== */ | |
12 | |
13 html { | |
14 font-family: sans-serif; /* 1 */ | |
15 line-height: 1.15; /* 2 */ | |
16 -ms-text-size-adjust: 100%; /* 3 */ | |
17 -webkit-text-size-adjust: 100%; /* 3 */ | |
18 } | |
19 | |
20 /* Sections | |
21 ========================================================================== */ | |
22 | |
23 /** | |
24 * Remove the margin in all browsers (opinionated). | |
25 */ | |
26 | |
27 body { | |
28 margin: 0; | |
29 } | |
30 | |
31 /** | |
32 * Add the correct display in IE 9-. | |
33 */ | |
34 | |
35 article, | |
36 aside, | |
37 footer, | |
38 header, | |
39 nav, | |
40 section { | |
41 display: block; | |
42 } | |
43 | |
44 /** | |
45 * Correct the font size and margin on `h1` elements within `section` and | |
46 * `article` contexts in Chrome, Firefox, and Safari. | |
47 */ | |
48 | |
49 h1 { | |
50 font-size: 2em; | |
51 margin: 0.67em 0; | |
52 } | |
53 | |
54 /* Grouping content | |
55 ========================================================================== */ | |
56 | |
57 /** | |
58 * Add the correct display in IE 9-. | |
59 * 1. Add the correct display in IE. | |
60 */ | |
61 | |
62 figcaption, | |
63 figure, | |
64 main { /* 1 */ | |
65 display: block; | |
66 } | |
67 | |
68 /** | |
69 * Add the correct margin in IE 8. | |
70 */ | |
71 | |
72 figure { | |
73 margin: 1em 40px; | |
74 } | |
75 | |
76 /** | |
77 * 1. Add the correct box sizing in Firefox. | |
78 * 2. Show the overflow in Edge and IE. | |
79 */ | |
80 | |
81 hr { | |
82 box-sizing: content-box; /* 1 */ | |
83 height: 0; /* 1 */ | |
84 overflow: visible; /* 2 */ | |
85 } | |
86 | |
87 /** | |
88 * 1. Correct the inheritance and scaling of font size in all browsers. | |
89 * 2. Correct the odd `em` font sizing in all browsers. | |
90 */ | |
91 | |
92 pre { | |
93 font-family: monospace, monospace; /* 1 */ | |
94 font-size: 1em; /* 2 */ | |
95 } | |
96 | |
97 /* Text-level semantics | |
98 ========================================================================== */ | |
99 | |
100 /** | |
101 * 1. Remove the gray background on active links in IE 10. | |
102 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. | |
103 */ | |
104 | |
105 a { | |
106 background-color: transparent; /* 1 */ | |
107 -webkit-text-decoration-skip: objects; /* 2 */ | |
108 } | |
109 | |
110 /** | |
111 * Remove the outline on focused links when they are also active or hovered | |
112 * in all browsers (opinionated). | |
113 */ | |
114 | |
115 a:active, | |
116 a:hover { | |
117 outline-width: 0; | |
118 } | |
119 | |
120 /** | |
121 * 1. Remove the bottom border in Firefox 39-. | |
122 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. | |
123 */ | |
124 | |
125 abbr[title] { | |
126 border-bottom: none; /* 1 */ | |
127 text-decoration: underline; /* 2 */ | |
128 text-decoration: underline dotted; /* 2 */ | |
129 } | |
130 | |
131 /** | |
132 * Prevent the duplicate application of `bolder` by the next rule in Safari 6. | |
133 */ | |
134 | |
135 b, | |
136 strong { | |
137 font-weight: inherit; | |
138 } | |
139 | |
140 /** | |
141 * Add the correct font weight in Chrome, Edge, and Safari. | |
142 */ | |
143 | |
144 b, | |
145 strong { | |
146 font-weight: bolder; | |
147 } | |
148 | |
149 /** | |
150 * 1. Correct the inheritance and scaling of font size in all browsers. | |
151 * 2. Correct the odd `em` font sizing in all browsers. | |
152 */ | |
153 | |
154 code, | |
155 kbd, | |
156 samp { | |
157 font-family: monospace, monospace; /* 1 */ | |
158 font-size: 1em; /* 2 */ | |
159 } | |
160 | |
161 /** | |
162 * Add the correct font style in Android 4.3-. | |
163 */ | |
164 | |
165 dfn { | |
166 font-style: italic; | |
167 } | |
168 | |
169 /** | |
170 * Add the correct background and color in IE 9-. | |
171 */ | |
172 | |
173 mark { | |
174 background-color: #ff0; | |
175 color: #000; | |
176 } | |
177 | |
178 /** | |
179 * Add the correct font size in all browsers. | |
180 */ | |
181 | |
182 small { | |
183 font-size: 80%; | |
184 } | |
185 | |
186 /** | |
187 * Prevent `sub` and `sup` elements from affecting the line height in | |
188 * all browsers. | |
189 */ | |
190 | |
191 sub, | |
192 sup { | |
193 font-size: 75%; | |
194 line-height: 0; | |
195 position: relative; | |
196 vertical-align: baseline; | |
197 } | |
198 | |
199 sub { | |
200 bottom: -0.25em; | |
201 } | |
202 | |
203 sup { | |
204 top: -0.5em; | |
205 } | |
206 | |
207 /* Embedded content | |
208 ========================================================================== */ | |
209 | |
210 /** | |
211 * Add the correct display in IE 9-. | |
212 */ | |
213 | |
214 audio, | |
215 video { | |
216 display: inline-block; | |
217 } | |
218 | |
219 /** | |
220 * Add the correct display in iOS 4-7. | |
221 */ | |
222 | |
223 audio:not([controls]) { | |
224 display: none; | |
225 height: 0; | |
226 } | |
227 | |
228 /** | |
229 * Remove the border on images inside links in IE 10-. | |
230 */ | |
231 | |
232 img { | |
233 border-style: none; | |
234 } | |
235 | |
236 /** | |
237 * Hide the overflow in IE. | |
238 */ | |
239 | |
240 svg:not(:root) { | |
241 overflow: hidden; | |
242 } | |
243 | |
244 /* Forms | |
245 ========================================================================== */ | |
246 | |
247 /** | |
248 * 1. Change the font styles in all browsers (opinionated). | |
249 * 2. Remove the margin in Firefox and Safari. | |
250 */ | |
251 | |
252 button, | |
253 input, | |
254 optgroup, | |
255 select, | |
256 textarea { | |
257 font-family: sans-serif; /* 1 */ | |
258 font-size: 100%; /* 1 */ | |
259 line-height: 1.15; /* 1 */ | |
260 margin: 0; /* 2 */ | |
261 } | |
262 | |
263 /** | |
264 * Show the overflow in IE. | |
265 * 1. Show the overflow in Edge. | |
266 */ | |
267 | |
268 button, | |
269 input { /* 1 */ | |
270 overflow: visible; | |
271 } | |
272 | |
273 /** | |
274 * Remove the inheritance of text transform in Edge, Firefox, and IE. | |
275 * 1. Remove the inheritance of text transform in Firefox. | |
276 */ | |
277 | |
278 button, | |
279 select { /* 1 */ | |
280 text-transform: none; | |
281 } | |
282 | |
283 /** | |
284 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` | |
285 * controls in Android 4. | |
286 * 2. Correct the inability to style clickable types in iOS and Safari. | |
287 */ | |
288 | |
289 button, | |
290 html [type="button"], /* 1 */ | |
291 [type="reset"], | |
292 [type="submit"] { | |
293 -webkit-appearance: button; /* 2 */ | |
294 } | |
295 | |
296 /** | |
297 * Remove the inner border and padding in Firefox. | |
298 */ | |
299 | |
300 button::-moz-focus-inner, | |
301 [type="button"]::-moz-focus-inner, | |
302 [type="reset"]::-moz-focus-inner, | |
303 [type="submit"]::-moz-focus-inner { | |
304 border-style: none; | |
305 padding: 0; | |
306 } | |
307 | |
308 /** | |
309 * Restore the focus styles unset by the previous rule. | |
310 */ | |
311 | |
312 button:-moz-focusring, | |
313 [type="button"]:-moz-focusring, | |
314 [type="reset"]:-moz-focusring, | |
315 [type="submit"]:-moz-focusring { | |
316 outline: 1px dotted ButtonText; | |
317 } | |
318 | |
319 /** | |
320 * Change the border, margin, and padding in all browsers (opinionated). | |
321 */ | |
322 | |
323 fieldset { | |
324 border: 1px solid #c0c0c0; | |
325 margin: 0 2px; | |
326 padding: 0.35em 0.625em 0.75em; | |
327 } | |
328 | |
329 /** | |
330 * 1. Correct the text wrapping in Edge and IE. | |
331 * 2. Correct the color inheritance from `fieldset` elements in IE. | |
332 * 3. Remove the padding so developers are not caught out when they zero out | |
333 * `fieldset` elements in all browsers. | |
334 */ | |
335 | |
336 legend { | |
337 box-sizing: border-box; /* 1 */ | |
338 color: inherit; /* 2 */ | |
339 display: table; /* 1 */ | |
340 max-width: 100%; /* 1 */ | |
341 padding: 0; /* 3 */ | |
342 white-space: normal; /* 1 */ | |
343 } | |
344 | |
345 /** | |
346 * 1. Add the correct display in IE 9-. | |
347 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. | |
348 */ | |
349 | |
350 progress { | |
351 display: inline-block; /* 1 */ | |
352 vertical-align: baseline; /* 2 */ | |
353 } | |
354 | |
355 /** | |
356 * Remove the default vertical scrollbar in IE. | |
357 */ | |
358 | |
359 textarea { | |
360 overflow: auto; | |
361 } | |
362 | |
363 /** | |
364 * 1. Add the correct box sizing in IE 10-. | |
365 * 2. Remove the padding in IE 10-. | |
366 */ | |
367 | |
368 [type="checkbox"], | |
369 [type="radio"] { | |
370 box-sizing: border-box; /* 1 */ | |
371 padding: 0; /* 2 */ | |
372 } | |
373 | |
374 /** | |
375 * Correct the cursor style of increment and decrement buttons in Chrome. | |
376 */ | |
377 | |
378 [type="number"]::-webkit-inner-spin-button, | |
379 [type="number"]::-webkit-outer-spin-button { | |
380 height: auto; | |
381 } | |
382 | |
383 /** | |
384 * 1. Correct the odd appearance in Chrome and Safari. | |
385 * 2. Correct the outline style in Safari. | |
386 */ | |
387 | |
388 [type="search"] { | |
389 -webkit-appearance: textfield; /* 1 */ | |
390 outline-offset: -2px; /* 2 */ | |
391 } | |
392 | |
393 /** | |
394 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. | |
395 */ | |
396 | |
397 [type="search"]::-webkit-search-cancel-button, | |
398 [type="search"]::-webkit-search-decoration { | |
399 -webkit-appearance: none; | |
400 } | |
401 | |
402 /** | |
403 * 1. Correct the inability to style clickable types in iOS and Safari. | |
404 * 2. Change font properties to `inherit` in Safari. | |
405 */ | |
406 | |
407 ::-webkit-file-upload-button { | |
408 -webkit-appearance: button; /* 1 */ | |
409 font: inherit; /* 2 */ | |
410 } | |
411 | |
412 /* Interactive | |
413 ========================================================================== */ | |
414 | |
415 /* | |
416 * Add the correct display in IE 9-. | |
417 * 1. Add the correct display in Edge, IE, and Firefox. | |
418 */ | |
419 | |
420 details, /* 1 */ | |
421 menu { | |
422 display: block; | |
423 } | |
424 | |
425 /* | |
426 * Add the correct display in all browsers. | |
427 */ | |
428 | |
429 summary { | |
430 display: list-item; | |
431 } | |
432 | |
433 /* Scripting | |
434 ========================================================================== */ | |
435 | |
436 /** | |
437 * Add the correct display in IE 9-. | |
438 */ | |
439 | |
440 canvas { | |
441 display: inline-block; | |
442 } | |
443 | |
444 /** | |
445 * Add the correct display in IE. | |
446 */ | |
447 | |
448 template { | |
449 display: none; | |
450 } | |
451 | |
452 /* Hidden | |
453 ========================================================================== */ | |
454 | |
455 /** | |
456 * Add the correct display in IE 10-. | |
457 */ | |
458 | |
459 [hidden] { | |
460 display: none; | |
461 } |