| 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 |