1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. 4 */ 5 6 body { 7 -webkit-user-select: none; 8 background: -webkit-linear-gradient(white, #EEE); 9 cursor: default; 10 margin: 0; 11 overflow: hidden; 12 } 13 14 .menu-item { 15 -webkit-box-orient: horizontal; 16 -webkit-padding-end: 19px; 17 background-repeat: no-repeat; 18 display: -webkit-box; 19 margin: 0; 20 overflow: hidden; 21 padding-bottom: 1px; 22 padding-top: 1px; 23 white-space: nowrap; 24 } 25 26 .disabled { 27 color: #b7b7b7; 28 } 29 30 .no-icon { 31 -webkit-padding-start: 19px; 32 } 33 34 .menu-label { 35 -webkit-box-flex: 1; 36 vertical-align: middle; 37 } 38 39 .accelerator { 40 -webkit-margin-start: 15px; 41 opacity: 0.3; 42 } 43 44 .left-icon { 45 background-position: 4px center; 46 } 47 48 .right-icon { 49 background-position: right center; 50 } 51 52 .separator { 53 background: -webkit-linear-gradient(left, 54 rgba(0, 0, 0, .10), 55 rgba(0, 0, 0, .02) 96%); 56 border: 0; 57 height: 1px; 58 margin: 4px 0; 59 } 60 61 .mnemonic-enabled .mnemonic { 62 text-decoration: underline; 63 } 64 65 .selected { 66 background-color: rgb(220, 229, 250); 67 } 68 69 #viewport { 70 overflow: hidden; 71 } 72 73 .scroll-button { 74 background-position: center center; 75 background-repeat: no-repeat; 76 height: 20px; 77 line-height: 20px; 78 text-align: center; 79 width: 100%; 80 } 81 82 #scroll-up { 83 /* TODO(oshima): get right icons from UX designer */ 84 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAASUVORK5CYII=); 85 } 86 87 #scroll-down { 88 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJRU5ErkJggg==); 89 } 90 91 .scroll-button:hover { 92 background-color: rgb(220, 229, 250); 93 } 94 95 .hidden { 96 display: none; 97 } 98