Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(340)

Side by Side Diff: Source/core/css/html.css

Issue 23793002: Unprefix flexbox properties in various CSS files (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « Source/core/css/fullscreen.css ('k') | Source/core/css/mediaControls.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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
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
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
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
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
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
OLDNEW
« no previous file with comments | « Source/core/css/fullscreen.css ('k') | Source/core/css/mediaControls.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698