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, isindex, meter, progress {
 394     -webkit-writing-mode: horizontal-tb !important;
 395 }
 396
 397 input, textarea, keygen, select, button, isindex {
 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"], isindex {
 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     display: inline-block;
 577     position: static;
 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: block;
 605     position: relative;
 606     cursor: default;
 607     /* This height property is ignored for input type "number" and others which
 608      * use RenderTextControlSingleLine as renderer which sets height of spin
 609      * button in layout(). */
 610     height: 1.5em;
 611     vertical-align: top;
 612     flex: none;
 613     -webkit-user-select: none;
 614     -webkit-user-modify: read-only !important;
 615     opacity: 0;
 616     pointer-events: none;
 617 }
 618
 619 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-inner-spin-button {
 620     opacity: 1;
 621     pointer-events: auto;
 622 }
 623
 624 #if defined(ENABLE_INPUT_SPEECH) && ENABLE_INPUT_SPEECH
 625 input::-webkit-input-speech-button {
 626     -webkit-appearance: -webkit-input-speech-button;
 627     display: block;
 628     vertical-align: top;
 629     flex: none;
 630     -webkit-user-modify: read-only !important;
 631     -webkit-align-self: flex-start;
 632     margin: auto 0;
 633 }
 634 #endif
 635
 636 keygen, select {
 637     border-radius: 5px;
 638 }
 639
 640 keygen::-webkit-keygen-select {
 641     margin: 0px;
 642 }
 643
 644 textarea {
 645     -webkit-appearance: textarea;
 646     background-color: white;
 647     border: 1px solid;
 648     -webkit-rtl-ordering: logical;
 649     -webkit-user-select: text;
 650     flex-direction: column;
 651     resize: auto;
 652     cursor: auto;
 653     padding: 2px;
 654     white-space: pre-wrap;
 655     word-wrap: break-word;
 656 }
 657
 658 ::-webkit-input-placeholder {
 659     -webkit-text-security: none;
 660     color: darkGray;
 661     display: block !important;
 662     pointer-events: none !important;
 663 }
 664
 665 input::-webkit-input-placeholder, isindex::-webkit-input-placeholder {
 666     white-space: pre;
 667     word-wrap: normal;
 668     overflow: hidden;
 669     -webkit-user-modify: read-only !important;
 670 }
 671
 672 input[type="password"] {
 673     -webkit-text-security: disc !important;
 674 }
 675
 676 input[type="hidden"], input[type="image"], input[type="file"] {
 677     -webkit-appearance: initial;
 678     padding: initial;
 679     background-color: initial;
 680     border: initial;
 681 }
 682
 683 input[type="file"] {
 684     align-items: baseline;
 685     color: inherit;
 686     text-align: start !important;
 687 }
 688
 689 input:-webkit-autofill, textarea:-webkit-autofill {
 690     background-color: #FAFFBD !important;
 691     background-image:none !important;
 692     color: #000000 !important;
 693 }
 694
 695 input[type="radio"], input[type="checkbox"] {
 696     margin: 3px 0.5ex;
 697     padding: initial;
 698     background-color: initial;
 699     border: initial;
 700 }
 701
 702 input[type="button"], input[type="submit"], input[type="reset"] {
 703     -webkit-appearance: push-button;
 704     -webkit-user-select: none;
 705     white-space: pre
 706 }
 707
 708 input[type="file"]::-webkit-file-upload-button {
 709     -webkit-appearance: push-button;
 710     -webkit-user-modify: read-only !important;
 711     white-space: nowrap;
 712     margin: 0;
 713     font-size: inherit;
 714 }
 715
 716 input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
 717     align-items: flex-start;
 718     text-align: center;
 719     cursor: default;
 720     color: ButtonText;
 721     padding: 2px 6px 3px 6px;
 722     border: 2px outset ButtonFace;
 723     background-color: ButtonFace;
 724     box-sizing: border-box
 725 }
 726
 727 input[type="range"] {
 728     -webkit-appearance: slider-horizontal;
 729     padding: initial;
 730     border: initial;
 731     margin: 2px;
 732     color: #909090;
 733 }
 734
 735 input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-media-slider-container {
 736     flex: 1;
 737     box-sizing: border-box;
 738     -webkit-user-modify: read-only !important;
 739     display: flex;
 740     -webkit-align-contents: center;
 741 }
 742
 743 input[type="range"]::-webkit-slider-runnable-track {
 744     flex: 1;
 745     -webkit-align-self: center;
 746
 747     box-sizing: border-box;
 748     -webkit-user-modify: read-only !important;
 749     display: block;
 750 }
 751
 752 input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-slider-thumb {
 753     -webkit-appearance: sliderthumb-horizontal;
 754     box-sizing: border-box;
 755     -webkit-user-modify: read-only !important;
 756     display: block;
 757 }
 758
 759 input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
 760 input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
 761 select:disabled, keygen:disabled, optgroup:disabled, option:disabled,
 762 select[disabled]>option {
 763     color: GrayText
 764 }
 765
 766 input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
 767     border-style: inset
 768 }
 769
 770 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 {
 771     border-style: outset
 772 }
 773
 774 area, param {
 775     display: none
 776 }
 777
 778 input[type="checkbox"] {
 779     -webkit-appearance: checkbox;
 780     box-sizing: border-box;
 781 }
 782
 783 input[type="radio"] {
 784     -webkit-appearance: radio;
 785     box-sizing: border-box;
 786 }
 787
 788 input[type="color"] {
 789     -webkit-appearance: square-button;
 790     width: 44px;
 791     height: 23px;
 792 }
 793
 794 input[type="color"]::-webkit-color-swatch-wrapper {
 795     display:flex;
 796     padding: 4px 2px;
 797     box-sizing: border-box;
 798     -webkit-user-modify: read-only !important;
 799     width: 100%;
 800     height: 100%
 801 }
 802
 803 input[type="color"]::-webkit-color-swatch {
 804     background-color: #000000;
 805     border: 1px solid #777777;
 806     flex: 1;
 807     -webkit-user-modify: read-only !important;
 808 }
 809
 810 input::-webkit-calendar-picker-indicator {
 811     display: inline-block;
 812     width: 0.66em;
 813     height: 0.66em;
 814     padding: 0.17em 0.34em;
 815     -webkit-user-modify: read-only !important;
 816     opacity: 0;
 817     pointer-events: none;
 818 }
 819
 820 input::-webkit-calendar-picker-indicator:hover {
 821     background-color: #eee;
 822 }
 823
 824 input:enabled:read-write:-webkit-any(:focus,:hover)::-webkit-calendar-picker-indicator {
 825     opacity: 1;
 826     pointer-events: auto;
 827 }
 828
 829 input[type="date"]:disabled::-webkit-clear-button,
 830 input[type="date"]:disabled::-webkit-inner-spin-button,
 831 input[type="datetime-local"]:disabled::-webkit-clear-button,
 832 input[type="datetime-local"]:disabled::-webkit-inner-spin-button,
 833 input[type="month"]:disabled::-webkit-clear-button,
 834 input[type="month"]:disabled::-webkit-inner-spin-button,
 835 input[type="week"]:disabled::-webkit-clear-button,
 836 input[type="week"]:disabled::-webkit-inner-spin-button,
 837 input:disabled::-webkit-calendar-picker-indicator,
 838 input[type="date"][readonly]::-webkit-clear-button,
 839 input[type="date"][readonly]::-webkit-inner-spin-button,
 840 input[type="datetime-local"][readonly]::-webkit-clear-button,
 841 input[type="datetime-local"][readonly]::-webkit-inner-spin-button,
 842 input[type="month"][readonly]::-webkit-clear-button,
 843 input[type="month"][readonly]::-webkit-inner-spin-button,
 844 input[type="week"][readonly]::-webkit-clear-button,
 845 input[type="week"][readonly]::-webkit-inner-spin-button,
 846 input[readonly]::-webkit-calendar-picker-indicator {
 847     visibility: hidden;
 848 }
 849
 850 select {
 851     -webkit-appearance: menulist;
 852     box-sizing: border-box;
 853     align-items: center;
 854     border: 1px solid;
 855     white-space: pre;
 856     -webkit-rtl-ordering: logical;
 857     color: black;
 858     background-color: white;
 859     cursor: default;
 860 }
 861
 862 select[size],
 863 select[multiple],
 864 select[size][multiple] {
 865     -webkit-appearance: listbox;
 866     align-items: flex-start;
 867     border: 1px inset gray;
 868     border-radius: initial;
 869     white-space: initial;
 870 }
 871
 872 select[size="0"],
 873 select[size="1"] {
 874     -webkit-appearance: menulist;
 875     align-items: center;
 876     border: 1px solid;
 877     border-radius: 5px;
 878     white-space: pre;
 879 }
 880
 881 optgroup {
 882     font-weight: bolder;
 883 }
 884
 885 option {
 886     font-weight: normal;
 887 }
 888
 889 output {
 890     display: inline;
 891 }
 892
 893 /* meter */
 894
 895 meter {
 896     -webkit-appearance: meter;
 897     box-sizing: border-box;
 898     display: inline-block;
 899     height: 1em;
 900     width: 5em;
 901     vertical-align: -0.2em;
 902 }
 903
 904 meter::-webkit-meter-inner-element {
 905     -webkit-appearance: inherit;
 906     box-sizing: inherit;
 907     -webkit-user-modify: read-only !important;
 908     height: 100%;
 909     width: 100%;
 910 }
 911
 912 meter::-webkit-meter-bar {
 913     background: linear-gradient(to bottom, #ddd, #eee 20%, #ccc 45%, #ccc 55%, #ddd);
 914     height: 100%;
 915     width: 100%;
 916     -webkit-user-modify: read-only !important;
 917     box-sizing: border-box;
 918 }
 919
 920 meter::-webkit-meter-optimum-value {
 921     background: linear-gradient(to bottom, #ad7, #cea 20%, #7a3 45%, #7a3 55%, #ad7);
 922     height: 100%;
 923     -webkit-user-modify: read-only !important;
 924     box-sizing: border-box;
 925 }
 926
 927 meter::-webkit-meter-suboptimum-value {
 928     background: linear-gradient(to bottom, #fe7, #ffc 20%, #db3 45%, #db3 55%, #fe7);
 929     height: 100%;
 930     -webkit-user-modify: read-only !important;
 931     box-sizing: border-box;
 932 }
 933
 934 meter::-webkit-meter-even-less-good-value {
 935     background: linear-gradient(to bottom, #f77, #fcc 20%, #d44 45%, #d44 55%, #f77);
 936     height: 100%;
 937     -webkit-user-modify: read-only !important;
 938     box-sizing: border-box;
 939 }
 940
 941 /* progress */
 942
 943 progress {
 944     -webkit-appearance: progress-bar;
 945     box-sizing: border-box;
 946     display: inline-block;
 947     height: 1em;
 948     width: 10em;
 949     vertical-align: -0.2em;
 950 }
 951
 952 progress::-webkit-progress-inner-element {
 953     -webkit-appearance: inherit;
 954     box-sizing: inherit;
 955     -webkit-user-modify: read-only;
 956     height: 100%;
 957     width: 100%;
 958 }
 959
 960 progress::-webkit-progress-bar {
 961     background-color: gray;
 962     height: 100%;
 963     width: 100%;
 964     -webkit-user-modify: read-only !important;
 965     box-sizing: border-box;
 966 }
 967
 968 progress::-webkit-progress-value {
 969     background-color: green;
 970     height: 100%;
 971     width: 50%; /* should be removed later */
 972     -webkit-user-modify: read-only !important;
 973     box-sizing: border-box;
 974 }
 975
 976 /* inline elements */
 977
 978 u, ins {
 979     text-decoration: underline
 980 }
 981
 982 strong, b {
 983     font-weight: bold
 984 }
 985
 986 i, cite, em, var, address, dfn {
 987     font-style: italic
 988 }
 989
 990 tt, code, kbd, samp {
 991     font-family: monospace
 992 }
 993
 994 pre, xmp, plaintext, listing {
 995     display: block;
 996     font-family: monospace;
 997     white-space: pre;
 998     margin: 1__qem 0
 999 }
1000
1001 mark {
1002     background-color: yellow;
1003     color: black
1004 }
1005
1006 big {
1007     font-size: larger
1008 }
1009
1010 small {
1011     font-size: smaller
1012 }
1013
1014 s, strike, del {
1015     text-decoration: line-through
1016 }
1017
1018 sub {
1019     vertical-align: sub;
1020     font-size: smaller
1021 }
1022
1023 sup {
1024     vertical-align: super;
1025     font-size: smaller
1026 }
1027
1028 nobr {
1029     white-space: nowrap
1030 }
1031
1032 /* states */
1033
1034 :focus {
1035     outline: auto 5px -webkit-focus-ring-color
1036 }
1037
1038 /* Read-only text fields do not show a focus ring but do still receive focus */
1039 html:focus, body:focus, input[readonly]:focus {
1040     outline: none
1041 }
1042
1043 applet:focus, embed:focus, iframe:focus, object:focus {
1044     outline: none
1045 }
1046
1047 input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
1048     outline-offset: -2px
1049 }
1050
1051 input[type="button"]:focus,
1052 input[type="checkbox"]:focus,
1053 input[type="file"]:focus,
1054 input[type="hidden"]:focus,
1055 input[type="image"]:focus,
1056 input[type="radio"]:focus,
1057 input[type="reset"]:focus,
1058 input[type="search"]:focus,
1059 input[type="submit"]:focus,
1060 input[type="file"]:focus::-webkit-file-upload-button {
1061     outline-offset: 0
1062 }
1063
1064 a:-webkit-any-link {
1065     color: -webkit-link;
1066     text-decoration: underline;
1067     cursor: auto;
1068 }
1069
1070 a:-webkit-any-link:active {
1071     color: -webkit-activelink
1072 }
1073
1074 /* HTML5 ruby elements */
1075
1076 ruby, rt {
1077     text-indent: 0; /* blocks used for ruby rendering should not trigger this */
1078 }
1079
1080 rt {
1081     line-height: normal;
1082     -webkit-text-emphasis: none;
1083 }
1084
1085 ruby > rt {
1086     display: block;
1087     font-size: 50%;
1088     text-align: start;
1089 }
1090
1091 ruby > rp {
1092     display: none;
1093 }
1094
1095 /* other elements */
1096
1097 noframes {
1098     display: none
1099 }
1100
1101 frameset, frame {
1102     display: block
1103 }
1104
1105 frameset {
1106     border-color: inherit
1107 }
1108
1109 iframe {
1110     border: 2px inset
1111 }
1112
1113 details {
1114     display: block
1115 }
1116
1117 summary {
1118     display: block
1119 }
1120
1121 summary::-webkit-details-marker {
1122     display: inline-block;
1123     width: 0.66em;
1124     height: 0.66em;
1125     margin-right: 0.4em;
1126 }
1127
1128 template {
1129     display: none
1130 }
1131
1132 bdi, output {
1133     unicode-bidi: -webkit-isolate;
1134 }
1135
1136 bdo {
1137     unicode-bidi: bidi-override;
1138 }
1139
1140 textarea[dir=auto] {
1141     unicode-bidi: -webkit-plaintext;
1142 }
1143
1144 /* page */
1145
1146 @page {
1147     /* FIXME: Define the right default values for page properties. */
1148     size: auto;
1149     margin: auto;
1150     padding: 0px;
1151     border-width: 0px;
1152 }
1153
1154 /* noscript is handled internally, as it depends on settings. */
1155