OLD | NEW |
1 /* | 1 /* |
2 * The default style sheet used to render HTML. | 2 * The default style sheet used to render HTML. |
3 * | 3 * |
4 * Copyright (C) 2000 Lars Knoll (knoll@kde.org) | 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. | 5 * Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011 Apple Inc.
All rights reserved. |
6 * | 6 * |
7 * This library is free software; you can redistribute it and/or | 7 * This library is free software; you can redistribute it and/or |
8 * modify it under the terms of the GNU Library General Public | 8 * modify it under the terms of the GNU Library General Public |
9 * License as published by the Free Software Foundation; either | 9 * License as published by the Free Software Foundation; either |
10 * version 2 of the License, or (at your option) any later version. | 10 * version 2 of the License, or (at your option) any later version. |
(...skipping 410 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
421 -webkit-user-select: text; | 421 -webkit-user-select: text; |
422 cursor: auto; | 422 cursor: auto; |
423 } | 423 } |
424 | 424 |
425 input[type="search"] { | 425 input[type="search"] { |
426 -webkit-appearance: searchfield; | 426 -webkit-appearance: searchfield; |
427 box-sizing: border-box; | 427 box-sizing: border-box; |
428 } | 428 } |
429 | 429 |
430 input::-webkit-textfield-decoration-container { | 430 input::-webkit-textfield-decoration-container { |
431 display: -webkit-flex; | 431 display: flex; |
432 -webkit-align-items: center; | 432 align-items: center; |
433 -webkit-user-modify: read-only !important; | 433 -webkit-user-modify: read-only !important; |
434 content: none !important; | 434 content: none !important; |
435 } | 435 } |
436 | 436 |
437 input[type="search"]::-webkit-textfield-decoration-container { | 437 input[type="search"]::-webkit-textfield-decoration-container { |
438 direction: ltr; | 438 direction: ltr; |
439 } | 439 } |
440 | 440 |
441 input::-webkit-clear-button { | 441 input::-webkit-clear-button { |
442 -webkit-appearance: searchfield-cancel-button; | 442 -webkit-appearance: searchfield-cancel-button; |
443 display: inline-block; | 443 display: inline-block; |
444 -webkit-flex: none; | 444 flex: none; |
445 -webkit-user-modify: read-only !important; | 445 -webkit-user-modify: read-only !important; |
446 -webkit-margin-start: 2px; | 446 -webkit-margin-start: 2px; |
447 } | 447 } |
448 | 448 |
449 input[type="search"]::-webkit-search-cancel-button { | 449 input[type="search"]::-webkit-search-cancel-button { |
450 -webkit-appearance: searchfield-cancel-button; | 450 -webkit-appearance: searchfield-cancel-button; |
451 display: block; | 451 display: block; |
452 -webkit-flex: none; | 452 flex: none; |
453 -webkit-user-modify: read-only !important; | 453 -webkit-user-modify: read-only !important; |
454 -webkit-margin-start: 1px; | 454 -webkit-margin-start: 1px; |
455 } | 455 } |
456 | 456 |
457 input[type="search"]::-webkit-search-decoration { | 457 input[type="search"]::-webkit-search-decoration { |
458 -webkit-appearance: searchfield-decoration; | 458 -webkit-appearance: searchfield-decoration; |
459 display: block; | 459 display: block; |
460 -webkit-flex: none; | 460 flex: none; |
461 -webkit-user-modify: read-only !important; | 461 -webkit-user-modify: read-only !important; |
462 -webkit-align-self: flex-start; | 462 -webkit-align-self: flex-start; |
463 margin: auto 0; | 463 margin: auto 0; |
464 } | 464 } |
465 | 465 |
466 input[type="search"]::-webkit-search-results-decoration { | 466 input[type="search"]::-webkit-search-results-decoration { |
467 -webkit-appearance: searchfield-results-decoration; | 467 -webkit-appearance: searchfield-results-decoration; |
468 display: block; | 468 display: block; |
469 -webkit-flex: none; | 469 flex: none; |
470 -webkit-user-modify: read-only !important; | 470 -webkit-user-modify: read-only !important; |
471 -webkit-align-self: flex-start; | 471 -webkit-align-self: flex-start; |
472 margin: auto 0; | 472 margin: auto 0; |
473 } | 473 } |
474 | 474 |
475 #if defined(ENABLE_INPUT_MULTIPLE_FIELDS_UI) && ENABLE_INPUT_MULTIPLE_FIELDS_UI | 475 #if defined(ENABLE_INPUT_MULTIPLE_FIELDS_UI) && ENABLE_INPUT_MULTIPLE_FIELDS_UI |
476 input[type="date"], | 476 input[type="date"], |
477 input[type="datetime-local"], | 477 input[type="datetime-local"], |
478 input[type="month"], | 478 input[type="month"], |
479 input[type="time"], | 479 input[type="time"], |
480 input[type="week"] { | 480 input[type="week"] { |
481 -webkit-align-items: center; | 481 align-items: center; |
482 display: -webkit-inline-flex; | 482 display: -webkit-inline-flex; |
483 font-family: monospace; | 483 font-family: monospace; |
484 overflow: hidden; | 484 overflow: hidden; |
485 padding: 0; | 485 padding: 0; |
486 -webkit-padding-start: 1px; | 486 -webkit-padding-start: 1px; |
487 } | 487 } |
488 | 488 |
489 input::-webkit-datetime-edit { | 489 input::-webkit-datetime-edit { |
490 -webkit-flex: 1; | 490 flex: 1; |
491 -webkit-user-modify: read-only !important; | 491 -webkit-user-modify: read-only !important; |
492 display: inline-block; | 492 display: inline-block; |
493 overflow: hidden; | 493 overflow: hidden; |
494 } | 494 } |
495 | 495 |
496 input::-webkit-datetime-edit-fields-wrapper { | 496 input::-webkit-datetime-edit-fields-wrapper { |
497 -webkit-user-modify: read-only !important; | 497 -webkit-user-modify: read-only !important; |
498 display: inline-block; | 498 display: inline-block; |
499 padding: 1px 0; | 499 padding: 1px 0; |
500 white-space: pre; | 500 white-space: pre; |
(...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
563 position: static; | 563 position: static; |
564 -webkit-margin-start: 2px; | 564 -webkit-margin-start: 2px; |
565 } | 565 } |
566 | 566 |
567 #else | 567 #else |
568 input[type="date"], | 568 input[type="date"], |
569 input[type="datetime-local"], | 569 input[type="datetime-local"], |
570 input[type="month"], | 570 input[type="month"], |
571 input[type="time"], | 571 input[type="time"], |
572 input[type="week"] { | 572 input[type="week"] { |
573 -webkit-align-items: center; | 573 align-items: center; |
574 -webkit-appearance: menulist-button; | 574 -webkit-appearance: menulist-button; |
575 display: -webkit-inline-flex; | 575 display: -webkit-inline-flex; |
576 overflow: hidden; | 576 overflow: hidden; |
577 width: 10em; | 577 width: 10em; |
578 } | 578 } |
579 | 579 |
580 input::-webkit-date-and-time-value { | 580 input::-webkit-date-and-time-value { |
581 margin: 1px 24px 1px 4px; | 581 margin: 1px 24px 1px 4px; |
582 white-space: pre; | 582 white-space: pre; |
583 } | 583 } |
584 #endif | 584 #endif |
585 | 585 |
586 input::-webkit-inner-spin-button { | 586 input::-webkit-inner-spin-button { |
587 -webkit-appearance: inner-spin-button; | 587 -webkit-appearance: inner-spin-button; |
588 display: block; | 588 display: block; |
589 position: relative; | 589 position: relative; |
590 cursor: default; | 590 cursor: default; |
591 /* This height property is ignored for input type "number" and others which | 591 /* This height property is ignored for input type "number" and others which |
592 * use RenderTextControlSingleLine as renderer which sets height of spin | 592 * use RenderTextControlSingleLine as renderer which sets height of spin |
593 * button in layout(). */ | 593 * button in layout(). */ |
594 height: 1.5em; | 594 height: 1.5em; |
595 vertical-align: top; | 595 vertical-align: top; |
596 -webkit-flex: none; | 596 flex: none; |
597 -webkit-user-select: none; | 597 -webkit-user-select: none; |
598 -webkit-user-modify: read-only !important; | 598 -webkit-user-modify: read-only !important; |
599 } | 599 } |
600 | 600 |
601 #if defined(ENABLE_INPUT_SPEECH) && ENABLE_INPUT_SPEECH | 601 #if defined(ENABLE_INPUT_SPEECH) && ENABLE_INPUT_SPEECH |
602 input::-webkit-input-speech-button { | 602 input::-webkit-input-speech-button { |
603 -webkit-appearance: -webkit-input-speech-button; | 603 -webkit-appearance: -webkit-input-speech-button; |
604 display: block; | 604 display: block; |
605 vertical-align: top; | 605 vertical-align: top; |
606 -webkit-flex: none; | 606 flex: none; |
607 -webkit-user-modify: read-only !important; | 607 -webkit-user-modify: read-only !important; |
608 -webkit-align-self: flex-start; | 608 -webkit-align-self: flex-start; |
609 margin: auto 0; | 609 margin: auto 0; |
610 } | 610 } |
611 #endif | 611 #endif |
612 | 612 |
613 keygen, select { | 613 keygen, select { |
614 border-radius: 5px; | 614 border-radius: 5px; |
615 } | 615 } |
616 | 616 |
617 keygen::-webkit-keygen-select { | 617 keygen::-webkit-keygen-select { |
618 margin: 0px; | 618 margin: 0px; |
619 } | 619 } |
620 | 620 |
621 textarea { | 621 textarea { |
622 -webkit-appearance: textarea; | 622 -webkit-appearance: textarea; |
623 background-color: white; | 623 background-color: white; |
624 border: 1px solid; | 624 border: 1px solid; |
625 -webkit-rtl-ordering: logical; | 625 -webkit-rtl-ordering: logical; |
626 -webkit-user-select: text; | 626 -webkit-user-select: text; |
627 -webkit-flex-direction: column; | 627 flex-direction: column; |
628 resize: auto; | 628 resize: auto; |
629 cursor: auto; | 629 cursor: auto; |
630 padding: 2px; | 630 padding: 2px; |
631 white-space: pre-wrap; | 631 white-space: pre-wrap; |
632 word-wrap: break-word; | 632 word-wrap: break-word; |
633 } | 633 } |
634 | 634 |
635 ::-webkit-input-placeholder { | 635 ::-webkit-input-placeholder { |
636 -webkit-text-security: none; | 636 -webkit-text-security: none; |
637 color: darkGray; | 637 color: darkGray; |
(...skipping 13 matching lines...) Expand all Loading... |
651 } | 651 } |
652 | 652 |
653 input[type="hidden"], input[type="image"], input[type="file"] { | 653 input[type="hidden"], input[type="image"], input[type="file"] { |
654 -webkit-appearance: initial; | 654 -webkit-appearance: initial; |
655 padding: initial; | 655 padding: initial; |
656 background-color: initial; | 656 background-color: initial; |
657 border: initial; | 657 border: initial; |
658 } | 658 } |
659 | 659 |
660 input[type="file"] { | 660 input[type="file"] { |
661 -webkit-align-items: baseline; | 661 align-items: baseline; |
662 color: inherit; | 662 color: inherit; |
663 text-align: start !important; | 663 text-align: start !important; |
664 } | 664 } |
665 | 665 |
666 input:-webkit-autofill { | 666 input:-webkit-autofill { |
667 background-color: #FAFFBD !important; | 667 background-color: #FAFFBD !important; |
668 background-image:none !important; | 668 background-image:none !important; |
669 color: #000000 !important; | 669 color: #000000 !important; |
670 } | 670 } |
671 | 671 |
(...skipping 11 matching lines...) Expand all Loading... |
683 | 683 |
684 input[type="file"]::-webkit-file-upload-button { | 684 input[type="file"]::-webkit-file-upload-button { |
685 -webkit-appearance: push-button; | 685 -webkit-appearance: push-button; |
686 -webkit-user-modify: read-only !important; | 686 -webkit-user-modify: read-only !important; |
687 white-space: nowrap; | 687 white-space: nowrap; |
688 margin: 0; | 688 margin: 0; |
689 font-size: inherit; | 689 font-size: inherit; |
690 } | 690 } |
691 | 691 |
692 input[type="button"], input[type="submit"], input[type="reset"], input[type="fil
e"]::-webkit-file-upload-button, button { | 692 input[type="button"], input[type="submit"], input[type="reset"], input[type="fil
e"]::-webkit-file-upload-button, button { |
693 -webkit-align-items: flex-start; | 693 align-items: flex-start; |
694 text-align: center; | 694 text-align: center; |
695 cursor: default; | 695 cursor: default; |
696 color: ButtonText; | 696 color: ButtonText; |
697 padding: 2px 6px 3px 6px; | 697 padding: 2px 6px 3px 6px; |
698 border: 2px outset ButtonFace; | 698 border: 2px outset ButtonFace; |
699 background-color: ButtonFace; | 699 background-color: ButtonFace; |
700 box-sizing: border-box | 700 box-sizing: border-box |
701 } | 701 } |
702 | 702 |
703 input[type="range"] { | 703 input[type="range"] { |
704 -webkit-appearance: slider-horizontal; | 704 -webkit-appearance: slider-horizontal; |
705 padding: initial; | 705 padding: initial; |
706 border: initial; | 706 border: initial; |
707 margin: 2px; | 707 margin: 2px; |
708 color: #909090; | 708 color: #909090; |
709 } | 709 } |
710 | 710 |
711 input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-medi
a-slider-container { | 711 input[type="range"]::-webkit-slider-container, input[type="range"]::-webkit-medi
a-slider-container { |
712 -webkit-flex: 1; | 712 flex: 1; |
713 box-sizing: border-box; | 713 box-sizing: border-box; |
714 -webkit-user-modify: read-only !important; | 714 -webkit-user-modify: read-only !important; |
715 display: -webkit-flex; | 715 display: flex; |
716 -webkit-align-contents: center; | 716 -webkit-align-contents: center; |
717 } | 717 } |
718 | 718 |
719 input[type="range"]::-webkit-slider-runnable-track { | 719 input[type="range"]::-webkit-slider-runnable-track { |
720 -webkit-flex: 1; | 720 flex: 1; |
721 -webkit-align-self: center; | 721 -webkit-align-self: center; |
722 | 722 |
723 box-sizing: border-box; | 723 box-sizing: border-box; |
724 -webkit-user-modify: read-only !important; | 724 -webkit-user-modify: read-only !important; |
725 display: block; | 725 display: block; |
726 } | 726 } |
727 | 727 |
728 input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-sl
ider-thumb { | 728 input[type="range"]::-webkit-slider-thumb, input[type="range"]::-webkit-media-sl
ider-thumb { |
729 -webkit-appearance: sliderthumb-horizontal; | 729 -webkit-appearance: sliderthumb-horizontal; |
730 box-sizing: border-box; | 730 box-sizing: border-box; |
(...skipping 30 matching lines...) Expand all Loading... |
761 box-sizing: border-box; | 761 box-sizing: border-box; |
762 } | 762 } |
763 | 763 |
764 input[type="color"] { | 764 input[type="color"] { |
765 -webkit-appearance: square-button; | 765 -webkit-appearance: square-button; |
766 width: 44px; | 766 width: 44px; |
767 height: 23px; | 767 height: 23px; |
768 } | 768 } |
769 | 769 |
770 input[type="color"]::-webkit-color-swatch-wrapper { | 770 input[type="color"]::-webkit-color-swatch-wrapper { |
771 display:-webkit-flex; | 771 display:flex; |
772 padding: 4px 2px; | 772 padding: 4px 2px; |
773 box-sizing: border-box; | 773 box-sizing: border-box; |
774 -webkit-user-modify: read-only !important; | 774 -webkit-user-modify: read-only !important; |
775 width: 100%; | 775 width: 100%; |
776 height: 100% | 776 height: 100% |
777 } | 777 } |
778 | 778 |
779 input[type="color"]::-webkit-color-swatch { | 779 input[type="color"]::-webkit-color-swatch { |
780 background-color: #000000; | 780 background-color: #000000; |
781 border: 1px solid #777777; | 781 border: 1px solid #777777; |
782 -webkit-flex: 1; | 782 flex: 1; |
783 -webkit-user-modify: read-only !important; | 783 -webkit-user-modify: read-only !important; |
784 } | 784 } |
785 | 785 |
786 #if defined(ENABLE_CALENDAR_PICKER) && ENABLE_CALENDAR_PICKER | 786 #if defined(ENABLE_CALENDAR_PICKER) && ENABLE_CALENDAR_PICKER |
787 input::-webkit-calendar-picker-indicator { | 787 input::-webkit-calendar-picker-indicator { |
788 display: inline-block; | 788 display: inline-block; |
789 width: 0.66em; | 789 width: 0.66em; |
790 height: 0.66em; | 790 height: 0.66em; |
791 padding: 0.17em 0.34em; | 791 padding: 0.17em 0.34em; |
792 -webkit-user-modify: read-only !important; | 792 -webkit-user-modify: read-only !important; |
(...skipping 21 matching lines...) Expand all Loading... |
814 input[type="week"][readonly]::-webkit-clear-button, | 814 input[type="week"][readonly]::-webkit-clear-button, |
815 input[type="week"][readonly]::-webkit-inner-spin-button, | 815 input[type="week"][readonly]::-webkit-inner-spin-button, |
816 input[readonly]::-webkit-calendar-picker-indicator { | 816 input[readonly]::-webkit-calendar-picker-indicator { |
817 visibility: hidden; | 817 visibility: hidden; |
818 } | 818 } |
819 #endif // ENABLE_CALENDAR_PICKER | 819 #endif // ENABLE_CALENDAR_PICKER |
820 | 820 |
821 select { | 821 select { |
822 -webkit-appearance: menulist; | 822 -webkit-appearance: menulist; |
823 box-sizing: border-box; | 823 box-sizing: border-box; |
824 -webkit-align-items: center; | 824 align-items: center; |
825 border: 1px solid; | 825 border: 1px solid; |
826 white-space: pre; | 826 white-space: pre; |
827 -webkit-rtl-ordering: logical; | 827 -webkit-rtl-ordering: logical; |
828 color: black; | 828 color: black; |
829 background-color: white; | 829 background-color: white; |
830 cursor: default; | 830 cursor: default; |
831 } | 831 } |
832 | 832 |
833 select[size], | 833 select[size], |
834 select[multiple], | 834 select[multiple], |
835 select[size][multiple] { | 835 select[size][multiple] { |
836 -webkit-appearance: listbox; | 836 -webkit-appearance: listbox; |
837 -webkit-align-items: flex-start; | 837 align-items: flex-start; |
838 border: 1px inset gray; | 838 border: 1px inset gray; |
839 border-radius: initial; | 839 border-radius: initial; |
840 white-space: initial; | 840 white-space: initial; |
841 } | 841 } |
842 | 842 |
843 select[size="0"], | 843 select[size="0"], |
844 select[size="1"] { | 844 select[size="1"] { |
845 -webkit-appearance: menulist; | 845 -webkit-appearance: menulist; |
846 -webkit-align-items: center; | 846 align-items: center; |
847 border: 1px solid; | 847 border: 1px solid; |
848 border-radius: 5px; | 848 border-radius: 5px; |
849 white-space: pre; | 849 white-space: pre; |
850 } | 850 } |
851 | 851 |
852 optgroup { | 852 optgroup { |
853 font-weight: bolder; | 853 font-weight: bolder; |
854 } | 854 } |
855 | 855 |
856 option { | 856 option { |
(...skipping 264 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1121 @page { | 1121 @page { |
1122 /* FIXME: Define the right default values for page properties. */ | 1122 /* FIXME: Define the right default values for page properties. */ |
1123 size: auto; | 1123 size: auto; |
1124 margin: auto; | 1124 margin: auto; |
1125 padding: 0px; | 1125 padding: 0px; |
1126 border-width: 0px; | 1126 border-width: 0px; |
1127 } | 1127 } |
1128 | 1128 |
1129 /* noscript is handled internally, as it depends on settings. */ | 1129 /* noscript is handled internally, as it depends on settings. */ |
1130 | 1130 |
OLD | NEW |