1 /*! normalize.css v1.0.1 | MIT License | git.io/normalize */

     2 

     3 /* ==========================================================================

     4    HTML5 display definitions

     5    ========================================================================== */

     6 

     7 /*

     8  * Corrects `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 nav,

    20 section,

    21 summary {

    22     display: block;

    23 }

    24 

    25 /*

    26  * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.

    27  */

    28 

    29 audio,

    30 canvas,

    31 video {

    32     display: inline-block;

    33     *display: inline;

    34     *zoom: 1;

    35 }

    36 

    37 /*

    38  * Prevents modern browsers from displaying `audio` without controls.

    39  * Remove excess height in iOS 5 devices.

    40  */

    41 

    42 audio:not([controls]) {

    43     display: none;

    44     height: 0;

    45 }

    46 

    47 /*

    48  * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,

    49  * 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. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using

    63  *    `em` units.

    64  * 2. Prevents iOS text size adjust after orientation change, without disabling

    65  *    user zoom.

    66  */

    67 

    68 html {

    69     font-size: 100%; /* 1 */

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

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

    72 }

    73 

    74 /*

    75  * Addresses `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  * Addresses margins handled incorrectly in IE 6/7.

    89  */

    90 

    91 body {

    92     margin: 0;

    93 }

    94 

    95 /* ==========================================================================

    96    Links

    97    ========================================================================== */

    98 

    99 /*

   100  * Addresses `outline` inconsistency between Chrome and other browsers.

   101  */

   102 

   103 a:focus {

   104     outline: thin dotted;

   105 }

   106 

   107 /*

   108  * Improves 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  * Addresses font sizes and margins set differently in IE 6/7.

   122  * Addresses 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.75em;

   153     margin: 2.33em 0;

   154 }

   155 

   156 /*

   157  * Addresses 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  * Addresses 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  * Addresses styling not present in Safari 5 and Chrome.

   179  */

   180 

   181 dfn {

   182     font-style: italic;

   183 }

   184 

   185 /*

   186  * Addresses styling not present in IE 6/7/8/9.

   187  */

   188 

   189 mark {

   190     background: #ff0;

   191     color: #000;

   192 }

   193 

   194 /*

   195  * Addresses margins set differently in IE 6/7.

   196  */

   197 

   198 p,

   199 pre {

   200     margin: 1em 0;

   201 }

   202 

   203 /*

   204  * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.

   205  */

   206 

   207 code,

   208 kbd,

   209 pre,

   210 samp {

   211     font-family: monospace, serif;

   212     _font-family: 'courier new', monospace;

   213     font-size: 1em;

   214 }

   215 

   216 /*

   217  * Improves readability of pre-formatted text in all browsers.

   218  */

   219 

   220 pre {

   221     white-space: pre;

   222     white-space: pre-wrap;

   223     word-wrap: break-word;

   224 }

   225 

   226 /*

   227  * Addresses CSS quotes not supported in IE 6/7.

   228  */

   229 

   230 q {

   231     quotes: none;

   232 }

   233 

   234 /*

   235  * Addresses `quotes` property not supported in Safari 4.

   236  */

   237 

   238 q:before,

   239 q:after {

   240     content: '';

   241     content: none;

   242 }

   243 

   244 /*

   245  * Addresses inconsistent and variable font size in all browsers.

   246  */

   247 

   248 small {

   249     font-size: 80%;

   250 }

   251 

   252 /*

   253  * Prevents `sub` and `sup` affecting `line-height` in all browsers.

   254  */

   255 

   256 sub,

   257 sup {

   258     font-size: 75%;

   259     line-height: 0;

   260     position: relative;

   261     vertical-align: baseline;

   262 }

   263 

   264 sup {

   265     top: -0.5em;

   266 }

   267 

   268 sub {

   269     bottom: -0.25em;

   270 }

   271 

   272 /* ==========================================================================

   273    Lists

   274    ========================================================================== */

   275 

   276 /*

   277  * Addresses margins set differently in IE 6/7.

   278  */

   279 

   280 dl,

   281 menu,

   282 ol,

   283 ul {

   284     margin: 1em 0;

   285 }

   286 

   287 dd {

   288     margin: 0 0 0 40px;

   289 }

   290 

   291 /*

   292  * Addresses paddings set differently in IE 6/7.

   293  */

   294 

   295 menu,

   296 ol,

   297 ul {

   298     padding: 0 0 0 40px;

   299 }

   300 

   301 /*

   302  * Corrects list images handled incorrectly in IE 7.

   303  */

   304 

   305 nav ul,

   306 nav ol {

   307     list-style: none;

   308     list-style-image: none;

   309 }

   310 

   311 /* ==========================================================================

   312    Embedded content

   313    ========================================================================== */

   314 

   315 /*

   316  * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.

   317  * 2. Improves image quality when scaled in IE 7.

   318  */

   319 

   320 img {

   321     border: 0; /* 1 */

   322     -ms-interpolation-mode: bicubic; /* 2 */

   323 }

   324 

   325 /*

   326  * Corrects overflow displayed oddly in IE 9.

   327  */

   328 

   329 svg:not(:root) {

   330     overflow: hidden;

   331 }

   332 

   333 /* ==========================================================================

   334    Figures

   335    ========================================================================== */

   336 

   337 /*

   338  * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.

   339  */

   340 

   341 figure {

   342     margin: 0;

   343 }

   344 

   345 /* ==========================================================================

   346    Forms

   347    ========================================================================== */

   348 

   349 /*

   350  * Corrects margin displayed oddly in IE 6/7.

   351  */

   352 

   353 form {

   354     margin: 0;

   355 }

   356 

   357 /*

   358  * Define consistent border, margin, and padding.

   359  */

   360 

   361 fieldset {

   362     border: 1px solid #c0c0c0;

   363     margin: 0 2px;

   364     padding: 0.35em 0.625em 0.75em;

   365 }

   366 

   367 /*

   368  * 1. Corrects color not being inherited in IE 6/7/8/9.

   369  * 2. Corrects text not wrapping in Firefox 3.

   370  * 3. Corrects alignment displayed oddly in IE 6/7.

   371  */

   372 

   373 legend {

   374     border: 0; /* 1 */

   375     padding: 0;

   376     white-space: normal; /* 2 */

   377     *margin-left: -7px; /* 3 */

   378 }

   379 

   380 /*

   381  * 1. Corrects font size not being inherited in all browsers.

   382  * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,

   383  *    and Chrome.

   384  * 3. Improves appearance and consistency in all browsers.

   385  */

   386 

   387 button,

   388 input,

   389 select,

   390 textarea {

   391     font-size: 100%; /* 1 */

   392     margin: 0; /* 2 */

   393     vertical-align: baseline; /* 3 */

   394     *vertical-align: middle; /* 3 */

   395 }

   396 

   397 /*

   398  * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in

   399  * the UA stylesheet.

   400  */

   401 

   402 button,

   403 input {

   404     line-height: normal;

   405 }

   406 

   407 /*

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

   409  *    and `video` controls.

   410  * 2. Corrects inability to style clickable `input` types in iOS.

   411  * 3. Improves usability and consistency of cursor style between image-type

   412  *    `input` and others.

   413  * 4. Removes inner spacing in IE 7 without affecting normal text inputs.

   414  *    Known issue: inner spacing remains in IE 6.

   415  */

   416 

   417 button,

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

   419 input[type="reset"],

   420 input[type="submit"] {

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

   422     cursor: pointer; /* 3 */

   423     *overflow: visible;  /* 4 */

   424 }

   425 

   426 /*

   427  * Re-set default cursor for disabled elements.

   428  */

   429 

   430 button[disabled],

   431 input[disabled] {

   432     cursor: default;

   433 }

   434 

   435 /*

   436  * 1. Addresses box sizing set to content-box in IE 8/9.

   437  * 2. Removes excess padding in IE 8/9.

   438  * 3. Removes excess padding in IE 7.

   439  *    Known issue: excess padding remains in IE 6.

   440  */

   441 

   442 input[type="checkbox"],

   443 input[type="radio"] {

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

   445     padding: 0; /* 2 */

   446     *height: 13px; /* 3 */

   447     *width: 13px; /* 3 */

   448 }

   449 

   450 /*

   451  * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.

   452  * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome

   453  *    (include `-moz` to future-proof).

   454  */

   455 

   456 input[type="search"] {

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

   458     -moz-box-sizing: content-box;

   459     -webkit-box-sizing: content-box; /* 2 */

   460     box-sizing: content-box;

   461 }

   462 

   463 /*

   464  * Removes inner padding and search cancel button in Safari 5 and Chrome

   465  * on OS X.

   466  */

   467 

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

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

   470     -webkit-appearance: none;

   471 }

   472 

   473 /*

   474  * Removes inner padding and border in Firefox 3+.

   475  */

   476 

   477 button::-moz-focus-inner,

   478 input::-moz-focus-inner {

   479     border: 0;

   480     padding: 0;

   481 }

   482 

   483 /*

   484  * 1. Removes default vertical scrollbar in IE 6/7/8/9.

   485  * 2. Improves readability and alignment in all browsers.

   486  */

   487 

   488 textarea {

   489     overflow: auto; /* 1 */

   490     vertical-align: top; /* 2 */

   491 }

   492 

   493 /* ==========================================================================

   494    Tables

   495    ========================================================================== */

   496 

   497 /*

   498  * Remove most spacing between table cells.

   499  */

   500 

   501 table {

   502     border-collapse: collapse;

   503     border-spacing: 0;

   504 }