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 -moz-box-sizing: content-box; 213 box-sizing: content-box; 214 height: 0; 215} 216 217// 218// Contain overflow in all browsers. 219// 220 221pre { 222 overflow: auto; 223} 224 225// 226// Address odd `em`-unit font size rendering in all browsers. 227// 228 229code, 230kbd, 231pre, 232samp { 233 font-family: monospace, monospace; 234 font-size: 1em; 235} 236 237// Forms 238// ========================================================================== 239 240// 241// Known limitation: by default, Chrome and Safari on OS X allow very limited 242// styling of `select`, unless a `border` property is set. 243// 244 245// 246// 1. Correct color not being inherited. 247// Known issue: affects color of disabled elements. 248// 2. Correct font properties not being inherited. 249// 3. Address margins set differently in Firefox 4+, Safari, and Chrome. 250// 251 252button, 253input, 254optgroup, 255select, 256textarea { 257 color: inherit; // 1 258 font: inherit; // 2 259 margin: 0; // 3 260} 261 262// 263// Address `overflow` set to `hidden` in IE 8/9/10/11. 264// 265 266button { 267 overflow: visible; 268} 269 270// 271// Address inconsistent `text-transform` inheritance for `button` and `select`. 272// All other form control elements do not inherit `text-transform` values. 273// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. 274// Correct `select` style inheritance in Firefox. 275// 276 277button, 278select { 279 text-transform: none; 280} 281 282// 283// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 284// and `video` controls. 285// 2. Correct inability to style clickable `input` types in iOS. 286// 3. Improve usability and consistency of cursor style between image-type 287// `input` and others. 288// 289 290button, 291html input[type="button"], // 1 292input[type="reset"], 293input[type="submit"] { 294 -webkit-appearance: button; // 2 295 cursor: pointer; // 3 296} 297 298// 299// Re-set default cursor for disabled elements. 300// 301 302button[disabled], 303html input[disabled] { 304 cursor: default; 305} 306 307// 308// Remove inner padding and border in Firefox 4+. 309// 310 311button::-moz-focus-inner, 312input::-moz-focus-inner { 313 border: 0; 314 padding: 0; 315} 316 317// 318// Address Firefox 4+ setting `line-height` on `input` using `!important` in 319// the UA stylesheet. 320// 321 322input { 323 line-height: normal; 324} 325 326// 327// It's recommended that you don't attempt to style these elements. 328// Firefox's implementation doesn't respect box-sizing, padding, or width. 329// 330// 1. Address box sizing set to `content-box` in IE 8/9/10. 331// 2. Remove excess padding in IE 8/9/10. 332// 333 334input[type="checkbox"], 335input[type="radio"] { 336 box-sizing: border-box; // 1 337 padding: 0; // 2 338} 339 340// 341// Fix the cursor style for Chrome's increment/decrement buttons. For certain 342// `font-size` values of the `input`, it causes the cursor style of the 343// decrement button to change from `default` to `text`. 344// 345 346input[type="number"]::-webkit-inner-spin-button, 347input[type="number"]::-webkit-outer-spin-button { 348 height: auto; 349} 350 351// 352// 1. Address `appearance` set to `searchfield` in Safari and Chrome. 353// 2. Address `box-sizing` set to `border-box` in Safari and Chrome 354// (include `-moz` to future-proof). 355// 356 357input[type="search"] { 358 -webkit-appearance: textfield; // 1 359 -moz-box-sizing: content-box; 360 -webkit-box-sizing: content-box; // 2 361 box-sizing: content-box; 362} 363 364// 365// Remove inner padding and search cancel button in Safari and Chrome on OS X. 366// Safari (but not Chrome) clips the cancel button when the search input has 367// padding (and `textfield` appearance). 368// 369 370input[type="search"]::-webkit-search-cancel-button, 371input[type="search"]::-webkit-search-decoration { 372 -webkit-appearance: none; 373} 374 375// 376// Define consistent border, margin, and padding. 377// 378 379fieldset { 380 border: 1px solid #c0c0c0; 381 margin: 0 2px; 382 padding: 0.35em 0.625em 0.75em; 383} 384 385// 386// 1. Correct `color` not being inherited in IE 8/9/10/11. 387// 2. Remove padding so people aren't caught out if they zero out fieldsets. 388// 389 390legend { 391 border: 0; // 1 392 padding: 0; // 2 393} 394 395// 396// Remove default vertical scrollbar in IE 8/9/10/11. 397// 398 399textarea { 400 overflow: auto; 401} 402 403// 404// Don't inherit the `font-weight` (applied by a rule above). 405// NOTE: the default cannot safely be changed in Chrome and Safari on OS X. 406// 407 408optgroup { 409 font-weight: bold; 410} 411 412// Tables 413// ========================================================================== 414 415// 416// Remove most spacing between table cells. 417// 418 419table { 420 border-collapse: collapse; 421 border-spacing: 0; 422} 423 424td, 425th { 426 padding: 0; 427} 428