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,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAASUVORK5CYII="); 80 } 81 82 #scroll-down { 83 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJRU5ErkJggg=="); 84 } 85 86 .scroll-button:hover { 87 background-color: #DCE5FA; 88 } 89 90 .hidden { 91 display: none; 92 } 93