OLD | NEW |
1 html { | 1 html { |
2 /* This is needed because of chrome://theme/css/new_tab.css */ | 2 /* This is needed because of chrome://theme/css/new_tab.css */ |
3 height: 100%; | 3 height: 100%; |
4 } | 4 } |
5 | 5 |
6 body { | 6 body { |
7 margin: 0; | 7 margin: 0; |
8 } | 8 } |
9 | 9 |
10 #main { | 10 #main { |
(...skipping 615 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
626 -webkit-user-select: none; | 626 -webkit-user-select: none; |
627 position: absolute; | 627 position: absolute; |
628 right: 0; | 628 right: 0; |
629 left: auto; | 629 left: auto; |
630 top: 53px; /* Position this below the option button. The option button | 630 top: 53px; /* Position this below the option button. The option button |
631 is positioned 35px from the top and has a height of 17px. We add | 631 is positioned 35px from the top and has a height of 17px. We add |
632 one to get some spacing there as well: 35 + 17 + 1 = 53 */ | 632 one to get some spacing there as well: 35 + 17 + 1 = 53 */ |
633 cursor: default; | 633 cursor: default; |
634 pointer-events: all; | 634 pointer-events: all; |
635 min-width: 175px; | 635 min-width: 175px; |
636 outline: 0; | |
637 } | 636 } |
638 | 637 |
639 html[dir='rtl'] #option-menu { | 638 html[dir='rtl'] #option-menu { |
640 right: auto; | 639 right: auto; |
641 left: 0; | 640 left: 0; |
642 } | 641 } |
643 | 642 |
644 #option-menu > div { | 643 #option-menu > div { |
645 padding: 3px 8px; | 644 padding: 3px 8px; |
646 overflow: hidden; | 645 overflow: hidden; |
647 text-overflow: ellipsis; | 646 text-overflow: ellipsis; |
648 } | 647 } |
649 | 648 |
650 #option-menu > div:hover, | 649 #option-menu > [selected] { |
651 #option-menu > div:focus { | |
652 background-color: hsla(213, 66%, 57%, 1); | 650 background-color: hsla(213, 66%, 57%, 1); |
653 color: white; | 651 color: white; |
654 outline: none; | |
655 } | 652 } |
OLD | NEW |