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