Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
SeleniumHQ
GitHub Repository: SeleniumHQ/Selenium
Path: blob/trunk/third_party/closure/goog/css/hsvpalette.css
4065 views
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
* Styles for the HSV color palette.
10
*/
11
12
@provide 'goog.css.hsvpalette';
13
14
.goog-hsv-palette,
15
.goog-hsv-palette-sm {
16
position: relative;
17
border: 1px solid #999;
18
border-color: #ccc #999 #999 #ccc;
19
width: 400px;
20
height: 276px;
21
}
22
23
.goog-hsv-palette-sm {
24
width: 182px;
25
height: 185px;
26
}
27
28
.goog-hsv-palette label span,
29
.goog-hsv-palette-sm label span {
30
display: none;
31
}
32
33
.goog-hsv-palette-hs-backdrop,
34
.goog-hsv-palette-sm-hs-backdrop,
35
.goog-hsv-palette-hs-image,
36
.goog-hsv-palette-sm-hs-image {
37
position: absolute;
38
top: 10px;
39
left: 10px;
40
width: 256px;
41
height: 256px;
42
border: 1px solid #999;
43
}
44
45
.goog-hsv-palette-sm-hs-backdrop,
46
.goog-hsv-palette-sm-hs-image {
47
top: 45px;
48
width: 128px;
49
height: 128px;
50
}
51
52
.goog-hsv-palette-hs-backdrop,
53
.goog-hsv-palette-sm-hs-backdrop {
54
background-color: #000;
55
}
56
57
.goog-hsv-palette-hs-image,
58
.goog-hsv-palette-v-image,
59
.goog-hsv-palette-hs-handle,
60
.goog-hsv-palette-v-handle {
61
background-image: url(//ssl.gstatic.com/closure/hsv-sprite.png);
62
}
63
64
.goog-hsv-palette-noalpha .goog-hsv-palette-hs-image,
65
.goog-hsv-palette-noalpha .goog-hsv-palette-v-image,
66
.goog-hsv-palette-noalpha .goog-hsv-palette-hs-handle,
67
.goog-hsv-palette-noalpha .goog-hsv-palette-v-handle {
68
background-image: url(//ssl.gstatic.com/closure/hsv-sprite.gif);
69
}
70
71
.goog-hsv-palette-sm-hs-image,
72
.goog-hsv-palette-sm-v-image,
73
.goog-hsv-palette-sm-hs-handle,
74
.goog-hsv-palette-sm-v-handle {
75
background-image: url(//ssl.gstatic.com/closure/hsv-sprite-sm.png);
76
}
77
78
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-hs-image,
79
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-v-image,
80
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-hs-handle,
81
.goog-hsv-palette-noalpha .goog-hsv-palette-sm-v-handle {
82
background-image: url(//ssl.gstatic.com/closure/hsv-sprite-sm.gif);
83
}
84
85
.goog-hsv-palette-hs-image,
86
.goog-hsv-palette-sm-hs-image {
87
background-position: 0 0;
88
}
89
90
.goog-hsv-palette-hs-handle,
91
.goog-hsv-palette-sm-hs-handle {
92
position: absolute;
93
left: 5px;
94
top: 5px;
95
width: 11px;
96
height: 11px;
97
overflow: hidden;
98
background-position: 0 -256px;
99
}
100
101
.goog-hsv-palette-sm-hs-handle {
102
top: 40px;
103
background-position: 0 -128px;
104
}
105
106
.goog-hsv-palette-v-image,
107
.goog-hsv-palette-sm-v-image {
108
position: absolute;
109
top: 10px;
110
left: 286px;
111
width: 19px;
112
height: 256px;
113
border: 1px solid #999;
114
background-color: #fff;
115
background-position: -256px 0;
116
}
117
118
.goog-hsv-palette-sm-v-image {
119
top: 45px;
120
left: 155px;
121
width: 9px;
122
height: 128px;
123
background-position: -128px 0;
124
}
125
126
.goog-hsv-palette-v-handle,
127
.goog-hsv-palette-sm-v-handle {
128
position: absolute;
129
top: 5px;
130
left: 279px;
131
width: 35px;
132
height: 11px;
133
background-position: -11px -256px;
134
overflow: hidden;
135
}
136
137
.goog-hsv-palette-sm-v-handle {
138
top: 40px;
139
left: 148px;
140
width: 25px;
141
background-position: -11px -128px;
142
}
143
144
.goog-hsv-palette-swatch,
145
.goog-hsv-palette-sm-swatch {
146
position: absolute;
147
top: 10px;
148
right: 10px;
149
width: 65px;
150
height: 65px;
151
border: 1px solid #999;
152
background-color: #fff;
153
}
154
155
.goog-hsv-palette-sm-swatch {
156
top: 10px;
157
right: auto;
158
left: 10px;
159
width: 30px;
160
height: 22px;
161
}
162
163
.goog-hsv-palette-input,
164
.goog-hsv-palette-sm-input {
165
position: absolute;
166
top: 85px;
167
right: 10px;
168
width: 65px;
169
}
170
171
.goog-hsv-palette-sm-input {
172
top: 10px;
173
right: auto;
174
left: 50px;
175
}
176
177