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