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