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