1  /*! normalize.css v1.1.2 | MIT License | git.io/normalize */
  2  
  3  /* ==========================================================================
  4     HTML5 display definitions
  5     ========================================================================== */
  6  
  7  /**
  8   * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
  9   */
 10  
 11  article,
 12  aside,
 13  details,
 14  figcaption,
 15  figure,
 16  footer,
 17  header,
 18  hgroup,
 19  main,
 20  nav,
 21  section,
 22  summary {
 23      display: block;
 24  }
 25  
 26  /**
 27   * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 28   */
 29  
 30  audio,
 31  canvas,
 32  video {
 33      display: inline-block;
 34      *display: inline;
 35      *zoom: 1;
 36  }
 37  
 38  /**
 39   * Prevent modern browsers from displaying `audio` without controls.
 40   * Remove excess height in iOS 5 devices.
 41   */
 42  
 43  audio:not([controls]) {
 44      display: none;
 45      height: 0;
 46  }
 47  
 48  /**
 49   * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 50   * Known issue: no IE 6 support.
 51   */
 52  
 53  [hidden] {
 54      display: none;
 55  }
 56  
 57  /* ==========================================================================
 58     Base
 59     ========================================================================== */
 60  
 61  /**
 62   * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 63   *    `em` units.
 64   * 2. Prevent iOS text size adjust after orientation change, without disabling
 65   *    user zoom.
 66   */
 67  
 68  html {
 69      font-size: 100%; /* 1 */
 70      -ms-text-size-adjust: 100%; /* 2 */
 71      -webkit-text-size-adjust: 100%; /* 2 */
 72  }
 73  
 74  /**
 75   * Address `font-family` inconsistency between `textarea` and other form
 76   * elements.
 77   */
 78  
 79  html,
 80  button,
 81  input,
 82  select,
 83  textarea {
 84      font-family: sans-serif;
 85  }
 86  
 87  /**
 88   * Address margins handled incorrectly in IE 6/7.
 89   */
 90  
 91  body {
 92      margin: 0;
 93  }
 94  
 95  /* ==========================================================================
 96     Links
 97     ========================================================================== */
 98  
 99  /**
100   * Address `outline` inconsistency between Chrome and other browsers.
101   */
102  
103  a:focus {
104      outline: thin dotted;
105  }
106  
107  /**
108   * Improve readability when focused and also mouse hovered in all browsers.
109   */
110  
111  a:active,
112  a:hover {
113      outline: 0;
114  }
115  
116  /* ==========================================================================
117     Typography
118     ========================================================================== */
119  
120  /**
121   * Address font sizes and margins set differently in IE 6/7.
122   * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
123   * and Chrome.
124   */
125  
126  h1 {
127      font-size: 2em;
128      margin: 0.67em 0;
129  }
130  
131  h2 {
132      font-size: 1.5em;
133      margin: 0.83em 0;
134  }
135  
136  h3 {
137      font-size: 1.17em;
138      margin: 1em 0;
139  }
140  
141  h4 {
142      font-size: 1em;
143      margin: 1.33em 0;
144  }
145  
146  h5 {
147      font-size: 0.83em;
148      margin: 1.67em 0;
149  }
150  
151  h6 {
152      font-size: 0.67em;
153      margin: 2.33em 0;
154  }
155  
156  /**
157   * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
158   */
159  
160  abbr[title] {
161      border-bottom: 1px dotted;
162  }
163  
164  /**
165   * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
166   */
167  
168  b,
169  strong {
170      font-weight: bold;
171  }
172  
173  blockquote {
174      margin: 1em 40px;
175  }
176  
177  /**
178   * Address styling not present in Safari 5 and Chrome.
179   */
180  
181  dfn {
182      font-style: italic;
183  }
184  
185  /**
186   * Address differences between Firefox and other browsers.
187   * Known issue: no IE 6/7 normalization.
188   */
189  
190  hr {
191      -moz-box-sizing: content-box;
192      box-sizing: content-box;
193      height: 0;
194  }
195  
196  /**
197   * Address styling not present in IE 6/7/8/9.
198   */
199  
200  mark {
201      background: #ff0;
202      color: #000;
203  }
204  
205  /**
206   * Address margins set differently in IE 6/7.
207   */
208  
209  p,
210  pre {
211      margin: 1em 0;
212  }
213  
214  /**
215   * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
216   */
217  
218  code,
219  kbd,
220  pre,
221  samp {
222      font-family: monospace, serif;
223      _font-family: 'courier new', monospace;
224      font-size: 1em;
225  }
226  
227  /**
228   * Improve readability of pre-formatted text in all browsers.
229   */
230  
231  pre {
232      white-space: pre;
233      white-space: pre-wrap;
234      word-wrap: break-word;
235  }
236  
237  /**
238   * Address CSS quotes not supported in IE 6/7.
239   */
240  
241  q {
242      quotes: none;
243  }
244  
245  /**
246   * Address `quotes` property not supported in Safari 4.
247   */
248  
249  q:before,
250  q:after {
251      content: '';
252      content: none;
253  }
254  
255  /**
256   * Address inconsistent and variable font size in all browsers.
257   */
258  
259  small {
260      font-size: 80%;
261  }
262  
263  /**
264   * Prevent `sub` and `sup` affecting `line-height` in all browsers.
265   */
266  
267  sub,
268  sup {
269      font-size: 75%;
270      line-height: 0;
271      position: relative;
272      vertical-align: baseline;
273  }
274  
275  sup {
276      top: -0.5em;
277  }
278  
279  sub {
280      bottom: -0.25em;
281  }
282  
283  /* ==========================================================================
284     Lists
285     ========================================================================== */
286  
287  /**
288   * Address margins set differently in IE 6/7.
289   */
290  
291  dl,
292  menu,
293  ol,
294  ul {
295      margin: 1em 0;
296  }
297  
298  dd {
299      margin: 0 0 0 40px;
300  }
301  
302  /**
303   * Address paddings set differently in IE 6/7.
304   */
305  
306  menu,
307  ol,
308  ul {
309      padding: 0 0 0 40px;
310  }
311  
312  /**
313   * Correct list images handled incorrectly in IE 7.
314   */
315  
316  nav ul,
317  nav ol {
318      list-style: none;
319      list-style-image: none;
320  }
321  
322  /* ==========================================================================
323     Embedded content
324     ========================================================================== */
325  
326  /**
327   * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
328   * 2. Improve image quality when scaled in IE 7.
329   */
330  
331  img {
332      border: 0; /* 1 */
333      -ms-interpolation-mode: bicubic; /* 2 */
334  }
335  
336  /**
337   * Correct overflow displayed oddly in IE 9.
338   */
339  
340  svg:not(:root) {
341      overflow: hidden;
342  }
343  
344  /* ==========================================================================
345     Figures
346     ========================================================================== */
347  
348  /**
349   * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
350   */
351  
352  figure {
353      margin: 0;
354  }
355  
356  /* ==========================================================================
357     Forms
358     ========================================================================== */
359  
360  /**
361   * Correct margin displayed oddly in IE 6/7.
362   */
363  
364  form {
365      margin: 0;
366  }
367  
368  /**
369   * Define consistent border, margin, and padding.
370   */
371  
372  fieldset {
373      border: 1px solid #c0c0c0;
374      margin: 0 2px;
375      padding: 0.35em 0.625em 0.75em;
376  }
377  
378  /**
379   * 1. Correct color not being inherited in IE 6/7/8/9.
380   * 2. Correct text not wrapping in Firefox 3.
381   * 3. Correct alignment displayed oddly in IE 6/7.
382   */
383  
384  legend {
385      border: 0; /* 1 */
386      padding: 0;
387      white-space: normal; /* 2 */
388      *margin-left: -7px; /* 3 */
389  }
390  
391  /**
392   * 1. Correct font size not being inherited in all browsers.
393   * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
394   *    and Chrome.
395   * 3. Improve appearance and consistency in all browsers.
396   */
397  
398  button,
399  input,
400  select,
401  textarea {
402      font-size: 100%; /* 1 */
403      margin: 0; /* 2 */
404      vertical-align: baseline; /* 3 */
405      *vertical-align: middle; /* 3 */
406  }
407  
408  /**
409   * Address Firefox 3+ setting `line-height` on `input` using `!important` in
410   * the UA stylesheet.
411   */
412  
413  button,
414  input {
415      line-height: normal;
416  }
417  
418  /**
419   * Address inconsistent `text-transform` inheritance for `button` and `select`.
420   * All other form control elements do not inherit `text-transform` values.
421   * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
422   * Correct `select` style inheritance in Firefox 4+ and Opera.
423   */
424  
425  button,
426  select {
427      text-transform: none;
428  }
429  
430  /**
431   * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
432   *    and `video` controls.
433   * 2. Correct inability to style clickable `input` types in iOS.
434   * 3. Improve usability and consistency of cursor style between image-type
435   *    `input` and others.
436   * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
437   *    Known issue: inner spacing remains in IE 6.
438   */
439  
440  button,
441  html input[type="button"], /* 1 */
442  input[type="reset"],
443  input[type="submit"] {
444      -webkit-appearance: button; /* 2 */
445      cursor: pointer; /* 3 */
446      *overflow: visible;  /* 4 */
447  }
448  
449  /**
450   * Re-set default cursor for disabled elements.
451   */
452  
453  button[disabled],
454  html input[disabled] {
455      cursor: default;
456  }
457  
458  /**
459   * 1. Address box sizing set to content-box in IE 8/9.
460   * 2. Remove excess padding in IE 8/9.
461   * 3. Remove excess padding in IE 7.
462   *    Known issue: excess padding remains in IE 6.
463   */
464  
465  input[type="checkbox"],
466  input[type="radio"] {
467      box-sizing: border-box; /* 1 */
468      padding: 0; /* 2 */
469      *height: 13px; /* 3 */
470      *width: 13px; /* 3 */
471  }
472  
473  /**
474   * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
475   * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
476   *    (include `-moz` to future-proof).
477   */
478  
479  input[type="search"] {
480      -webkit-appearance: textfield; /* 1 */
481      -moz-box-sizing: content-box;
482      -webkit-box-sizing: content-box; /* 2 */
483      box-sizing: content-box;
484  }
485  
486  /**
487   * Remove inner padding and search cancel button in Safari 5 and Chrome
488   * on OS X.
489   */
490  
491  input[type="search"]::-webkit-search-cancel-button,
492  input[type="search"]::-webkit-search-decoration {
493      -webkit-appearance: none;
494  }
495  
496  /**
497   * Remove inner padding and border in Firefox 3+.
498   */
499  
500  button::-moz-focus-inner,
501  input::-moz-focus-inner {
502      border: 0;
503      padding: 0;
504  }
505  
506  /**
507   * 1. Remove default vertical scrollbar in IE 6/7/8/9.
508   * 2. Improve readability and alignment in all browsers.
509   */
510  
511  textarea {
512      overflow: auto; /* 1 */
513      vertical-align: top; /* 2 */
514  }
515  
516  /* ==========================================================================
517     Tables
518     ========================================================================== */
519  
520  /**
521   * Remove most spacing between table cells.
522   */
523  
524  table {
525      border-collapse: collapse;
526      border-spacing: 0;
527  }