OLD | NEW |
1 .hbox { | 1 .hbox { |
2 display: -webkit-box; | 2 display: -webkit-box; |
3 -webkit-box-orient: horizontal; | 3 -webkit-box-orient: horizontal; |
4 } | 4 } |
5 | 5 |
6 .vbox { | 6 .vbox { |
7 display: -webkit-box; | 7 display: -webkit-box; |
8 -webkit-box-orient: vertical; | 8 -webkit-box-orient: vertical; |
9 } | 9 } |
10 | 10 |
(...skipping 593 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
604 .displaytable > section > * { | 604 .displaytable > section > * { |
605 display: table-cell; | 605 display: table-cell; |
606 vertical-align: baseline; | 606 vertical-align: baseline; |
607 border-bottom: 1px solid #eeeeee; | 607 border-bottom: 1px solid #eeeeee; |
608 } | 608 } |
609 | 609 |
610 /* do not display a border after the last section in the table */ | 610 /* do not display a border after the last section in the table */ |
611 .displaytable:not([searching='true']) > section:last-child > * { | 611 .displaytable:not([searching='true']) > section:last-child > * { |
612 border-bottom: none; | 612 border-bottom: none; |
613 } | 613 } |
| 614 |
| 615 /* Controlled setting indicator and bubble. */ |
| 616 .controlled-setting-indicator { |
| 617 display: inline-block; |
| 618 /* Establish a containing block for absolutely positioning the bubble. */ |
| 619 position: relative; |
| 620 vertical-align: text-bottom; |
| 621 } |
| 622 |
| 623 .controlled-setting-indicator[controlled-by] summary { |
| 624 background-size: contain; |
| 625 height: 16px; |
| 626 width: 16px; |
| 627 } |
| 628 |
| 629 .controlled-setting-indicator summary::-webkit-details-marker { |
| 630 display: none; |
| 631 } |
| 632 |
| 633 .controlled-setting-indicator[controlled-by='policy'] summary { |
| 634 background-image: |
| 635 url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_GRAY'); |
| 636 } |
| 637 |
| 638 .controlled-setting-indicator[controlled-by='policy'] summary:hover { |
| 639 background-image: |
| 640 url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY'); |
| 641 } |
| 642 |
| 643 .controlled-setting-indicator[controlled-by='extension'] summary { |
| 644 background-image: |
| 645 url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_GRAY'); |
| 646 } |
| 647 |
| 648 .controlled-setting-indicator[controlled-by='extension'] summary:hover { |
| 649 background-image: |
| 650 url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION'); |
| 651 } |
| 652 |
| 653 .controlled-setting-indicator[controlled-by='recommended'] summary { |
| 654 background-image: |
| 655 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_GRAY'); |
| 656 } |
| 657 |
| 658 .controlled-setting-indicator[controlled-by='recommended'] summary:hover { |
| 659 background-image: |
| 660 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED'); |
| 661 } |
| 662 |
| 663 .controlled-setting-bubble { |
| 664 -webkit-margin-start: -20px; |
| 665 background-color: white; |
| 666 border-radius: 4px; |
| 667 border: 1px solid #ccc; |
| 668 box-shadow: 0 2px 2px #ddd; |
| 669 margin-top: 10px; |
| 670 padding: 10px; |
| 671 position: absolute; |
| 672 top: 50%; |
| 673 z-index: 10; |
| 674 } |
| 675 |
| 676 html[dir='ltr'] .controlled-setting-bubble { |
| 677 left: 50%; |
| 678 } |
| 679 |
| 680 html[dir='rtl'] .controlled-setting-bubble { |
| 681 right: 50%; |
| 682 } |
| 683 |
| 684 .controlled-setting-bubble::before { |
| 685 -webkit-margin-start: 4px; |
| 686 border-color: #ccc transparent; |
| 687 border-style: solid; |
| 688 border-width: 0 5px 5px; |
| 689 content: ''; |
| 690 position: absolute; |
| 691 top: -5px; |
| 692 } |
| 693 |
| 694 .controlled-setting-bubble::after { |
| 695 -webkit-margin-start: 5px; |
| 696 border-color: white transparent; |
| 697 border-style: solid; |
| 698 border-width: 0 4px 4px; |
| 699 content: ''; |
| 700 position: absolute; |
| 701 top: -4px; |
| 702 } |
| 703 |
| 704 .controlled-setting-bubble-text { |
| 705 -webkit-padding-start: 30px; |
| 706 background-repeat: no-repeat; |
| 707 margin: 0; |
| 708 min-height: 32px; |
| 709 min-width: 200px; |
| 710 } |
| 711 |
| 712 .controlled-setting-indicator[controlled-by='policy'] |
| 713 .controlled-setting-bubble-text { |
| 714 background-image: |
| 715 url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY_LARGE'); |
| 716 } |
| 717 |
| 718 .controlled-setting-indicator[controlled-by='extension'] |
| 719 .controlled-setting-bubble-text { |
| 720 background-image: |
| 721 url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION_LARGE'); |
| 722 } |
| 723 |
| 724 .controlled-setting-indicator[controlled-by='recommended'] |
| 725 .controlled-setting-bubble-text { |
| 726 background-image: |
| 727 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); |
| 728 } |
| 729 |
| 730 html[dir='rtl'] .controlled-setting-bubble-text { |
| 731 background-position: right top; |
| 732 } |
| 733 |
| 734 .controlled-setting-bubble-action { |
| 735 padding: 0 !important; |
| 736 } |
OLD | NEW |