src/third_party/WebKit/Source/core/css/html.css

   1 /*
   2  * The default style sheet used to render HTML.
   3  *
   4  * Copyright (C) 2000 Lars Knoll (knoll@kde.org)
   5  * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc. All rights reserved.
   6  *
   7  * This library is free software; you can redistribute it and/or
   8  * modify it under the terms of the GNU Library General Public
   9  * License as published by the Free Software Foundation; either
  10  * version 2 of the License, or (at your option) any later version.
  11  *
  12  * This library is distributed in the hope that it will be useful,
  13  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  14  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
  15  * Library General Public License for more details.
  16  *
  17  * You should have received a copy of the GNU Library General Public License
  18  * along with this library; see the file COPYING.LIB.  If not, write to
  19  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
  20  * Boston, MA 02110-1301, USA.
  21  *
  22  */
  23
  24 @namespace "http://www.w3.org/1999/xhtml";
  25
  26 html {
  27     display: block
  28 }
  29
  30 /* children of the <head> element all have display:none */
  31 head {
  32     display: none
  33 }
  34
  35 meta {
  36     display: none
  37 }
  38
  39 title {
  40     display: none
  41 }
  42
  43 link {
  44     display: none
  45 }
  46
  47 style {
  48     display: none
  49 }
  50
  51 script {
  52     display: none
  53 }
  54
  55 /* generic block-level elements */
  56
  57 body {
  58     display: block;
  59     margin: 8px
  60 }
  61
  62 body:-webkit-full-page-media {
  63     background-color: rgb(0, 0, 0)
  64 }
  65
  66 p {
  67     display: block;
  68     -webkit-margin-before: 1__qem;
  69     -webkit-margin-after: 1__qem;
  70     -webkit-margin-start: 0;
  71     -webkit-margin-end: 0;
  72 }
  73
  74 div {
  75     display: block
  76 }
  77
  78 layer {
  79     display: block
  80 }
  81
  82 article, aside, footer, header, hgroup, main, nav, section {
  83     display: block
  84 }
  85
  86 marquee {
  87     display: inline-block;
  88 }
  89
  90 address {
  91     display: block
  92 }
  93
  94 blockquote {
  95     display: block;
  96     -webkit-margin-before: 1__qem;
  97     -webkit-margin-after: 1em;
  98     -webkit-margin-start: 40px;
  99     -webkit-margin-end: 40px;
 100 }
 101
 102 figcaption {
 103     display: block
 104 }
 105
 106 figure {
 107     display: block;
 108     -webkit-margin-before: 1em;
 109     -webkit-margin-after: 1em;
 110     -webkit-margin-start: 40px;
 111     -webkit-margin-end: 40px;
 112 }
 113
 114 q {
 115     display: inline
 116 }
 117
 118 q:before {
 119     content: open-quote;
 120 }
 121
 122 q:after {
 123     content: close-quote;
 124 }
 125
 126 center {
 127     display: block;
 128     /* special centering to be able to emulate the html4/netscape behaviour */
 129     text-align: -webkit-center
 130 }
 131
 132 hr {
 133     display: block;
 134     -webkit-margin-before: 0.5em;
 135     -webkit-margin-after: 0.5em;
 136     -webkit-margin-start: auto;
 137     -webkit-margin-end: auto;
 138     border-style: inset;
 139     border-width: 1px
 140 }
 141
 142 map {
 143     display: inline
 144 }
 145
 146 video {
 147     object-fit: contain;
 148 }
 149
 150 /* heading elements */
 151
 152 h1 {
 153     display: block;
 154     font-size: 2em;
 155     -webkit-margin-before: 0.67__qem;
 156     -webkit-margin-after: 0.67em;
 157     -webkit-margin-start: 0;
 158     -webkit-margin-end: 0;
 159     font-weight: bold
 160 }
 161
 162 :-webkit-any(article,aside,nav,section) h1 {
 163     font-size: 1.5em;
 164     -webkit-margin-before: 0.83__qem;
 165     -webkit-margin-after: 0.83em;
 166 }
 167
 168 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 169     font-size: 1.17em;
 170     -webkit-margin-before: 1__qem;
 171     -webkit-margin-after: 1em;
 172 }
 173
 174 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 175     font-size: 1.00em;
 176     -webkit-margin-before: 1.33__qem;
 177     -webkit-margin-after: 1.33em;
 178 }
 179
 180 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 181     font-size: .83em;
 182     -webkit-margin-before: 1.67__qem;
 183     -webkit-margin-after: 1.67em;
 184 }
 185
 186 :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) :-webkit-any(article,aside,nav,section) h1 {
 187     font-size: .67em;
 188     -webkit-margin-before: 2.33__qem;
 189     -webkit-margin-after: 2.33em;
 190 }
 191
 192 h2 {
 193     display: block;
 194     font-size: 1.5em;
 195     -webkit-margin-before: 0.83__qem;
 196     -webkit-margin-after: 0.83em;
 197     -webkit-margin-start: 0;
 198     -webkit-margin-end: 0;
 199     font-weight: bold
 200 }
 201
 202 h3 {
 203     display: block;
 204     font-size: 1.17em;
 205     -webkit-margin-before: 1__qem;
 206     -webkit-margin-after: 1em;
 207     -webkit-margin-start: 0;
 208     -webkit-margin-end: 0;
 209     font-weight: bold
 210 }
 211
 212 h4 {
 213     display: block;
 214     -webkit-margin-before: 1.33__qem;
 215     -webkit-margin-after: 1.33em;
 216     -webkit-margin-start: 0;
 217     -webkit-margin-end: 0;
 218     font-weight: bold
 219 }
 220
 221 h5 {
 222     display: block;
 223     font-size: .83em;
 224     -webkit-margin-before: 1.67__qem;
 225     -webkit-margin-after: 1.67em;
 226     -webkit-margin-start: 0;
 227     -webkit-margin-end: 0;
 228     font-weight: bold
 229 }
 230
 231 h6 {
 232     display: block;
 233     font-size: .67em;
 234     -webkit-margin-before: 2.33__qem;
 235     -webkit-margin-after: 2.33em;
 236     -webkit-margin-start: 0;
 237     -webkit-margin-end: 0;
 238     font-weight: bold
 239 }
 240
 241 /* tables */
 242
 243 table {
 244     display: table;
 245     border-collapse: separate;
 246     border-spacing: 2px;
 247     border-color: gray
 248 }
 249
 250 thead {
 251     display: table-header-group;
 252     vertical-align: middle;
 253     border-color: inherit
 254 }
 255
 256 tbody {
 257     display: table-row-group;
 258     vertical-align: middle;
 259     border-color: inherit
 260 }
 261
 262 tfoot {
 263     display: table-footer-group;
 264     vertical-align: middle;
 265     border-color: inherit
 266 }
 267
 268 /* for tables without table section elements (can happen with XHTML or dynamically created tables) */
 269 table > tr {
 270     vertical-align: middle;
 271 }
 272
 273 col {
 274     display: table-column
 275 }
 276
 277 colgroup {
 278     display: table-column-group
 279 }
 280
 281 tr {
 282     display: table-row;
 283     vertical-align: inherit;
 284     border-color: inherit
 285 }
 286
 287 td, th {
 288     display: table-cell;
 289     vertical-align: inherit
 290 }
 291
 292 th {
 293     font-weight: bold
 294 }
 295
 296 caption {
 297     display: table-caption;
 298     text-align: -webkit-center
 299 }
 300
 301 /* lists */
 302
 303 ul, menu, dir {
 304     display: block;
 305     list-style-type: disc;
 306     -webkit-margin-before: 1__qem;
 307     -webkit-margin-after: 1em;
 308     -webkit-margin-start: 0;
 309     -webkit-margin-end: 0;
 310     -webkit-padding-start: 40px
 311 }
 312
 313 ol {
 314     display: block;
 315     list-style-type: decimal;
 316     -webkit-margin-before: 1__qem;
 317     -webkit-margin-after: 1em;
 318     -webkit-margin-start: 0;
 319     -webkit-margin-end: 0;
 320     -webkit-padding-start: 40px
 321 }
 322
 323 li {
 324     display: list-item;
 325     text-align: -webkit-match-parent;
 326 }
 327
 328 ul ul, ol ul {
 329     list-style-type: circle
 330 }
 331
 332 ol ol ul, ol ul ul, ul ol ul, ul ul ul {
 333     list-style-type: square
 334 }
 335
 336 dd {
 337     display: block;
 338     -webkit-margin-start: 40px
 339 }
 340
 341 dl {
 342     display: block;
 343     -webkit-margin-before: 1__qem;
 344     -webkit-margin-after: 1em;
 345     -webkit-margin-start: 0;
 346     -webkit-margin-end: 0;
 347 }
 348
 349 dt {
 350     display: block
 351 }
 352
 353 ol ul, ul ol, ul ul, ol ol {
 354     -webkit-margin-before: 0;
 355     -webkit-margin-after: 0
 356 }
 357
 358 /* form elements */
 359
 360 form {
 361     display: block;
 362     margin-top: 0__qem;
 363 }
 364
 365 label {
 366     cursor: default;
 367 }
 368
 369 legend {
 370     display: block;
 371     -webkit-padding-start: 2px;
 372     -webkit-padding-end: 2px;
 373     border: none
 374 }
 375
 376 fieldset {
 377     display: block;
 378     -webkit-margin-start: 2px;
 379     -webkit-margin-end: 2px;
 380     -webkit-padding-before: 0.35em;
 381     -webkit-padding-start: 0.75em;
 382     -webkit-padding-end: 0.75em;
 383     -webkit-padding-after: 0.625em;
 384     border: 2px groove ThreeDFace;
 385     min-width: -webkit-min-content;
 386 }
 387
 388 button {
 389     -webkit-appearance: button;
 390 }
 391
 392 /* Form controls don't go vertical. */
 393 input, textarea, keygen, select, button, meter, progress {
 394     -webkit-writing-mode: horizontal-tb !important;
 395 }
 396
 397 input, textarea, keygen, select, button {
 398     margin: 0__qem;
 399     font: -webkit-small-control;
 400     color: initial;
 401     letter-spacing: normal;
 402     word-spacing: normal;
 403     line-height: normal;
 404     text-transform: none;
 405     text-indent: 0;
 406     text-shadow: none;
 407     display: inline-block;
 408     text-align: start;
 409 }
 410
 411 input[type="hidden"] {
 412     display: none
 413 }
 414
 415 input, input[type="password"], input[type="search"] {
 416     -webkit-appearance: textfield;
 417     padding: 1px;
 418     background-color: white;
 419     border: 2px inset;
 420     -webkit-rtl-ordering: logical;
 421     -webkit-user-select: text;
 422     cursor: auto;
 423 }
 424
 425 input[type="search"] {
 426     -webkit-appearance: searchfield;
 427     box-sizing: border-box;
 428 }
 429
 430 input::-webkit-textfield-decoration-container {
 431     display: flex;
 432     align-items: center;
 433     -webkit-user-modify: read-only !important;
 434     content: none !important;
 435 }
 436
 437 input[type="search"]::-webkit-textfield-decoration-container {
 438     direction: ltr;
 439 }
 440
 441 input::-webkit-clear-button {
 442     -webkit-appearance: searchfield-cancel-button;
 443     display: inline-block;
 444     flex: none;
 445     -webkit-user-modify: read-only !important;
 446     -webkit-margin-start: 2px;
 447     opacity: 0;
 448     pionter-events: none;
 449 }
 450
 451 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-clear-button {
 452     opacity: 1;
 453     pointer-events: auto;
 454 }
 455
 456 input[type="search"]::-webkit-search-cancel-button {
 457     -webkit-appearance: searchfield-cancel-button;
 458     display: block;
 459     flex: none;
 460     -webkit-user-modify: read-only !important;
 461     -webkit-margin-start: 1px;
 462     opacity: 0;
 463     pointer-events: none;
 464 }
 465
 466 input[type="search"]:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-search-cancel-button {
 467     opacity: 1;
 468     pointer-events: auto;
 469 }
 470
 471 input[type="search"]::-webkit-search-decoration {
 472     -webkit-appearance: searchfield-decoration;
 473     display: block;
 474     flex: none;
 475     -webkit-user-modify: read-only !important;
 476     -webkit-align-self: flex-start;
 477     margin: auto 0;
 478 }
 479
 480 input[type="search"]::-webkit-search-results-decoration {
 481     -webkit-appearance: searchfield-results-decoration;
 482     display: block;
 483     flex: none;
 484     -webkit-user-modify: read-only !important;
 485     -webkit-align-self: flex-start;
 486     margin: auto 0;
 487 }
 488
 489 #if defined(ENABLE_INPUT_MULTIPLE_FIELDS_UI) && ENABLE_INPUT_MULTIPLE_FIELDS_UI
 490 input[type="date"],
 491 input[type="datetime-local"],
 492 input[type="month"],
 493 input[type="time"],
 494 input[type="week"] {
 495     align-items: center;
 496     display: -webkit-inline-flex;
 497     font-family: monospace;
 498     overflow: hidden;
 499     padding: 0;
 500     -webkit-padding-start: 1px;
 501 }
 502
 503 input::-webkit-datetime-edit {
 504     flex: 1;
 505     -webkit-user-modify: read-only !important;
 506     display: inline-block;
 507     overflow: hidden;
 508 }
 509
 510 input::-webkit-datetime-edit-fields-wrapper {
 511     -webkit-user-modify: read-only !important;
 512     display: inline-block;
 513     padding: 1px 0;
 514     white-space: pre;
 515 }
 516
 517 /* If you update padding, border, or margin in the following ruleset, update
 518    DateTimeFieldElement::maximumWidth too. */
 519 input::-webkit-datetime-edit-ampm-field,
 520 input::-webkit-datetime-edit-day-field,
 521 input::-webkit-datetime-edit-hour-field,
 522 input::-webkit-datetime-edit-millisecond-field,
 523 input::-webkit-datetime-edit-minute-field,
 524 input::-webkit-datetime-edit-month-field,
 525 input::-webkit-datetime-edit-second-field,
 526 input::-webkit-datetime-edit-week-field,
 527 input::-webkit-datetime-edit-year-field {
 528     -webkit-user-modify: read-only !important;
 529     border: none;
 530     display: inline;
 531     font: inherit !important;
 532     padding: 1px;
 533 }
 534
 535 /* Remove focus ring from fields and use highlight color */
 536 input::-webkit-datetime-edit-ampm-field:focus,
 537 input::-webkit-datetime-edit-day-field:focus,
 538 input::-webkit-datetime-edit-hour-field:focus,
 539 input::-webkit-datetime-edit-millisecond-field:focus,
 540 input::-webkit-datetime-edit-minute-field:focus,
 541 input::-webkit-datetime-edit-month-field:focus,
 542 input::-webkit-datetime-edit-second-field:focus,
 543 input::-webkit-datetime-edit-week-field:focus,
 544 input::-webkit-datetime-edit-year-field:focus {
 545     background-color: highlight;
 546     color: highlighttext;
 547     outline: none;
 548 }
 549
 550 input::-webkit-datetime-edit-year-field[disabled],
 551 input::-webkit-datetime-edit-month-field[disabled],
 552 input::-webkit-datetime-edit-week-field[disabled],
 553 input::-webkit-datetime-edit-day-field[disabled],
 554 input::-webkit-datetime-edit-ampm-field[disabled],
 555 input::-webkit-datetime-edit-hour-field[disabled],
 556 input::-webkit-datetime-edit-millisecond-field[disabled],
 557 input::-webkit-datetime-edit-minute-field[disabled],
 558 input::-webkit-datetime-edit-second-field[disabled] {
 559     color: GrayText;
 560 }
 561
 562 /* If you update padding, border, or margin in the following ruleset, update
 563    DateTimeEditElement::customStyelForRenderer too. */
 564 input::-webkit-datetime-edit-text {
 565     -webkit-user-modify: read-only !important;
 566     display: inline;
 567     font: inherit !important;
 568 }
 569
 570 input[type="date"]::-webkit-inner-spin-button,
 571 input[type="datetime"]::-webkit-inner-spin-button,
 572 input[type="datetime-local"]::-webkit-inner-spin-button,
 573 input[type="month"]::-webkit-inner-spin-button,
 574 input[type="time"]::-webkit-inner-spin-button,
 575 input[type="week"]::-webkit-inner-spin-button {
 576     /* FIXME: Remove height. */
 577     height: 1.5em;
 578     -webkit-margin-start: 2px;
 579 }
 580
 581 #else
 582 input[type="date"],
 583 input[type="datetime-local"],
 584 input[type="month"],
 585 input[type="time"],
 586 input[type="week"] {
 587     align-items: center;
 588     -webkit-appearance: menulist;
 589     background-color: ButtonFace;
 590     border: 1px solid #a9a9a9;
 591     display: -webkit-inline-flex;
 592     overflow: hidden;
 593     width: 10em;
 594 }
 595
 596 input::-webkit-date-and-time-value {
 597     margin: 1px 24px 1px 4px;
 598     white-space: pre;
 599 }
 600 #endif
 601
 602 input::-webkit-inner-spin-button {
 603     -webkit-appearance: inner-spin-button;
 604     display: inline-block;
 605     cursor: default;
 606     flex: none;
 607     align-self: stretch;
 608     -webkit-user-select: none;
 609     -webkit-user-modify: read-only !important;
 610     opacity: 0;
 611     pointer-events: none;
 612 }
 613
 614 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button {
 615     opacity: 1;
 616     pointer-events: auto;
 617 }
 618
 619 keygen, select {
 620     border-radius: 5px;
 621 }
 622
 623 keygen::-webkit-keygen-select {
 624     margin: 0px;
 625 }
 626
 627 textarea {
 628     -webkit-appearance: textarea;
 629     background-color: white;
 630     border: 1px solid;
 631     -webkit-rtl-ordering: logical;
 632     -webkit-user-select: text;
 633     flex-direction: column;
 634     resize: auto;
 635     cursor: auto;
 636     padding: 2px;
 637     white-space: pre-wrap;
 638     word-wrap: break-word;
 639 }
 640
 641 ::-webkit-input-placeholder {
 642     -webkit-text-security: none;
 643     color: darkGray;
 644     display: block !important;
 645     pointer-events: none !important;
 646 }
 647
 648 input::-webkit-input-placeholder {
 649     white-space: pre;
 650     word-wrap: normal;
 651     overflow: hidden;
 652     -webkit-user-modify: read-only !important;
 653 }
 654
 655 input[type="password"] {
 656     -webkit-text-security: disc !important;
 657 }
 658
 659 input[type="hidden"], input[type="image"], input[type="file"] {
 660     -webkit-appearance: initial;
 661     padding: initial;
 662     background-color: initial;
 663     border: initial;
 664 }
 665
 666 input[type="file"] {
 667     align-items: baseline;
 668     color: inherit;
 669     text-align: start !important;
 670 }
 671
 672 input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
 673     background-color: #FAFFBD !important;
 674     background-image:none !important;
 675     color: #000000 !important;
 676 }
 677
 678 input[type="radio"], input[type="checkbox"] {
 679     margin: 3px 0.5ex;
 680     padding: initial;
 681     background-color: initial;
 682     border: initial;
 683 }
 684
 685 input[type="button"], input[type="submit"], input[type="reset"] {
 686     -webkit-appearance: push-button;
 687     -webkit-user-select: none;
 688     white-space: pre
 689 }
 690
 691 input[type="file"]::-webkit-file-upload-button {
 692     -webkit-appearance: push-button;
 693     -webkit-user-modify: read-only !important;
 694     white-space: nowrap;
 695     margin: 0;
 696     font-size: inherit;
 697 }
 698
 699 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
 700     align-items: flex-start;
 701     text-align: center;
 702     cursor: default;
 703     color: ButtonText;
 704     padding: 2px 6px 3px 6px;
 705     border: 2px outset ButtonFace;
 706     background-color: ButtonFace;
 707     box-sizing: border-box
 708 }
 709
 710 input[type="range"] {
 711     -webkit-appearance: slider-horizontal;
 712     padding: initial;
 713     border: initial;
 714     margin: 2px;
 715     color: #909090;
 716 }
 717
 718 input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {
 719     flex: 1;
 720     box-sizing: border-box;
 721     -webkit-user-modify: read-only !important;
 722     display: flex;
 723     -webkit-align-contents: center;
 724 }
 725
 726 input[type="range"]::-webkit-slider-runnable-track {
 727     flex: 1;
 728     -webkit-align-self: center;
 729
 730     box-sizing: border-box;
 731     -webkit-user-modify: read-only !important;
 732     display: block;
 733 }
 734
 735 input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-slider-thumb {
 736     -webkit-appearance: sliderthumb-horizontal;
 737     box-sizing: border-box;
 738     -webkit-user-modify: read-only !important;
 739     display: block;
 740 }
 741
 742 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
 743 input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
 744 select:disabled, keygen:disabled, optgroup:disabled, option:disabled,
 745 select[disabled]>option {
 746     color: GrayText
 747 }
 748
 749 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
 750     border-style: inset
 751 }
 752
 753 input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled {
 754     border-style: outset
 755 }
 756
 757 datalist {
 758     display: none
 759 }
 760
 761 area, param {
 762     display: none
 763 }
 764
 765 input[type="checkbox"] {
 766     -webkit-appearance: checkbox;
 767     box-sizing: border-box;
 768 }
 769
 770 input[type="radio"] {
 771     -webkit-appearance: radio;
 772     box-sizing: border-box;
 773 }
 774
 775 input[type="color"] {
 776     -webkit-appearance: square-button;
 777     width: 44px;
 778     height: 23px;
 779     background-color: ButtonFace;
 780     /* Same as native_theme_base. */
 781     border: 1px #a9a9a9 solid;
 782     padding: 1px 2px;
 783 }
 784
 785 input[type="color"]::-webkit-color-swatch-wrapper {
 786     display:flex;
 787     padding: 4px 2px;
 788     box-sizing: border-box;
 789     -webkit-user-modify: read-only !important;
 790     width: 100%;
 791     height: 100%
 792 }
 793
 794 input[type="color"]::-webkit-color-swatch {
 795     background-color: #000000;
 796     border: 1px solid #777777;
 797     flex: 1;
 798     -webkit-user-modify: read-only !important;
 799 }
 800
 801 input[type="color"][list] {
 802     -webkit-appearance: menulist;
 803     width: 88px;
 804     height: 23px
 805 }
 806
 807 input[type="color"][list]::-webkit-color-swatch-wrapper {
 808     padding-left: 8px;
 809     padding-right: 24px;
 810 }
 811
 812 input[type="color"][list]::-webkit-color-swatch {
 813     border-color: #000000;
 814 }
 815
 816 input::-webkit-calendar-picker-indicator {
 817     display: inline-block;
 818     width: 0.66em;
 819     height: 0.66em;
 820     padding: 0.17em 0.34em;
 821     -webkit-user-modify: read-only !important;
 822     opacity: 0;
 823     pointer-events: none;
 824 }
 825
 826 input::-webkit-calendar-picker-indicator:hover {
 827     background-color: #eee;
 828 }
 829
 830 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-calendar-picker-indicator {
 831     opacity: 1;
 832     pointer-events: auto;
 833 }
 834
 835 input[type="date"]:disabled::-webkit-clear-button,
 836 input[type="date"]:disabled::-webkit-inner-spin-button,
 837 input[type="datetime-local"]:disabled::-webkit-clear-button,
 838 input[type="datetime-local"]:disabled::-webkit-inner-spin-button,
 839 input[type="month"]:disabled::-webkit-clear-button,
 840 input[type="month"]:disabled::-webkit-inner-spin-button,
 841 input[type="week"]:disabled::-webkit-clear-button,
 842 input[type="week"]:disabled::-webkit-inner-spin-button,
 843 input:disabled::-webkit-calendar-picker-indicator,
 844 input[type="date"][readonly]::-webkit-clear-button,
 845 input[type="date"][readonly]::-webkit-inner-spin-button,
 846 input[type="datetime-local"][readonly]::-webkit-clear-button,
 847 input[type="datetime-local"][readonly]::-webkit-inner-spin-button,
 848 input[type="month"][readonly]::-webkit-clear-button,
 849 input[type="month"][readonly]::-webkit-inner-spin-button,
 850 input[type="week"][readonly]::-webkit-clear-button,
 851 input[type="week"][readonly]::-webkit-inner-spin-button,
 852 input[readonly]::-webkit-calendar-picker-indicator {
 853     visibility: hidden;
 854 }
 855
 856 select {
 857     -webkit-appearance: menulist;
 858     box-sizing: border-box;
 859     align-items: center;
 860     border: 1px solid;
 861     white-space: pre;
 862     -webkit-rtl-ordering: logical;
 863     color: black;
 864     background-color: white;
 865     cursor: default;
 866 }
 867
 868 select[size],
 869 select[multiple],
 870 select[size][multiple] {
 871     -webkit-appearance: listbox;
 872     align-items: flex-start;
 873     border: 1px inset gray;
 874     border-radius: initial;
 875     white-space: initial;
 876 }
 877
 878 select[size="0"],
 879 select[size="1"] {
 880     -webkit-appearance: menulist;
 881     align-items: center;
 882     border: 1px solid;
 883     border-radius: 5px;
 884     white-space: pre;
 885 }
 886
 887 optgroup {
 888     font-weight: bolder;
 889 }
 890
 891 option {
 892     font-weight: normal;
 893 }
 894
 895 output {
 896     display: inline;
 897 }
 898
 899 /* meter */
 900
 901 meter {
 902     -webkit-appearance: meter;
 903     box-sizing: border-box;
 904     display: inline-block;
 905     height: 1em;
 906     width: 5em;
 907     vertical-align: -0.2em;
 908 }
 909
 910 meter::-webkit-meter-inner-element {
 911     -webkit-appearance: inherit;
 912     box-sizing: inherit;
 913     -webkit-user-modify: read-only !important;
 914     height: 100%;
 915     width: 100%;
 916 }
 917
 918 meter::-webkit-meter-bar {
 919     background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
 920     height: 100%;
 921     width: 100%;
 922     -webkit-user-modify: read-only !important;
 923     box-sizing: border-box;
 924 }
 925
 926 meter::-webkit-meter-optimum-value {
 927     background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
 928     height: 100%;
 929     -webkit-user-modify: read-only !important;
 930     box-sizing: border-box;
 931 }
 932
 933 meter::-webkit-meter-suboptimum-value {
 934     background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
 935     height: 100%;
 936     -webkit-user-modify: read-only !important;
 937     box-sizing: border-box;
 938 }
 939
 940 meter::-webkit-meter-even-less-good-value {
 941     background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
 942     height: 100%;
 943     -webkit-user-modify: read-only !important;
 944     box-sizing: border-box;
 945 }
 946
 947 /* progress */
 948
 949 progress {
 950     -webkit-appearance: progress-bar;
 951     box-sizing: border-box;
 952     display: inline-block;
 953     height: 1em;
 954     width: 10em;
 955     vertical-align: -0.2em;
 956 }
 957
 958 progress::-webkit-progress-inner-element {
 959     -webkit-appearance: inherit;
 960     box-sizing: inherit;
 961     -webkit-user-modify: read-only;
 962     height: 100%;
 963     width: 100%;
 964 }
 965
 966 progress::-webkit-progress-bar {
 967     background-color: gray;
 968     height: 100%;
 969     width: 100%;
 970     -webkit-user-modify: read-only !important;
 971     box-sizing: border-box;
 972 }
 973
 974 progress::-webkit-progress-value {
 975     background-color: green;
 976     height: 100%;
 977     width: 50%; /* should be removed later */
 978     -webkit-user-modify: read-only !important;
 979     box-sizing: border-box;
 980 }
 981
 982 /* inline elements */
 983
 984 u, ins {
 985     text-decoration: underline
 986 }
 987
 988 strong, b {
 989     font-weight: bold
 990 }
 991
 992 i, cite, em, var, address, dfn {
 993     font-style: italic
 994 }
 995
 996 tt, code, kbd, samp {
 997     font-family: monospace
 998 }
 999
1000 pre, xmp, plaintext, listing {
1001     display: block;
1002     font-family: monospace;
1003     white-space: pre;
1004     margin: 1__qem 0
1005 }
1006
1007 mark {
1008     background-color: yellow;
1009     color: black
1010 }
1011
1012 big {
1013     font-size: larger
1014 }
1015
1016 small {
1017     font-size: smaller
1018 }
1019
1020 s, strike, del {
1021     text-decoration: line-through
1022 }
1023
1024 sub {
1025     vertical-align: sub;
1026     font-size: smaller
1027 }
1028
1029 sup {
1030     vertical-align: super;
1031     font-size: smaller
1032 }
1033
1034 nobr {
1035     white-space: nowrap
1036 }
1037
1038 /* states */
1039
1040 :focus {
1041     outline: auto 5px -webkit-focus-ring-color
1042 }
1043
1044 /* Read-only text fields do not show a focus ring but do still receive focus */
1045 html:focus, body:focus, input[readonly]:focus {
1046     outline: none
1047 }
1048
1049 applet:focus, embed:focus, iframe:focus, object:focus {
1050     outline: none
1051 }
1052
1053 input:focus, textarea:focus, keygen:focus, select:focus {
1054     outline-offset: -2px
1055 }
1056
1057 input[type="button"]:focus,
1058 input[type="checkbox"]:focus,
1059 input[type="file"]:focus,
1060 input[type="hidden"]:focus,
1061 input[type="image"]:focus,
1062 input[type="radio"]:focus,
1063 input[type="reset"]:focus,
1064 input[type="search"]:focus,
1065 input[type="submit"]:focus,
1066 input[type="file"]:focus::-webkit-file-upload-button {
1067     outline-offset: 0
1068 }
1069
1070 a:-webkit-any-link {
1071     color: -webkit-link;
1072     text-decoration: underline;
1073     cursor: auto;
1074 }
1075
1076 a:-webkit-any-link:active {
1077     color: -webkit-activelink
1078 }
1079
1080 /* HTML5 ruby elements */
1081
1082 ruby, rt {
1083     text-indent: 0; /* blocks used for ruby rendering should not trigger this */
1084 }
1085
1086 rt {
1087     line-height: normal;
1088     -webkit-text-emphasis: none;
1089 }
1090
1091 ruby > rt {
1092     display: block;
1093     font-size: 50%;
1094     text-align: start;
1095 }
1096
1097 ruby > rp {
1098     display: none;
1099 }
1100
1101 /* other elements */
1102
1103 noframes {
1104     display: none
1105 }
1106
1107 frameset, frame {
1108     display: block
1109 }
1110
1111 frameset {
1112     border-color: inherit
1113 }
1114
1115 iframe {
1116     border: 2px inset
1117 }
1118
1119 details {
1120     display: block
1121 }
1122
1123 summary {
1124     display: block
1125 }
1126
1127 summary::-webkit-details-marker {
1128     display: inline-block;
1129     width: 0.66em;
1130     height: 0.66em;
1131     margin-right: 0.4em;
1132 }
1133
1134 template {
1135     display: none
1136 }
1137
1138 bdi, output {
1139     unicode-bidi: -webkit-isolate;
1140 }
1141
1142 bdo {
1143     unicode-bidi: bidi-override;
1144 }
1145
1146 textarea[dir=auto] {
1147     unicode-bidi: -webkit-plaintext;
1148 }
1149
1150 /* page */
1151
1152 @page {
1153     /* FIXME: Define the right default values for page properties. */
1154     size: auto;
1155     margin: auto;
1156     padding: 0px;
1157     border-width: 0px;
1158 }
1159
1160 /* noscript is handled internally, as it depends on settings. */
1161