1 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

     2 

     3 /**

     4  * 1. Set default font family to sans-serif.

     5  * 2. Prevent iOS and IE text size adjust after device orientation change,

     6  *    without disabling user zoom.

     7  */

     8 

     9 html {

    10   font-family: sans-serif; /* 1 */

    11   -ms-text-size-adjust: 100%; /* 2 */

    12   -webkit-text-size-adjust: 100%; /* 2 */

    13 }

    14 

    15 /**

    16  * Remove default margin.

    17  */

    18 

    19 body {

    20   margin: 0;

    21 }

    22 

    23 /* HTML5 display definitions

    24    ========================================================================== */

    25 

    26 /**

    27  * Correct `block` display not defined for any HTML5 element in IE 8/9.

    28  * Correct `block` display not defined for `details` or `summary` in IE 10/11

    29  * and Firefox.

    30  * Correct `block` display not defined for `main` in IE 11.

    31  */

    32 

    33 article,

    34 aside,

    35 details,

    36 figcaption,

    37 figure,

    38 footer,

    39 header,

    40 hgroup,

    41 main,

    42 menu,

    43 nav,

    44 section,

    45 summary {

    46   display: block;

    47 }

    48 

    49 /**

    50  * 1. Correct `inline-block` display not defined in IE 8/9.

    51  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.

    52  */

    53 

    54 audio,

    55 canvas,

    56 progress,

    57 video {

    58   display: inline-block; /* 1 */

    59   vertical-align: baseline; /* 2 */

    60 }

    61 

    62 /**

    63  * Prevent modern browsers from displaying `audio` without controls.

    64  * Remove excess height in iOS 5 devices.

    65  */

    66 

    67 audio:not([controls]) {

    68   display: none;

    69   height: 0;

    70 }

    71 

    72 /**

    73  * Address `[hidden]` styling not present in IE 8/9/10.

    74  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.

    75  */

    76 

    77 [hidden],

    78 template {

    79   display: none;

    80 }

    81 

    82 /* Links

    83    ========================================================================== */

    84 

    85 /**

    86  * Remove the gray background color from active links in IE 10.

    87  */

    88 

    89 a {

    90   background-color: transparent;

    91 }

    92 

    93 /**

    94  * Improve readability of focused elements when they are also in an

    95  * active/hover state.

    96  */

    97 

    98 a:active,

    99 a:hover {

   100   outline: 0;

   101 }

   102 

   103 /* Text-level semantics

   104    ========================================================================== */

   105 

   106 /**

   107  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.

   108  */

   109 

   110 abbr[title] {

   111   border-bottom: 1px dotted;

   112 }

   113 

   114 /**

   115  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.

   116  */

   117 

   118 b,

   119 strong {

   120   font-weight: bold;

   121 }

   122 

   123 /**

   124  * Address styling not present in Safari and Chrome.

   125  */

   126 

   127 dfn {

   128   font-style: italic;

   129 }

   130 

   131 /**

   132  * Address variable `h1` font-size and margin within `section` and `article`

   133  * contexts in Firefox 4+, Safari, and Chrome.

   134  */

   135 

   136 h1 {

   137   font-size: 2em;

   138   margin: 0.67em 0;

   139 }

   140 

   141 /**

   142  * Address styling not present in IE 8/9.

   143  */

   144 

   145 mark {

   146   background: #ff0;

   147   color: #000;

   148 }

   149 

   150 /**

   151  * Address inconsistent and variable font size in all browsers.

   152  */

   153 

   154 small {

   155   font-size: 80%;

   156 }

   157 

   158 /**

   159  * Prevent `sub` and `sup` affecting `line-height` in all browsers.

   160  */

   161 

   162 sub,

   163 sup {

   164   font-size: 75%;

   165   line-height: 0;

   166   position: relative;

   167   vertical-align: baseline;

   168 }

   169 

   170 sup {

   171   top: -0.5em;

   172 }

   173 

   174 sub {

   175   bottom: -0.25em;

   176 }

   177 

   178 /* Embedded content

   179    ========================================================================== */

   180 

   181 /**

   182  * Remove border when inside `a` element in IE 8/9/10.

   183  */

   184 

   185 img {

   186   border: 0;

   187 }

   188 

   189 /**

   190  * Correct overflow not hidden in IE 9/10/11.

   191  */

   192 

   193 svg:not(:root) {

   194   overflow: hidden;

   195 }

   196 

   197 /* Grouping content

   198    ========================================================================== */

   199 

   200 /**

   201  * Address margin not present in IE 8/9 and Safari.

   202  */

   203 

   204 figure {

   205   margin: 1em 40px;

   206 }

   207 

   208 /**

   209  * Address differences between Firefox and other browsers.

   210  */

   211 

   212 hr {

   213   box-sizing: content-box;

   214   height: 0;

   215 }

   216 

   217 /**

   218  * Contain overflow in all browsers.

   219  */

   220 

   221 pre {

   222   overflow: auto;

   223 }

   224 

   225 /**

   226  * Address odd `em`-unit font size rendering in all browsers.

   227  */

   228 

   229 code,

   230 kbd,

   231 pre,

   232 samp {

   233   font-family: monospace, monospace;

   234   font-size: 1em;

   235 }

   236 

   237 /* Forms

   238    ========================================================================== */

   239 

   240 /**

   241  * Known limitation: by default, Chrome and Safari on OS X allow very limited

   242  * styling of `select`, unless a `border` property is set.

   243  */

   244 

   245 /**

   246  * 1. Correct color not being inherited.

   247  *    Known issue: affects color of disabled elements.

   248  * 2. Correct font properties not being inherited.

   249  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.

   250  */

   251 

   252 button,

   253 input,

   254 optgroup,

   255 select,

   256 textarea {

   257   color: inherit; /* 1 */

   258   font: inherit; /* 2 */

   259   margin: 0; /* 3 */

   260 }

   261 

   262 /**

   263  * Address `overflow` set to `hidden` in IE 8/9/10/11.

   264  */

   265 

   266 button {

   267   overflow: visible;

   268 }

   269 

   270 /**

   271  * Address inconsistent `text-transform` inheritance for `button` and `select`.

   272  * All other form control elements do not inherit `text-transform` values.

   273  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.

   274  * Correct `select` style inheritance in Firefox.

   275  */

   276 

   277 button,

   278 select {

   279   text-transform: none;

   280 }

   281 

   282 /**

   283  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`

   284  *    and `video` controls.

   285  * 2. Correct inability to style clickable `input` types in iOS.

   286  * 3. Improve usability and consistency of cursor style between image-type

   287  *    `input` and others.

   288  */

   289 

   290 button,

   291 html input[type="button"], /* 1 */

   292 input[type="reset"],

   293 input[type="submit"] {

   294   -webkit-appearance: button; /* 2 */

   295   cursor: pointer; /* 3 */

   296 }

   297 

   298 /**

   299  * Re-set default cursor for disabled elements.

   300  */

   301 

   302 button[disabled],

   303 html input[disabled] {

   304   cursor: default;

   305 }

   306 

   307 /**

   308  * Remove inner padding and border in Firefox 4+.

   309  */

   310 

   311 button::-moz-focus-inner,

   312 input::-moz-focus-inner {

   313   border: 0;

   314   padding: 0;

   315 }

   316 

   317 /**

   318  * Address Firefox 4+ setting `line-height` on `input` using `!important` in

   319  * the UA stylesheet.

   320  */

   321 

   322 input {

   323   line-height: normal;

   324 }

   325 

   326 /**

   327  * It's recommended that you don't attempt to style these elements.

   328  * Firefox's implementation doesn't respect box-sizing, padding, or width.

   329  *

   330  * 1. Address box sizing set to `content-box` in IE 8/9/10.

   331  * 2. Remove excess padding in IE 8/9/10.

   332  */

   333 

   334 input[type="checkbox"],

   335 input[type="radio"] {

   336   box-sizing: border-box; /* 1 */

   337   padding: 0; /* 2 */

   338 }

   339 

   340 /**

   341  * Fix the cursor style for Chrome's increment/decrement buttons. For certain

   342  * `font-size` values of the `input`, it causes the cursor style of the

   343  * decrement button to change from `default` to `text`.

   344  */

   345 

   346 input[type="number"]::-webkit-inner-spin-button,

   347 input[type="number"]::-webkit-outer-spin-button {

   348   height: auto;

   349 }

   350 

   351 /**

   352  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.

   353  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.

   354  */

   355 

   356 input[type="search"] {

   357   -webkit-appearance: textfield; /* 1 */

   358   box-sizing: content-box; /* 2 */

   359 }

   360 

   361 /**

   362  * Remove inner padding and search cancel button in Safari and Chrome on OS X.

   363  * Safari (but not Chrome) clips the cancel button when the search input has

   364  * padding (and `textfield` appearance).

   365  */

   366 

   367 input[type="search"]::-webkit-search-cancel-button,

   368 input[type="search"]::-webkit-search-decoration {

   369   -webkit-appearance: none;

   370 }

   371 

   372 /**

   373  * Define consistent border, margin, and padding.

   374  */

   375 

   376 fieldset {

   377   border: 1px solid #c0c0c0;

   378   margin: 0 2px;

   379   padding: 0.35em 0.625em 0.75em;

   380 }

   381 

   382 /**

   383  * 1. Correct `color` not being inherited in IE 8/9/10/11.

   384  * 2. Remove padding so people aren't caught out if they zero out fieldsets.

   385  */

   386 

   387 legend {

   388   border: 0; /* 1 */

   389   padding: 0; /* 2 */

   390 }

   391 

   392 /**

   393  * Remove default vertical scrollbar in IE 8/9/10/11.

   394  */

   395 

   396 textarea {

   397   overflow: auto;

   398 }

   399 

   400 /**

   401  * Don't inherit the `font-weight` (applied by a rule above).

   402  * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.

   403  */

   404 

   405 optgroup {

   406   font-weight: bold;

   407 }

   408 

   409 /* Tables

   410    ========================================================================== */

   411 

   412 /**

   413  * Remove most spacing between table cells.

   414  */

   415 

   416 table {

   417   border-collapse: collapse;

   418   border-spacing: 0;

   419 }

   420 

   421 td,

   422 th {

   423   padding: 0;

   424 }