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