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 toolbars and toolbar items.
10
 *
11
 * @author [email protected] (Attila Bodis)
12
 */
13

14

15
/*
16
 * Styles used by goog.ui.ToolbarRenderer.
17
 */
18

19
.goog-toolbar {
20
  /* Client apps may override the URL at which they serve the image. */
21
  background: #fafafa url(//ssl.gstatic.com/editor/toolbar-bg.png) repeat-x bottom left;
22
  border-bottom: 1px solid #d5d5d5;
23
  cursor: default;
24
  font: normal 12px Arial, sans-serif;
25
  margin: 0;
26
  outline: none;
27
  padding: 2px;
28
  position: relative;
29
  zoom: 1; /* The toolbar element must have layout on IE. */
30
}
31

32
/*
33
 * Styles used by goog.ui.ToolbarButtonRenderer.
34
 */
35

36
.goog-toolbar-button {
37
  margin: 0 2px;
38
  border: 0;
39
  padding: 0;
40
  font-family: Arial, sans-serif;
41
  color: #333;
42
  text-decoration: none;
43
  list-style: none;
44
  vertical-align: middle;
45
  cursor: default;
46
  outline: none;
47
}
48

49
/* Pseudo-rounded corners. */
50
.goog-toolbar-button-outer-box,
51
.goog-toolbar-button-inner-box {
52
  border: 0;
53
  vertical-align: top;
54
}
55

56
.goog-toolbar-button-outer-box {
57
  margin: 0;
58
  padding: 1px 0;
59
}
60

61
.goog-toolbar-button-inner-box {
62
  margin: 0 -1px;
63
  padding: 3px 4px;
64
}
65

66
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
67
* html .goog-toolbar-button-inner-box {
68
  /* IE6 needs to have the box shifted to make the borders line up. */
69
  left: -1px;
70
}
71

72
/* Pre-IE7 BiDi fixes. */
73
* html .goog-toolbar-button-rtl .goog-toolbar-button-outer-box {
74
  /* @noflip */ left: -1px;
75
}
76
* html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
77
  /* @noflip */ right: auto;
78
}
79

80

81
/* IE7-only hack; ignored by all other browsers. */
82
*:first-child+html .goog-toolbar-button-inner-box {
83
  /* IE7 needs to have the box shifted to make the borders line up. */
84
  left: -1px;
85
}
86

87
/* IE7 BiDi fix. */
88
*:first-child+html .goog-toolbar-button-rtl .goog-toolbar-button-inner-box {
89
  /* @noflip */ left: 1px;
90
  /* @noflip */ right: auto;
91
}
92

93
/* Safari-only hacks. */
94
::root .goog-toolbar-button,
95
::root .goog-toolbar-button-outer-box {
96
  /* Required to make pseudo-rounded corners work on Safari. */
97
  line-height: 0;
98
}
99

100
::root .goog-toolbar-button-inner-box {
101
  /* Required to make pseudo-rounded corners work on Safari. */
102
  line-height: normal;
103
}
104

105
/* Disabled styles. */
106
.goog-toolbar-button-disabled {
107
  opacity: 0.3;
108
  -moz-opacity: 0.3;
109
  filter: alpha(opacity=30);
110
}
111

112
.goog-toolbar-button-disabled .goog-toolbar-button-outer-box,
113
.goog-toolbar-button-disabled .goog-toolbar-button-inner-box {
114
  /* Disabled text/border color trumps everything else. */
115
  color: #333 !important;
116
  border-color: #999 !important;
117
}
118

119
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
120
* html .goog-toolbar-button-disabled {
121
  /* IE can't apply alpha to an element with a transparent background... */
122
  background-color: #f0f0f0;
123
  margin: 0 1px;
124
  padding: 0 1px;
125
}
126

127
/* IE7-only hack; ignored by all other browsers. */
128
*:first-child+html .goog-toolbar-button-disabled {
129
  /* IE can't apply alpha to an element with a transparent background... */
130
  background-color: #f0f0f0;
131
  margin: 0 1px;
132
  padding: 0 1px;
133
}
134

135
/* Only draw borders when in a non-default state. */
136
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
137
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
138
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
139
.goog-toolbar-button-selected .goog-toolbar-button-outer-box {
140
  border-width: 1px 0;
141
  border-style: solid;
142
  padding: 0;
143
}
144

145
.goog-toolbar-button-hover .goog-toolbar-button-inner-box,
146
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
147
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
148
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
149
  border-width: 0 1px;
150
  border-style: solid;
151
  padding: 3px;
152
}
153

154
/* Hover styles. */
155
.goog-toolbar-button-hover .goog-toolbar-button-outer-box,
156
.goog-toolbar-button-hover .goog-toolbar-button-inner-box {
157
  /* Hover border style wins over active/checked/selected. */
158
  border-color: #a1badf !important;
159
}
160

161
/* Active/checked/selected styles. */
162
.goog-toolbar-button-active,
163
.goog-toolbar-button-checked,
164
.goog-toolbar-button-selected {
165
  /* Active/checked/selected background color always wins. */
166
  background-color: #dde1eb !important;
167
}
168

169
.goog-toolbar-button-active .goog-toolbar-button-outer-box,
170
.goog-toolbar-button-active .goog-toolbar-button-inner-box,
171
.goog-toolbar-button-checked .goog-toolbar-button-outer-box,
172
.goog-toolbar-button-checked .goog-toolbar-button-inner-box,
173
.goog-toolbar-button-selected .goog-toolbar-button-outer-box,
174
.goog-toolbar-button-selected .goog-toolbar-button-inner-box {
175
  border-color: #729bd1;
176
}
177

178
/* Pill (collapsed border) styles. */
179
.goog-toolbar-button-collapse-right,
180
.goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box,
181
.goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box {
182
  margin-right: 0;
183
}
184

185
.goog-toolbar-button-collapse-left,
186
.goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box,
187
.goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
188
  margin-left: 0;
189
}
190

191
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
192
* html .goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
193
  left: 0;
194
}
195

196
/* IE7-only hack; ignored by all other browsers. */
197
*:first-child+html .goog-toolbar-button-collapse-left
198
.goog-toolbar-button-inner-box {
199
  left: 0;
200
}
201

202

203
/*
204
 * Styles used by goog.ui.ToolbarMenuButtonRenderer.
205
 */
206

207
.goog-toolbar-menu-button {
208
  margin: 0 2px;
209
  border: 0;
210
  padding: 0;
211
  font-family: Arial, sans-serif;
212
  color: #333;
213
  text-decoration: none;
214
  list-style: none;
215
  vertical-align: middle;
216
  cursor: default;
217
  outline: none;
218
}
219

220
/* Pseudo-rounded corners. */
221
.goog-toolbar-menu-button-outer-box,
222
.goog-toolbar-menu-button-inner-box {
223
  border: 0;
224
  vertical-align: top;
225
}
226

227
.goog-toolbar-menu-button-outer-box {
228
  margin: 0;
229
  padding: 1px 0;
230
}
231

232
.goog-toolbar-menu-button-inner-box {
233
  margin: 0 -1px;
234
  padding: 3px 4px;
235
}
236

237
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
238
* html .goog-toolbar-menu-button-inner-box {
239
  /* IE6 needs to have the box shifted to make the borders line up. */
240
  left: -1px;
241
}
242

243
/* Pre-IE7 BiDi fixes. */
244
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-outer-box {
245
  /* @noflip */ left: -1px;
246
}
247
* html .goog-toolbar-menu-button-rtl .goog-toolbar-menu-button-inner-box {
248
  /* @noflip */ right: auto;
249
}
250

251
/* IE7-only hack; ignored by all other browsers. */
252
*:first-child+html .goog-toolbar-menu-button-inner-box {
253
  /* IE7 needs to have the box shifted to make the borders line up. */
254
  left: -1px;
255
}
256

257
/* IE7 BiDi fix. */
258
*:first-child+html .goog-toolbar-menu-button-rtl
259
  .goog-toolbar-menu-button-inner-box {
260
  /* @noflip */ left: 1px;
261
  /* @noflip */ right: auto;
262
}
263

264
/* Safari-only hacks. */
265
::root .goog-toolbar-menu-button,
266
::root .goog-toolbar-menu-button-outer-box,
267
::root .goog-toolbar-menu-button-inner-box {
268
  /* Required to make pseudo-rounded corners work on Safari. */
269
  line-height: 0;
270
}
271

272
::root .goog-toolbar-menu-button-caption,
273
::root .goog-toolbar-menu-button-dropdown {
274
  /* Required to make pseudo-rounded corners work on Safari. */
275
  line-height: normal;
276
}
277

278
/* Disabled styles. */
279
.goog-toolbar-menu-button-disabled {
280
  opacity: 0.3;
281
  -moz-opacity: 0.3;
282
  filter: alpha(opacity=30);
283
}
284

285
.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-outer-box,
286
.goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-inner-box {
287
  /* Disabled text/border color trumps everything else. */
288
  color: #333 !important;
289
  border-color: #999 !important;
290
}
291

292
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
293
* html .goog-toolbar-menu-button-disabled {
294
  /* IE can't apply alpha to an element with a transparent background... */
295
  background-color: #f0f0f0;
296
  margin: 0 1px;
297
  padding: 0 1px;
298
}
299

300
/* IE7-only hack; ignored by all other browsers. */
301
*:first-child+html .goog-toolbar-menu-button-disabled {
302
  /* IE can't apply alpha to an element with a transparent background... */
303
  background-color: #f0f0f0;
304
  margin: 0 1px;
305
  padding: 0 1px;
306
}
307

308
/* Only draw borders when in a non-default state. */
309
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
310
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
311
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box {
312
  border-width: 1px 0;
313
  border-style: solid;
314
  padding: 0;
315
}
316

317
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box,
318
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
319
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
320
  border-width: 0 1px;
321
  border-style: solid;
322
  padding: 3px;
323
}
324

325
/* Hover styles. */
326
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-outer-box,
327
.goog-toolbar-menu-button-hover .goog-toolbar-menu-button-inner-box {
328
  /* Hover border color trumps active/open style. */
329
  border-color: #a1badf !important;
330
}
331

332
/* Active/open styles. */
333
.goog-toolbar-menu-button-active,
334
.goog-toolbar-menu-button-open {
335
  /* Active/open background color wins. */
336
  background-color: #dde1eb !important;
337
}
338

339
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-outer-box,
340
.goog-toolbar-menu-button-active .goog-toolbar-menu-button-inner-box,
341
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-outer-box,
342
.goog-toolbar-menu-button-open .goog-toolbar-menu-button-inner-box {
343
  border-color: #729bd1;
344
}
345

346
/* Menu button caption style. */
347
.goog-toolbar-menu-button-caption {
348
  padding: 0 4px 0 0;
349
  vertical-align: middle;
350
}
351

352
/* Dropdown style. */
353
.goog-toolbar-menu-button-dropdown {
354
  width: 7px;
355
  /* Client apps may override the URL at which they serve the sprite. */
356
  background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
357
  vertical-align: middle;
358
}
359

360

361
/*
362
 * Styles used by goog.ui.ToolbarSeparatorRenderer.
363
 */
364

365
.goog-toolbar-separator {
366
  margin: 0 2px;
367
  border-left: 1px solid #d6d6d6;
368
  border-right: 1px solid #f7f7f7;
369
  padding: 0;
370
  width: 0;
371
  text-decoration: none;
372
  list-style: none;
373
  outline: none;
374
  vertical-align: middle;
375
  line-height: normal;
376
  font-size: 120%;
377
  overflow: hidden;
378
}
379

380

381
/*
382
 * Additional styling for toolbar select controls, which always have borders.
383
 */
384

385
.goog-toolbar-select .goog-toolbar-menu-button-outer-box {
386
  border-width: 1px 0;
387
  border-style: solid;
388
  padding: 0;
389
}
390

391
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
392
  border-width: 0 1px;
393
  border-style: solid;
394
  padding: 3px;
395
}
396

397
.goog-toolbar-select .goog-toolbar-menu-button-outer-box,
398
.goog-toolbar-select .goog-toolbar-menu-button-inner-box {
399
  border-color: #bfcbdf;
400
}
401

402