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
 * Styling for custom buttons rendered by goog.ui.CustomButtonRenderer.
10
 *
11
 * @author [email protected] (Attila Bodis)
12
 */
13

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

29
/* Pseudo-rounded corners. */
30
.goog-custom-button-outer-box,
31
.goog-custom-button-inner-box {
32
  border-style: solid;
33
  border-color: #aaa;
34
  vertical-align: top;
35
}
36

37
.goog-custom-button-outer-box {
38
  margin: 0;
39
  border-width: 1px 0;
40
  padding: 0;
41
}
42

43
.goog-custom-button-inner-box {
44
  margin: 0 -1px;
45
  border-width: 0 1px;
46
  padding: 3px 4px;
47
  white-space: nowrap; /* Prevents buttons from line breaking on android. */
48
}
49

50
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
51
* html .goog-custom-button-inner-box {
52
  /* IE6 needs to have the box shifted to make the borders line up. */
53
  left: -1px;
54
}
55
/* Pre-IE7 BiDi fixes. */
56
* html .goog-custom-button-rtl .goog-custom-button-outer-box {
57
  /* @noflip */ left: -1px;
58
}
59
* html .goog-custom-button-rtl .goog-custom-button-inner-box {
60
  /* @noflip */ right: auto;
61
}
62

63
/* IE7-only hack; ignored by all other browsers. */
64
*:first-child+html .goog-custom-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-custom-button-rtl .goog-custom-button-inner-box {
70
  /* @noflip */ left: 1px;
71
}
72

73
/* Safari-only hacks. */
74
::root .goog-custom-button,
75
::root .goog-custom-button-outer-box {
76
  /* Required to make pseudo-rounded corners work on Safari. */
77
  line-height: 0;
78
}
79

80
::root .goog-custom-button-inner-box {
81
  /* Required to make pseudo-rounded corners work on Safari. */
82
  line-height: normal;
83
}
84

85
/* State: disabled. */
86
.goog-custom-button-disabled {
87
  background-image: none !important;
88
  opacity: 0.3;
89
  -moz-opacity: 0.3;
90
  filter: alpha(opacity=30);
91
}
92

93
.goog-custom-button-disabled .goog-custom-button-outer-box,
94
.goog-custom-button-disabled .goog-custom-button-inner-box {
95
  color: #333 !important;
96
  border-color: #999 !important;
97
}
98

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

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

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

117
/* State: active, checked. */
118
.goog-custom-button-active,
119
.goog-custom-button-checked {
120
  background-color: #bbb;
121
  background-position: bottom left;
122
}
123

124
/* State: focused. */
125
.goog-custom-button-focused .goog-custom-button-outer-box,
126
.goog-custom-button-focused .goog-custom-button-inner-box {
127
  border-color: orange;
128
}
129

130
/* Pill (collapsed border) styles. */
131
.goog-custom-button-collapse-right,
132
.goog-custom-button-collapse-right .goog-custom-button-outer-box,
133
.goog-custom-button-collapse-right .goog-custom-button-inner-box {
134
  margin-right: 0;
135
}
136

137
.goog-custom-button-collapse-left,
138
.goog-custom-button-collapse-left .goog-custom-button-outer-box,
139
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
140
  margin-left: 0;
141
}
142

143
.goog-custom-button-collapse-left .goog-custom-button-inner-box  {
144
  border-left: 1px solid #fff;
145
}
146

147
.goog-custom-button-collapse-left.goog-custom-button-checked
148
.goog-custom-button-inner-box {
149
  border-left: 1px solid #ddd;
150
}
151

152
/* Pre-IE7 IE hack; ignored by IE7 and all non-IE browsers. */
153
* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
154
  left: 0;
155
}
156

157
/* IE7-only hack; ignored by all other browsers. */
158
*:first-child+html .goog-custom-button-collapse-left
159
.goog-custom-button-inner-box {
160
  left: 0;
161
}
162

163