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: 145%; 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 }