| OLD | NEW |
| (Empty) |
| 1 body { | |
| 2 background: -webkit-linear-gradient(white, #EEE); | |
| 3 cursor: default; | |
| 4 margin: 0; | |
| 5 -webkit-user-select: none; | |
| 6 overflow: hidden; | |
| 7 } | |
| 8 | |
| 9 .menu-item { | |
| 10 white-space: nowrap; | |
| 11 margin: 0; | |
| 12 padding-top: 1px; | |
| 13 padding-bottom: 1px; | |
| 14 background-repeat: no-repeat; | |
| 15 -webkit-padding-end: 19px; | |
| 16 display: -webkit-box; | |
| 17 -webkit-box-orient: horizontal; | |
| 18 overflow: hidden; | |
| 19 } | |
| 20 | |
| 21 .disabled { | |
| 22 color: #b7b7b7; | |
| 23 } | |
| 24 | |
| 25 .no-icon { | |
| 26 -webkit-padding-start: 19px; | |
| 27 } | |
| 28 | |
| 29 .menu-label { | |
| 30 -webkit-box-flex: 1; | |
| 31 vertical-align: middle; | |
| 32 } | |
| 33 | |
| 34 .accelerator { | |
| 35 opacity: 0.3; | |
| 36 -webkit-margin-start: 15px; | |
| 37 } | |
| 38 | |
| 39 .left-icon { | |
| 40 background-position: 4px center; | |
| 41 } | |
| 42 | |
| 43 .right-icon { | |
| 44 background-position: right center; | |
| 45 } | |
| 46 | |
| 47 .separator { | |
| 48 background: -webkit-linear-gradient(left, | |
| 49 rgba(0, 0, 0, .10), | |
| 50 rgba(0, 0, 0, .02) 96%); | |
| 51 border: 0; | |
| 52 height: 1px; | |
| 53 margin: 4px 0; | |
| 54 } | |
| 55 | |
| 56 .mnemonic-enabled .mnemonic { | |
| 57 text-decoration: underline; | |
| 58 } | |
| 59 | |
| 60 .selected { | |
| 61 background-color: #DCE5FA; | |
| 62 } | |
| 63 | |
| 64 #viewport { | |
| 65 overflow: hidden; | |
| 66 } | |
| 67 | |
| 68 .scroll-button { | |
| 69 height: 20px; | |
| 70 width: 100%; | |
| 71 line-height: 20px; | |
| 72 text-align: center; | |
| 73 background-repeat: no-repeat; | |
| 74 background-position: center center; | |
| 75 } | |
| 76 | |
| 77 #scroll-up { | |
| 78 /* TODO(oshima): get right icons from UX designer */ | |
| 79 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADC
AYAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAAS
UVORK5CYII="); | |
| 80 } | |
| 81 | |
| 82 #scroll-down { | |
| 83 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADC
AYAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJR
U5ErkJggg=="); | |
| 84 } | |
| 85 | |
| 86 .scroll-button:hover { | |
| 87 background-color: #DCE5FA; | |
| 88 } | |
| 89 | |
| 90 .hidden { | |
| 91 display: none; | |
| 92 } | |
| OLD | NEW |