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