menu_button.css revision 0529e5d033099cbfc42635f6f6183833b09dff6e 
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.menu-button {
7  position: relative;
8}
9
10.menu-button-activator + ul {
11  visibility: hidden;
12  position: absolute;
13}
14
15.menu-button-activator + ul:not(.right-align) {
16  left: 1px;
17}
18
19.menu-button-activator + ul.right-align {
20  right: 1px;
21}
22
23.menu-button-activator.active + ul {
24  visibility: visible;
25}
26
27.menu-button-activator.active {
28  background-color: #EEE;
29  background-image: -webkit-gradient(linear, left top, left bottom,
30                                     from(#EEE), to(#E0E0E0));
31  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
32  border: 1px solid #CCC;
33  color: #333;
34}
35
36.menu-button-activator .kd-disclosureindicator {
37  vertical-align: middle;
38  margin-left: 7px;
39  opacity: .8;
40}
41
42.menu-button ul {
43  padding: 0;
44  margin: 0;
45  list-style-type: none;
46  background: white;
47  outline: 1px solid rgba(0, 0, 0, 0.2);
48  padding: 0 0 6px;
49  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
50  z-index: 1;
51}
52
53.menu-button li {
54  padding: 6px 44px 6px 30px;
55  white-space: nowrap;
56}
57
58.menu-button li:hover {
59  background-color: #EEE;
60}
61
62.menu-button li.menu-separator {
63  border-top: 1px solid #EBEBEB;
64  margin-top: 9px;
65  margin-bottom: 10px;
66  padding: 0;
67}
68
69.menu-button li.selected {
70  background-image: url('tick.webp');
71  background-position: left center;
72  background-repeat: no-repeat;
73}
74
75.help-icon {
76  vertical-align: -4px;
77  border: 1px solid transparent;
78  opacity: 0.35;
79  -webkit-transition: opacity 0.218s;
80}
81
82.help-icon:hover, .help-icon.active {
83  opacity: 0.5;
84}
85
86#help-feedback-toolbar {
87  margin-left: 8px;
88  margin-top: 4px;
89}