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 | } |
\ | No newline at end of file |