1
/*
2
 * Copyright 2009 The Closure Library Authors. All Rights Reserved.
3
 *
4
 * Use of this source code is governed by the Apache License, Version 2.0.
5
 * See the COPYING file for details.
6
 */
7

8
/*
9
 * Standard styling for buttons created by goog.ui.MenuButtonRenderer.
10
 *
11
 * @author [email protected] (Attila Bodis)
12
 */
13

14

15
/* State: resting. */
16
.goog-menu-button {
17
  /* Client apps may override the URL at which they serve the image. */
18
  background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
19
  border: 0;
20
  color: #000;
21
  cursor: pointer;
22
  list-style: none;
23
  margin: 2px;
24
  outline: none;
25
  padding: 0;
26
  text-decoration: none;
27
  vertical-align: middle;
28
}
29

30
/* Pseudo-rounded corners. */
31
.goog-menu-button-outer-box,
32
.goog-menu-button-inner-box {
33
  border-style: solid;
34
  border-color: #aaa;
35
  vertical-align: top;
36
}
37
.goog-menu-button-outer-box {
38
  margin: 0;
39
  border-width: 1px 0;
40
  padding: 0;
41
}
42
.goog-menu-button-inner-box {
43
  margin: 0 -1px;
44
  border-width: 0 1px;
45
  padding: 3px 4px;
46
}
47

48
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
49
* html .goog-menu-button-inner-box {
50
  /* IE6 needs to have the box shifted to make the borders line up. */
51
  left: -1px;
52
}
53

54
/* Pre-IE7 BiDi fixes. */
55
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
56
  /* @noflip */ left: -1px;
57
  /* @noflip */ right: auto;
58
}
59
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
60
  /* @noflip */ right: auto;
61
}
62

63
/* IE7-only hack; ignored by all other browsers. */
64
*:first-child+html .goog-menu-button-inner-box {
65
  /* IE7 needs to have the box shifted to make the borders line up. */
66
  left: -1px;
67
}
68
/* IE7 BiDi fix. */
69
*:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
70
  /* @noflip */ left: 1px;
71
  /* @noflip */ right: auto;
72
}
73

74
/* Safari-only hacks. */
75
::root .goog-menu-button,
76
::root .goog-menu-button-outer-box,
77
::root .goog-menu-button-inner-box {
78
  /* Required to make pseudo-rounded corners work on Safari. */
79
  line-height: 0;
80
}
81
::root .goog-menu-button-caption,
82
::root .goog-menu-button-dropdown {
83
  /* Required to make pseudo-rounded corners work on Safari. */
84
  line-height: normal;
85
}
86

87
/* State: disabled. */
88
.goog-menu-button-disabled {
89
  background-image: none !important;
90
  opacity: 0.3;
91
  -moz-opacity: 0.3;
92
  filter: alpha(opacity=30);
93
}
94
.goog-menu-button-disabled .goog-menu-button-outer-box,
95
.goog-menu-button-disabled .goog-menu-button-inner-box,
96
.goog-menu-button-disabled .goog-menu-button-caption,
97
.goog-menu-button-disabled .goog-menu-button-dropdown {
98
  color: #333 !important;
99
  border-color: #999 !important;
100
}
101

102
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
103
* html .goog-menu-button-disabled {
104
  margin: 2px 1px !important;
105
  padding: 0 1px !important;
106
}
107

108
/* IE7-only hack; ignored by all other browsers. */
109
*:first-child+html .goog-menu-button-disabled {
110
  margin: 2px 1px !important;
111
  padding: 0 1px !important;
112
}
113

114
/* State: hover. */
115
.goog-menu-button-hover .goog-menu-button-outer-box,
116
.goog-menu-button-hover .goog-menu-button-inner-box {
117
  border-color: #9cf #69e #69e #7af !important; /* Hover border wins. */
118
}
119

120
/* State: active, open. */
121
.goog-menu-button-active,
122
.goog-menu-button-open {
123
  background-color: #bbb;
124
  background-position: bottom left;
125
}
126

127
/* State: focused. */
128
.goog-menu-button-focused .goog-menu-button-outer-box,
129
.goog-menu-button-focused .goog-menu-button-inner-box {
130
  border-color: orange;
131
}
132

133
/* Caption style. */
134
.goog-menu-button-caption {
135
  padding: 0 4px 0 0;
136
  vertical-align: top;
137
}
138

139
/* Dropdown arrow style. */
140
.goog-menu-button-dropdown {
141
  height: 15px;
142
  width: 7px;
143
  /* Client apps may override the URL at which they serve the sprite. */
144
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
145
  vertical-align: top;
146
}
147

148
/* Pill (collapsed border) styles. */
149
/* TODO(gboyer): Remove specific menu button styles and have any button support being a menu button. */
150
.goog-menu-button-collapse-right,
151
.goog-menu-button-collapse-right .goog-menu-button-outer-box,
152
.goog-menu-button-collapse-right .goog-menu-button-inner-box {
153
  margin-right: 0;
154
}
155

156
.goog-menu-button-collapse-left,
157
.goog-menu-button-collapse-left .goog-menu-button-outer-box,
158
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
159
  margin-left: 0;
160
}
161

162
.goog-menu-button-collapse-left .goog-menu-button-inner-box  {
163
  border-left: 1px solid #fff;
164
}
165

166
.goog-menu-button-collapse-left.goog-menu-button-checked
167
.goog-menu-button-inner-box {
168
  border-left: 1px solid #ddd;
169
}
170

171