OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 .menu-button { | 6 .menu-button { |
7 position: relative; | 7 position: relative; |
8 } | 8 } |
9 | 9 |
10 .menu-button button + ul { | 10 .menu-button button + ul { |
11 visibility: hidden; | 11 visibility: hidden; |
12 position: absolute; | 12 position: absolute; |
13 top: 22px; | 13 top: 22px; |
14 left: 1px; | 14 left: 1px; |
15 } | 15 } |
16 | 16 |
17 .menu-button button.active + ul { | 17 .menu-button button.active + ul { |
18 visibility: visible; | 18 visibility: visible; |
19 } | 19 } |
20 | 20 |
21 .menu-button button.active { | 21 .menu-button button.active { |
22 background-color: #EEE; | 22 background-color: #EEE; |
23 background-image: -webkit-gradient(linear, left top, left bottom, | 23 background-image: -webkit-gradient(linear, left top, left bottom, |
24 from(#EEE), to(#E0E0E0)); | 24 from(#EEE), to(#E0E0E0)); |
25 -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); | 25 box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1); |
26 border: 1px solid #CCC; | 26 border: 1px solid #CCC; |
27 color: #333; | 27 color: #333; |
28 } | 28 } |
29 | 29 |
30 .menu-button button .kd-disclosureindicator { | 30 .menu-button button .kd-disclosureindicator { |
31 vertical-align: middle; | 31 vertical-align: middle; |
32 margin-left: 7px; | 32 margin-left: 7px; |
33 opacity: .8; | 33 opacity: .8; |
34 } | 34 } |
35 | 35 |
36 .menu-button ul { | 36 .menu-button ul { |
37 padding: 0; | 37 padding: 0; |
38 margin: 0; | 38 margin: 0; |
39 list-style-type: none; | 39 list-style-type: none; |
40 background: white; | 40 background: white; |
41 outline: 1px solid rgba(0, 0, 0, 0.2); | 41 outline: 1px solid rgba(0, 0, 0, 0.2); |
42 padding: 0 0 6px; | 42 padding: 0 0 6px; |
43 -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); | 43 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); |
44 z-index: 1; | 44 z-index: 1; |
45 } | 45 } |
46 | 46 |
47 .menu-button li { | 47 .menu-button li { |
48 padding: 6px 44px 6px 30px; | 48 padding: 6px 44px 6px 30px; |
49 white-space: nowrap; | 49 white-space: nowrap; |
50 } | 50 } |
51 | 51 |
52 .menu-button li:hover { | 52 .menu-button li:hover { |
53 background-color: #EEE; | 53 background-color: #EEE; |
54 } | 54 } |
55 | 55 |
56 .menu-button li.menu-separator { | 56 .menu-button li.menu-separator { |
57 border-top: 1px solid #EBEBEB; | 57 border-top: 1px solid #EBEBEB; |
58 margin-top: 9px; | 58 margin-top: 9px; |
59 margin-bottom: 10px; | 59 margin-bottom: 10px; |
60 padding: 0; | 60 padding: 0; |
61 } | 61 } |
62 | 62 |
63 .menu-button li.selected { | 63 .menu-button li.selected { |
64 background-image: url('tick.webp'); | 64 background-image: url('tick.webp'); |
65 background-position: left center; | 65 background-position: left center; |
66 background-repeat: no-repeat; | 66 background-repeat: no-repeat; |
67 } | 67 } |
OLD | NEW |