1
/*
2
 * Copyright 2008 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
 * All Rights Reserved.
10
 *
11
 * Styles for the HSV color palette.
12
 *
13
 * @author [email protected] (Sean McBride)
14
 * @author [email protected] (Erik Arvidsson)
15
 * @author [email protected] (Manu Cornet)
16
 */
17

18
.goog-hsva-palette,
19
.goog-hsva-palette-sm {
20
  position: relative;
21
  border: 1px solid #999;
22
  border-color: #ccc #999 #999 #ccc;
23
  width: 442px;
24
  height: 276px;
25
}
26

27
.goog-hsva-palette-sm {
28
  width: 205px;
29
  height: 185px;
30
}
31

32
.goog-hsva-palette label span,
33
.goog-hsva-palette-sm label span {
34
  display: none;
35
}
36

37
.goog-hsva-palette-hs-backdrop,
38
.goog-hsva-palette-sm-hs-backdrop,
39
.goog-hsva-palette-hs-image,
40
.goog-hsva-palette-sm-hs-image {
41
  position: absolute;
42
  top: 10px;
43
  left: 10px;
44
  width: 256px;
45
  height: 256px;
46
  border: 1px solid #999;
47
}
48

49
.goog-hsva-palette-sm-hs-backdrop,
50
.goog-hsva-palette-sm-hs-image {
51
  top: 45px;
52
  width: 128px;
53
  height: 128px;
54
}
55

56
.goog-hsva-palette-hs-backdrop,
57
.goog-hsva-palette-sm-hs-backdrop {
58
  background-color: #000;
59
}
60

61
.goog-hsva-palette-hs-image,
62
.goog-hsva-palette-v-image,
63
.goog-hsva-palette-a-image,
64
.goog-hsva-palette-hs-handle,
65
.goog-hsva-palette-v-handle,
66
.goog-hsva-palette-a-handle,
67
.goog-hsva-palette-swatch-backdrop {
68
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite.png);
69
}
70

71
.goog-hsva-palette-noalpha .goog-hsva-palette-hs-image,
72
.goog-hsva-palette-noalpha .goog-hsva-palette-v-image,
73
.goog-hsva-palette-noalpha .goog-hsva-palette-a-image,
74
.goog-hsva-palette-noalpha .goog-hsva-palette-hs-handle,
75
.goog-hsva-palette-noalpha .goog-hsva-palette-v-handle,
76
.goog-hsva-palette-noalpha .goog-hsva-palette-a-handle,
77
.goog-hsva-palette-noalpha .goog-hsva-palette-swatch-backdrop {
78
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite.gif);
79
}
80

81
.goog-hsva-palette-sm-hs-image,
82
.goog-hsva-palette-sm-v-image,
83
.goog-hsva-palette-sm-a-image,
84
.goog-hsva-palette-sm-hs-handle,
85
.goog-hsva-palette-sm-v-handle,
86
.goog-hsva-palette-sm-a-handle,
87
.goog-hsva-palette-sm-swatch-backdrop {
88
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite-sm.png);
89
}
90

91
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-hs-image,
92
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-v-image,
93
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-a-image,
94
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-hs-handle,
95
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-v-handle,
96
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-a-handle,
97
.goog-hsva-palette-noalpha .goog-hsva-palette-swatch-backdrop {
98
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite-sm.gif);
99
}
100

101
.goog-hsva-palette-hs-image,
102
.goog-hsva-palette-sm-hs-image {
103
  background-position: 0 0;
104
}
105

106
.goog-hsva-palette-hs-handle,
107
.goog-hsva-palette-sm-hs-handle {
108
  position: absolute;
109
  left: 5px;
110
  top: 5px;
111
  width: 11px;
112
  height: 11px;
113
  overflow: hidden;
114
  background-position: 0 -256px;
115
}
116

117
.goog-hsva-palette-sm-hs-handle {
118
  top: 40px;
119
  background-position: 0 -128px;
120
}
121

122
.goog-hsva-palette-v-image,
123
.goog-hsva-palette-a-image,
124
.goog-hsva-palette-sm-v-image,
125
.goog-hsva-palette-sm-a-image {
126
  position: absolute;
127
  top: 10px;
128
  left: 286px;
129
  width: 19px;
130
  height: 256px;
131
  border: 1px solid #999;
132
  background-color: #fff;
133
  background-position: -256px 0;
134
}
135

136
.goog-hsva-palette-a-image {
137
  left: 325px;
138
  background-position: -275px 0;
139
}
140

141
.goog-hsva-palette-sm-v-image,
142
.goog-hsva-palette-sm-a-image {
143
  top: 45px;
144
  left: 155px;
145
  width: 9px;
146
  height: 128px;
147
  background-position: -128px 0;
148
}
149

150
.goog-hsva-palette-sm-a-image {
151
  left: 182px;
152
  background-position: -137px 0;
153
}
154

155
.goog-hsva-palette-v-handle,
156
.goog-hsva-palette-a-handle,
157
.goog-hsva-palette-sm-v-handle,
158
.goog-hsva-palette-sm-a-handle {
159
  position: absolute;
160
  top: 5px;
161
  left: 279px;
162
  width: 35px;
163
  height: 11px;
164
  background-position: -11px -256px;
165
  overflow: hidden;
166
}
167

168
.goog-hsva-palette-a-handle {
169
  left: 318px;
170
}
171

172
.goog-hsva-palette-sm-v-handle,
173
.goog-hsva-palette-sm-a-handle {
174
  top: 40px;
175
  left: 148px;
176
  width: 25px;
177
  background-position: -11px -128px;
178
}
179

180
.goog-hsva-palette-sm-a-handle {
181
  left: 175px;
182
}
183

184
.goog-hsva-palette-swatch,
185
.goog-hsva-palette-swatch-backdrop,
186
.goog-hsva-palette-sm-swatch,
187
.goog-hsva-palette-sm-swatch-backdrop {
188
  position: absolute;
189
  top: 10px;
190
  right: 10px;
191
  width: 65px;
192
  height: 65px;
193
  border: 1px solid #999;
194
  background-color: #fff;
195
  background-position: -294px 0;
196
}
197

198
.goog-hsva-palette-sm-swatch,
199
.goog-hsva-palette-sm-swatch-backdrop {
200
  top: 10px;
201
  right: auto;
202
  left: 10px;
203
  width: 30px;
204
  height: 22px;
205
  background-position: -36px -128px;
206
}
207

208
.goog-hsva-palette-swatch,
209
.goog-hsva-palette-sm-swatch {
210
  z-index: 5;
211
}
212

213
.goog-hsva-palette-swatch-backdrop,
214
.goog-hsva-palette-sm-swatch-backdrop {
215
  z-index: 1;
216
}
217

218
.goog-hsva-palette-input,
219
.goog-hsva-palette-sm-input {
220
  position: absolute;
221
  top: 85px;
222
  right: 10px;
223
  width: 65px;
224
  font-size: 80%;
225
}
226

227
.goog-hsva-palette-sm-input {
228
  top: 10px;
229
  right: auto;
230
  left: 50px;
231
}
232

233