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