layout.css (11306B)
1 html { 2 font-family: sans-serif; 3 -ms-text-size-adjust: 100%; 4 -webkit-text-size-adjust: 100%; 5 } 6 body { 7 margin: 0; 8 -webkit-font-smoothing: antialiased; 9 -moz-osx-font-smoothing: grayscale; 10 } 11 article, 12 aside, 13 details, 14 figcaption, 15 figure, 16 footer, 17 header, 18 main, 19 menu, 20 nav, 21 section, 22 summary { 23 display: block; 24 } 25 audio, 26 canvas, 27 progress, 28 video { 29 display: inline-block; 30 } 31 audio:not([controls]) { 32 display: none; 33 height: 0; 34 } 35 progress { 36 vertical-align: baseline; 37 } 38 [hidden], 39 template { 40 display: none; 41 } 42 a { 43 background-color: transparent; 44 -webkit-text-decoration-skip: objects; 45 } 46 a:active, 47 a:hover { 48 outline-width: 0; 49 } 50 abbr[title] { 51 border-bottom: none; 52 text-decoration: underline; 53 } 54 55 h1 abbr[title] { 56 text-decoration: underline dotted; 57 } 58 59 b, 60 strong { 61 font-weight: inherit; 62 font-weight: bolder; 63 } 64 dfn { 65 font-style: italic; 66 } 67 h1 { 68 font-size: 2em; 69 margin: 0.67em 0; 70 } 71 mark { 72 background-color: #ff0; 73 color: #000; 74 } 75 small { 76 font-size: 80%; 77 } 78 sub, 79 sup { 80 font-size: 75%; 81 line-height: 0; 82 position: relative; 83 vertical-align: baseline; 84 } 85 sub { 86 bottom: -0.25em; 87 } 88 sup { 89 top: -0.5em; 90 } 91 img { 92 border-style: none; 93 } 94 svg:not(:root) { 95 overflow: hidden; 96 } 97 code, 98 kbd, 99 pre, 100 samp { 101 font-family: monospace, monospace; 102 font-size: 1em; 103 } 104 figure { 105 margin: 1em 40px; 106 } 107 hr { 108 box-sizing: content-box; 109 height: 0; 110 overflow: visible; 111 } 112 button, 113 input, 114 optgroup, 115 select, 116 textarea { 117 font: inherit; 118 margin: 0; 119 } 120 optgroup { 121 font-weight: 700; 122 } 123 button, 124 input { 125 overflow: visible; 126 } 127 button, 128 select { 129 text-transform: none; 130 } 131 [type='reset'], 132 [type='submit'], 133 button, 134 html [type='button'] { 135 -webkit-appearance: button; 136 } 137 [type='button']::-moz-focus-inner, 138 [type='reset']::-moz-focus-inner, 139 [type='submit']::-moz-focus-inner, 140 button::-moz-focus-inner { 141 border-style: none; 142 padding: 0; 143 } 144 [type='button']:-moz-focusring, 145 [type='reset']:-moz-focusring, 146 [type='submit']:-moz-focusring, 147 button:-moz-focusring { 148 outline: 1px dotted ButtonText; 149 } 150 fieldset { 151 border: 1px solid silver; 152 margin: 0 2px; 153 padding: 0.35em 0.625em 0.75em; 154 } 155 legend { 156 box-sizing: border-box; 157 color: inherit; 158 display: table; 159 max-width: 100%; 160 padding: 0; 161 white-space: normal; 162 } 163 textarea { 164 overflow: auto; 165 } 166 [type='checkbox'], 167 [type='radio'] { 168 box-sizing: border-box; 169 padding: 0; 170 } 171 [type='number']::-webkit-inner-spin-button, 172 [type='number']::-webkit-outer-spin-button { 173 height: auto; 174 } 175 [type='search'] { 176 -webkit-appearance: textfield; 177 outline-offset: -2px; 178 } 179 [type='search']::-webkit-search-cancel-button, 180 [type='search']::-webkit-search-decoration { 181 -webkit-appearance: none; 182 } 183 ::-webkit-input-placeholder { 184 color: inherit; 185 opacity: 0.54; 186 } 187 ::-webkit-file-upload-button { 188 -webkit-appearance: button; 189 font: inherit; 190 } 191 html { 192 font: 112.5%/1.45em georgia, serif; 193 box-sizing: border-box; 194 overflow-y: scroll; 195 } 196 * { 197 box-sizing: inherit; 198 } 199 *:before { 200 box-sizing: inherit; 201 } 202 *:after { 203 box-sizing: inherit; 204 } 205 body { 206 color: hsla(0, 0%, 0%, 0.8); 207 font-family: georgia, serif; 208 font-weight: normal; 209 word-wrap: break-word; 210 font-kerning: normal; 211 -moz-font-feature-settings: 'kern', 'liga', 'clig', 'calt'; 212 -ms-font-feature-settings: 'kern', 'liga', 'clig', 'calt'; 213 -webkit-font-feature-settings: 'kern', 'liga', 'clig', 'calt'; 214 font-feature-settings: 'kern', 'liga', 'clig', 'calt'; 215 } 216 img { 217 max-width: 100%; 218 margin-left: 0; 219 margin-right: 0; 220 margin-top: 0; 221 padding-bottom: 0; 222 padding-left: 0; 223 padding-right: 0; 224 padding-top: 0; 225 margin-bottom: 1.45rem; 226 } 227 h1 { 228 margin-left: 0; 229 margin-right: 0; 230 margin-top: 0; 231 padding-bottom: 0; 232 padding-left: 0; 233 padding-right: 0; 234 padding-top: 0; 235 margin-bottom: 1.45rem; 236 color: inherit; 237 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 238 Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 239 font-weight: bold; 240 text-rendering: optimizeLegibility; 241 font-size: 2.25rem; 242 line-height: 1.1; 243 } 244 h2 { 245 margin-left: 0; 246 margin-right: 0; 247 margin-top: 0; 248 padding-bottom: 0; 249 padding-left: 0; 250 padding-right: 0; 251 padding-top: 0; 252 margin-bottom: 1.45rem; 253 color: inherit; 254 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 255 Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 256 font-weight: bold; 257 text-rendering: optimizeLegibility; 258 font-size: 1.62671rem; 259 line-height: 1.1; 260 } 261 h3 { 262 margin-left: 0; 263 margin-right: 0; 264 margin-top: 0; 265 padding-bottom: 0; 266 padding-left: 0; 267 padding-right: 0; 268 padding-top: 0; 269 margin-bottom: 1.45rem; 270 color: inherit; 271 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 272 Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 273 font-weight: bold; 274 text-rendering: optimizeLegibility; 275 font-size: 1.38316rem; 276 line-height: 1.1; 277 } 278 h4 { 279 margin-left: 0; 280 margin-right: 0; 281 margin-top: 0; 282 padding-bottom: 0; 283 padding-left: 0; 284 padding-right: 0; 285 padding-top: 0; 286 margin-bottom: 1.45rem; 287 color: inherit; 288 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 289 Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 290 font-weight: bold; 291 text-rendering: optimizeLegibility; 292 font-size: 1rem; 293 line-height: 1.1; 294 } 295 h5 { 296 margin-left: 0; 297 margin-right: 0; 298 margin-top: 0; 299 padding-bottom: 0; 300 padding-left: 0; 301 padding-right: 0; 302 padding-top: 0; 303 margin-bottom: 1.45rem; 304 color: inherit; 305 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 306 Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 307 font-weight: bold; 308 text-rendering: optimizeLegibility; 309 font-size: 0.85028rem; 310 line-height: 1.1; 311 } 312 h6 { 313 margin-left: 0; 314 margin-right: 0; 315 margin-top: 0; 316 padding-bottom: 0; 317 padding-left: 0; 318 padding-right: 0; 319 padding-top: 0; 320 margin-bottom: 1.45rem; 321 color: inherit; 322 font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, 323 Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; 324 font-weight: bold; 325 text-rendering: optimizeLegibility; 326 font-size: 0.78405rem; 327 line-height: 1.1; 328 } 329 hgroup { 330 margin-left: 0; 331 margin-right: 0; 332 margin-top: 0; 333 padding-bottom: 0; 334 padding-left: 0; 335 padding-right: 0; 336 padding-top: 0; 337 margin-bottom: 1.45rem; 338 } 339 ul { 340 margin-left: 1.45rem; 341 margin-right: 0; 342 margin-top: 0; 343 padding-bottom: 0; 344 padding-left: 0; 345 padding-right: 0; 346 padding-top: 0; 347 margin-bottom: 1.45rem; 348 list-style-position: outside; 349 list-style-image: none; 350 } 351 ol { 352 margin-left: 1.45rem; 353 margin-right: 0; 354 margin-top: 0; 355 padding-bottom: 0; 356 padding-left: 0; 357 padding-right: 0; 358 padding-top: 0; 359 margin-bottom: 1.45rem; 360 list-style-position: outside; 361 list-style-image: none; 362 } 363 dl { 364 margin-left: 0; 365 margin-right: 0; 366 margin-top: 0; 367 padding-bottom: 0; 368 padding-left: 0; 369 padding-right: 0; 370 padding-top: 0; 371 margin-bottom: 1.45rem; 372 } 373 dd { 374 margin-left: 0; 375 margin-right: 0; 376 margin-top: 0; 377 padding-bottom: 0; 378 padding-left: 0; 379 padding-right: 0; 380 padding-top: 0; 381 margin-bottom: 1.45rem; 382 } 383 p { 384 margin-left: 0; 385 margin-right: 0; 386 margin-top: 0; 387 padding-bottom: 0; 388 padding-left: 0; 389 padding-right: 0; 390 padding-top: 0; 391 margin-bottom: 1.45rem; 392 } 393 figure { 394 margin-left: 0; 395 margin-right: 0; 396 margin-top: 0; 397 padding-bottom: 0; 398 padding-left: 0; 399 padding-right: 0; 400 padding-top: 0; 401 margin-bottom: 1.45rem; 402 } 403 pre { 404 margin-left: 0; 405 margin-right: 0; 406 margin-top: 0; 407 margin-bottom: 1.45rem; 408 font-size: 0.85rem; 409 line-height: 1.42; 410 background: hsla(0, 0%, 0%, 0.04); 411 border-radius: 3px; 412 overflow: auto; 413 word-wrap: normal; 414 padding: 1.45rem; 415 } 416 table { 417 margin-left: 0; 418 margin-right: 0; 419 margin-top: 0; 420 padding-bottom: 0; 421 padding-left: 0; 422 padding-right: 0; 423 padding-top: 0; 424 margin-bottom: 1.45rem; 425 font-size: 1rem; 426 line-height: 1.45rem; 427 border-collapse: collapse; 428 width: 100%; 429 } 430 fieldset { 431 margin-left: 0; 432 margin-right: 0; 433 margin-top: 0; 434 padding-bottom: 0; 435 padding-left: 0; 436 padding-right: 0; 437 padding-top: 0; 438 margin-bottom: 1.45rem; 439 } 440 blockquote { 441 margin-left: 1.45rem; 442 margin-right: 1.45rem; 443 margin-top: 0; 444 padding-bottom: 0; 445 padding-left: 0; 446 padding-right: 0; 447 padding-top: 0; 448 margin-bottom: 1.45rem; 449 } 450 form { 451 margin-left: 0; 452 margin-right: 0; 453 margin-top: 0; 454 padding-bottom: 0; 455 padding-left: 0; 456 padding-right: 0; 457 padding-top: 0; 458 margin-bottom: 1.45rem; 459 } 460 noscript { 461 margin-left: 0; 462 margin-right: 0; 463 margin-top: 0; 464 padding-bottom: 0; 465 padding-left: 0; 466 padding-right: 0; 467 padding-top: 0; 468 margin-bottom: 1.45rem; 469 } 470 iframe { 471 margin-left: 0; 472 margin-right: 0; 473 margin-top: 0; 474 padding-bottom: 0; 475 padding-left: 0; 476 padding-right: 0; 477 padding-top: 0; 478 margin-bottom: 1.45rem; 479 } 480 hr { 481 margin-left: 0; 482 margin-right: 0; 483 margin-top: 0; 484 padding-bottom: 0; 485 padding-left: 0; 486 padding-right: 0; 487 padding-top: 0; 488 margin-bottom: calc(1.45rem - 1px); 489 background: hsla(0, 0%, 0%, 0.2); 490 border: none; 491 height: 1px; 492 } 493 address { 494 margin-left: 0; 495 margin-right: 0; 496 margin-top: 0; 497 padding-bottom: 0; 498 padding-left: 0; 499 padding-right: 0; 500 padding-top: 0; 501 margin-bottom: 1.45rem; 502 } 503 b { 504 font-weight: bold; 505 } 506 strong { 507 font-weight: bold; 508 } 509 dt { 510 font-weight: bold; 511 } 512 th { 513 font-weight: bold; 514 } 515 li { 516 margin-bottom: calc(1.45rem / 2); 517 } 518 ol li { 519 padding-left: 0; 520 } 521 ul li { 522 padding-left: 0; 523 } 524 li > ol { 525 margin-left: 1.45rem; 526 margin-bottom: calc(1.45rem / 2); 527 margin-top: calc(1.45rem / 2); 528 } 529 li > ul { 530 margin-left: 1.45rem; 531 margin-bottom: calc(1.45rem / 2); 532 margin-top: calc(1.45rem / 2); 533 } 534 blockquote *:last-child { 535 margin-bottom: 0; 536 } 537 li *:last-child { 538 margin-bottom: 0; 539 } 540 p *:last-child { 541 margin-bottom: 0; 542 } 543 li > p { 544 margin-bottom: calc(1.45rem / 2); 545 } 546 code { 547 font-size: 0.85rem; 548 line-height: 1.45rem; 549 } 550 kbd { 551 font-size: 0.85rem; 552 line-height: 1.45rem; 553 } 554 samp { 555 font-size: 0.85rem; 556 line-height: 1.45rem; 557 } 558 abbr { 559 border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5); 560 cursor: alias; 561 } 562 acronym { 563 border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5); 564 cursor: alias; 565 } 566 abbr[title] { 567 border-bottom: 1px dotted hsla(0, 0%, 0%, 0.5); 568 cursor: alias; 569 text-decoration: none; 570 } 571 thead { 572 text-align: left; 573 } 574 td, 575 th { 576 text-align: left; 577 border-bottom: 1px solid hsla(0, 0%, 0%, 0.12); 578 font-feature-settings: 'tnum'; 579 -moz-font-feature-settings: 'tnum'; 580 -ms-font-feature-settings: 'tnum'; 581 -webkit-font-feature-settings: 'tnum'; 582 padding-left: 0.96667rem; 583 padding-right: 0.96667rem; 584 padding-top: 0.725rem; 585 padding-bottom: calc(0.725rem - 1px); 586 } 587 th:first-child, 588 td:first-child { 589 padding-left: 0; 590 } 591 th:last-child, 592 td:last-child { 593 padding-right: 0; 594 } 595 tt, 596 code { 597 background-color: hsla(0, 0%, 0%, 0.04); 598 border-radius: 3px; 599 font-family: 'SFMono-Regular', Consolas, 'Roboto Mono', 'Droid Sans Mono', 600 'Liberation Mono', Menlo, Courier, monospace; 601 padding: 0; 602 padding-top: 0.2em; 603 padding-bottom: 0.2em; 604 } 605 pre code { 606 background: none; 607 line-height: 1.42; 608 } 609 code:before, 610 code:after, 611 tt:before, 612 tt:after { 613 letter-spacing: -0.2em; 614 content: ' '; 615 } 616 pre code:before, 617 pre code:after, 618 pre tt:before, 619 pre tt:after { 620 content: ''; 621 } 622 @media only screen and (max-width: 480px) { 623 html { 624 font-size: 100%; 625 } 626 }