| /* Copyright (c) 2012 The Chromium Authors. All rights reserved. |
| * Use of this source code is governed by a BSD-style license that can be |
| * found in the LICENSE file. |
| */ |
| |
| body { |
| -webkit-user-select: none; |
| background: -webkit-linear-gradient(white, #EEE); |
| cursor: default; |
| margin: 0; |
| overflow: hidden; |
| } |
| |
| .menu-item { |
| -webkit-box-orient: horizontal; |
| -webkit-padding-end: 19px; |
| background-repeat: no-repeat; |
| display: -webkit-box; |
| margin: 0; |
| overflow: hidden; |
| padding-bottom: 1px; |
| padding-top: 1px; |
| white-space: nowrap; |
| } |
| |
| .disabled { |
| color: #b7b7b7; |
| } |
| |
| .no-icon { |
| -webkit-padding-start: 19px; |
| } |
| |
| .menu-label { |
| -webkit-box-flex: 1; |
| vertical-align: middle; |
| } |
| |
| .accelerator { |
| -webkit-margin-start: 15px; |
| opacity: 0.3; |
| } |
| |
| .left-icon { |
| background-position: 4px center; |
| } |
| |
| .right-icon { |
| background-position: right center; |
| } |
| |
| .separator { |
| background: -webkit-linear-gradient(left, |
| rgba(0, 0, 0, .10), |
| rgba(0, 0, 0, .02) 96%); |
| border: 0; |
| height: 1px; |
| margin: 4px 0; |
| } |
| |
| .mnemonic-enabled .mnemonic { |
| text-decoration: underline; |
| } |
| |
| .selected { |
| background-color: rgb(220, 229, 250); |
| } |
| |
| #viewport { |
| overflow: hidden; |
| } |
| |
| .scroll-button { |
| background-position: center center; |
| background-repeat: no-repeat; |
| height: 20px; |
| line-height: 20px; |
| text-align: center; |
| width: 100%; |
| } |
| |
| #scroll-up { |
| /* TODO(oshima): get right icons from UX designer */ |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAI0lEQVQImWNgQIA4BgaGuQxoII6BgeEvAwPDf2RJZEEYngsA2N8I6FqZBpwAAAAASUVORK5CYII=); |
| } |
| |
| #scroll-down { |
| background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAIklEQVQImWNgYGCIY2Bg+MfAwPAfCc9jgAJkSbggsiRcEACghQjtUFgYGwAAAABJRU5ErkJggg==); |
| } |
| |
| .scroll-button:hover { |
| background-color: rgb(220, 229, 250); |
| } |
| |
| .hidden { |
| display: none; |
| } |