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-hsv-palette,
19
.goog-hsv-palette-sm {
20
  position: relative;
21
  border: 1px solid #999;
22
  border-color: #ccc #999 #999 #ccc;
23
  width: 400px;
24
  height: 276px;
25
}
26

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

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

37
.goog-hsv-palette-hs-backdrop,
38
.goog-hsv-palette-sm-hs-backdrop,
39
.goog-hsv-palette-hs-image,
40
.goog-hsv-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-hsv-palette-sm-hs-backdrop,
50
.goog-hsv-palette-sm-hs-image {
51
  top: 45px;
52
  width: 128px;
53
  height: 128px;
54
}
55

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

61
.goog-hsv-palette-hs-image,
62
.goog-hsv-palette-v-image,
63
.goog-hsv-palette-hs-handle,
64
.goog-hsv-palette-v-handle {
65
  background-image: url(//ssl.gstatic.com/closure/hsv-sprite.png);
66
}
67

68
.goog-hsv-palette-noalpha .goog-hsv-palette-hs-image,
69
.goog-hsv-palette-noalpha .goog-hsv-palette-v-image,
70
.goog-hsv-palette-noalpha .goog-hsv-palette-hs-handle,
71
.goog-hsv-palette-noalpha .goog-hsv-palette-v-handle {
72
  background-image: url(//ssl.gstatic.com/closure/hsv-sprite.gif);
73
}
74

75
.goog-hsv-palette-sm-hs-image,
76
.goog-hsv-palette-sm-v-image,
77
.goog-hsv-palette-sm-hs-handle,
78
.goog-hsv-palette-sm-v-handle {
79
  background-image: url(//ssl.gstatic.com/closure/hsv-sprite-sm.png);
80
}
81

82
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-hs-image,
83
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-v-image,
84
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-hs-handle,
85
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-v-handle {
86
  background-image: url(//ssl.gstatic.com/closure/hsv-sprite-sm.gif);
87
}
88

89
.goog-hsv-palette-hs-image,
90
.goog-hsv-palette-sm-hs-image {
91
  background-position: 0 0;
92
}
93

94
.goog-hsv-palette-hs-handle,
95
.goog-hsv-palette-sm-hs-handle {
96
  position: absolute;
97
  left: 5px;
98
  top: 5px;
99
  width: 11px;
100
  height: 11px;
101
  overflow: hidden;
102
  background-position: 0 -256px;
103
}
104

105
.goog-hsv-palette-sm-hs-handle {
106
  top: 40px;
107
  background-position: 0 -128px;
108
}
109

110
.goog-hsv-palette-v-image,
111
.goog-hsv-palette-sm-v-image {
112
  position: absolute;
113
  top: 10px;
114
  left: 286px;
115
  width: 19px;
116
  height: 256px;
117
  border: 1px solid #999;
118
  background-color: #fff;
119
  background-position: -256px 0;
120
}
121

122
.goog-hsv-palette-sm-v-image {
123
  top: 45px;
124
  left: 155px;
125
  width: 9px;
126
  height: 128px;
127
  background-position: -128px 0;
128
}
129

130
.goog-hsv-palette-v-handle,
131
.goog-hsv-palette-sm-v-handle {
132
  position: absolute;
133
  top: 5px;
134
  left: 279px;
135
  width: 35px;
136
  height: 11px;
137
  background-position: -11px -256px;
138
  overflow: hidden;
139
}
140

141
.goog-hsv-palette-sm-v-handle {
142
  top: 40px;
143
  left: 148px;
144
  width: 25px;
145
  background-position: -11px -128px;
146
}
147

148
.goog-hsv-palette-swatch,
149
.goog-hsv-palette-sm-swatch {
150
  position: absolute;
151
  top: 10px;
152
  right: 10px;
153
  width: 65px;
154
  height: 65px;
155
  border: 1px solid #999;
156
  background-color: #fff;
157
}
158

159
.goog-hsv-palette-sm-swatch {
160
  top: 10px;
161
  right: auto;
162
  left: 10px;
163
  width: 30px;
164
  height: 22px;
165
}
166

167
.goog-hsv-palette-input,
168
.goog-hsv-palette-sm-input {
169
  position: absolute;
170
  top: 85px;
171
  right: 10px;
172
  width: 65px;
173
}
174

175
.goog-hsv-palette-sm-input {
176
  top: 10px;
177
  right: auto;
178
  left: 50px;
179
}
180

181