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