normalize.css (7807B)
1 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ 2 3 /** 4 * 1. Set default font family to sans-serif. 5 * 2. Prevent iOS text size adjust after orientation change, without disabling 6 * user zoom. 7 */ 8 9 html { 10 -ms-text-size-adjust: 100%; /* 2 */ 11 -webkit-text-size-adjust: 100%; /* 2 */ 12 } 13 14 /** 15 * Remove default margin. 16 */ 17 18 body { 19 margin: 0; 20 } 21 22 /* HTML5 display definitions 23 ========================================================================== */ 24 25 /** 26 * Correct `block` display not defined for any HTML5 element in IE 8/9. 27 * Correct `block` display not defined for `details` or `summary` in IE 10/11 28 * and Firefox. 29 * Correct `block` display not defined for `main` in IE 11. 30 */ 31 32 article, 33 aside, 34 details, 35 figcaption, 36 figure, 37 footer, 38 header, 39 hgroup, 40 main, 41 menu, 42 nav, 43 section, 44 summary { 45 display: block; 46 } 47 48 /** 49 * 1. Correct `inline-block` display not defined in IE 8/9. 50 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. 51 */ 52 53 audio, 54 canvas, 55 progress, 56 video { 57 display: inline-block; /* 1 */ 58 vertical-align: baseline; /* 2 */ 59 } 60 61 /** 62 * Prevent modern browsers from displaying `audio` without controls. 63 * Remove excess height in iOS 5 devices. 64 */ 65 66 audio:not([controls]) { 67 display: none; 68 height: 0; 69 } 70 71 /** 72 * Address `[hidden]` styling not present in IE 8/9/10. 73 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. 74 */ 75 76 [hidden], 77 template { 78 display: none; 79 } 80 81 /* Links 82 ========================================================================== */ 83 84 /** 85 * Remove the gray background color from active links in IE 10. 86 */ 87 88 a { 89 background-color: transparent; 90 } 91 92 /** 93 * Improve readability when focused and also mouse hovered in all browsers. 94 */ 95 96 a:active, 97 a:hover { 98 outline: 0; 99 } 100 101 /* Text-level semantics 102 ========================================================================== */ 103 104 /** 105 * Address styling not present in IE 8/9/10/11, Safari, and Chrome. 106 */ 107 108 abbr[title] { 109 border-bottom: 1px dotted; 110 } 111 112 /** 113 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. 114 */ 115 116 b, 117 strong { 118 font-weight: bold; 119 } 120 121 /** 122 * Address styling not present in Safari and Chrome. 123 */ 124 125 dfn { 126 font-style: italic; 127 } 128 129 /** 130 * Address variable `h1` font-size and margin within `section` and `article` 131 * contexts in Firefox 4+, Safari, and Chrome. 132 */ 133 134 @media only screen and (max-width: 988px) 135 { 136 h1 { 137 font-size: calc(100vw / 12.2); 138 } 139 } 140 141 142 /** 143 * Address styling not present in IE 8/9. 144 */ 145 146 mark { 147 background: #ff0; 148 color: #000; 149 } 150 151 /** 152 * Address inconsistent and variable font size in all browsers. 153 */ 154 155 small { 156 font-size: 80%; 157 } 158 159 /** 160 * Prevent `sub` and `sup` affecting `line-height` in all browsers. 161 */ 162 163 sub, 164 sup { 165 font-size: 75%; 166 line-height: 0; 167 position: relative; 168 vertical-align: baseline; 169 } 170 171 sup { 172 top: -0.5em; 173 } 174 175 sub { 176 bottom: -0.25em; 177 } 178 179 /* Embedded content 180 ========================================================================== */ 181 182 /** 183 * Remove border when inside `a` element in IE 8/9/10. 184 */ 185 186 img { 187 border: 0; 188 } 189 190 /** 191 * Correct overflow not hidden in IE 9/10/11. 192 */ 193 194 svg:not(:root) { 195 overflow: hidden; 196 } 197 198 /* Grouping content 199 ========================================================================== */ 200 201 /** 202 * Address margin not present in IE 8/9 and Safari. 203 */ 204 205 figure { 206 margin: 1em 40px; 207 } 208 209 /** 210 * Address differences between Firefox and other browsers. 211 */ 212 213 hr { 214 -moz-box-sizing: content-box; 215 box-sizing: content-box; 216 height: 0; 217 } 218 219 /** 220 * Contain overflow in all browsers. 221 */ 222 223 pre { 224 overflow: auto; 225 } 226 227 /** 228 * Address odd `em`-unit font size rendering in all browsers. 229 */ 230 231 code, 232 kbd, 233 pre, 234 samp { 235 font-family: monospace, monospace; 236 font-size: 1em; 237 } 238 239 /* Forms 240 ========================================================================== */ 241 242 /** 243 * Known limitation: by default, Chrome and Safari on OS X allow very limited 244 * styling of `select`, unless a `border` property is set. 245 */ 246 247 /** 248 * 1. Correct color not being inherited. 249 * Known issue: affects color of disabled elements. 250 * 2. Correct font properties not being inherited. 251 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 252 */ 253 254 button, 255 input, 256 optgroup, 257 select, 258 textarea { 259 color: inherit; /* 1 */ 260 font: inherit; /* 2 */ 261 margin: 0; /* 3 */ 262 } 263 264 /** 265 * Address `overflow` set to `hidden` in IE 8/9/10/11. 266 */ 267 268 button { 269 overflow: visible; 270 } 271 272 /** 273 * Address inconsistent `text-transform` inheritance for `button` and `select`. 274 * All other form control elements do not inherit `text-transform` values. 275 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 276 * Correct `select` style inheritance in Firefox. 277 */ 278 279 button, 280 select { 281 text-transform: none; 282 } 283 284 /** 285 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 286 * and `video` controls. 287 * 2. Correct inability to style clickable `input` types in iOS. 288 * 3. Improve usability and consistency of cursor style between image-type 289 * `input` and others. 290 */ 291 292 button, 293 html input[type="button"], /* 1 */ 294 input[type="reset"], 295 input[type="submit"] { 296 -webkit-appearance: button; /* 2 */ 297 cursor: pointer; /* 3 */ 298 } 299 300 /** 301 * Re-set default cursor for disabled elements. 302 */ 303 304 button[disabled], 305 html input[disabled] { 306 cursor: default; 307 } 308 309 /** 310 * Remove inner padding and border in Firefox 4+. 311 */ 312 313 button::-moz-focus-inner, 314 input::-moz-focus-inner { 315 border: 0; 316 padding: 0; 317 } 318 319 /** 320 * Address Firefox 4+ setting `line-height` on `input` using `!important` in 321 * the UA stylesheet. 322 */ 323 324 input { 325 line-height: normal; 326 } 327 328 /** 329 * It's recommended that you don't attempt to style these elements. 330 * Firefox's implementation doesn't respect box-sizing, padding, or width. 331 * 332 * 1. Address box sizing set to `content-box` in IE 8/9/10. 333 * 2. Remove excess padding in IE 8/9/10. 334 */ 335 336 input[type="checkbox"], 337 input[type="radio"] { 338 box-sizing: border-box; /* 1 */ 339 padding: 0; /* 2 */ 340 } 341 342 /** 343 * Fix the cursor style for Chrome's increment/decrement buttons. For certain 344 * `font-size` values of the `input`, it causes the cursor style of the 345 * decrement button to change from `default` to `text`. 346 */ 347 348 input[type="number"]::-webkit-inner-spin-button, 349 input[type="number"]::-webkit-outer-spin-button { 350 height: auto; 351 } 352 353 /** 354 * 1. Address `appearance` set to `searchfield` in Safari and Chrome. 355 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome 356 * (include `-moz` to future-proof). 357 */ 358 359 input[type="search"] { 360 -webkit-appearance: textfield; /* 1 */ 361 -moz-box-sizing: content-box; 362 -webkit-box-sizing: content-box; /* 2 */ 363 box-sizing: content-box; 364 } 365 366 /** 367 * Remove inner padding and search cancel button in Safari and Chrome on OS X. 368 * Safari (but not Chrome) clips the cancel button when the search input has 369 * padding (and `textfield` appearance). 370 */ 371 372 input[type="search"]::-webkit-search-cancel-button, 373 input[type="search"]::-webkit-search-decoration { 374 -webkit-appearance: none; 375 } 376 377 /** 378 * Define consistent border, margin, and padding. 379 */ 380 381 fieldset { 382 border: 1px solid #c0c0c0; 383 margin: 0 2px; 384 padding: 0.35em 0.625em 0.75em; 385 } 386 387 /** 388 * 1. Correct `color` not being inherited in IE 8/9/10/11. 389 * 2. Remove padding so people aren't caught out if they zero out fieldsets. 390 */ 391 392 legend { 393 border: 0; /* 1 */ 394 padding: 0; /* 2 */ 395 } 396 397 /** 398 * Remove default vertical scrollbar in IE 8/9/10/11. 399 */ 400 401 textarea { 402 overflow: auto; 403 } 404 405 /** 406 * Don't inherit the `font-weight` (applied by a rule above). 407 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 408 */ 409 410 optgroup { 411 font-weight: bold; 412 } 413 414 /* Tables 415 ========================================================================== */ 416 417 /** 418 * Remove most spacing between table cells. 419 */ 420 421 table { 422 border-collapse: collapse; 423 border-spacing: 0; 424 } 425 426 td, 427 th { 428 padding: 0; 429 }