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