Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
seleniumhq
GitHub Repository: seleniumhq/selenium
 Path: blob/trunk/third_party/closure/goog/css/hsvapalette.css
4529 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.hsvapalette';

13


14
.goog-hsva-palette,

15
.goog-hsva-palette-sm {

16
  position: relative;

17
  border: 1px solid #999;

18
  border-color: #ccc #999 #999 #ccc;

19
  width: 442px;

20
  height: 276px;

21
}

22


23
.goog-hsva-palette-sm {

24
  width: 205px;

25
  height: 185px;

26
}

27


28
.goog-hsva-palette label span,

29
.goog-hsva-palette-sm label span {

30
  display: none;

31
}

32


33
.goog-hsva-palette-hs-backdrop,

34
.goog-hsva-palette-sm-hs-backdrop,

35
.goog-hsva-palette-hs-image,

36
.goog-hsva-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-hsva-palette-sm-hs-backdrop,

46
.goog-hsva-palette-sm-hs-image {

47
  top: 45px;

48
  width: 128px;

49
  height: 128px;

50
}

51


52
.goog-hsva-palette-hs-backdrop,

53
.goog-hsva-palette-sm-hs-backdrop {

54
  background-color: #000;

55
}

56


57
.goog-hsva-palette-hs-image,

58
.goog-hsva-palette-v-image,

59
.goog-hsva-palette-a-image,

60
.goog-hsva-palette-hs-handle,

61
.goog-hsva-palette-v-handle,

62
.goog-hsva-palette-a-handle,

63
.goog-hsva-palette-swatch-backdrop {

64
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite.png);

65
}

66


67
.goog-hsva-palette-noalpha .goog-hsva-palette-hs-image,

68
.goog-hsva-palette-noalpha .goog-hsva-palette-v-image,

69
.goog-hsva-palette-noalpha .goog-hsva-palette-a-image,

70
.goog-hsva-palette-noalpha .goog-hsva-palette-hs-handle,

71
.goog-hsva-palette-noalpha .goog-hsva-palette-v-handle,

72
.goog-hsva-palette-noalpha .goog-hsva-palette-a-handle,

73
.goog-hsva-palette-noalpha .goog-hsva-palette-swatch-backdrop {

74
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite.gif);

75
}

76


77
.goog-hsva-palette-sm-hs-image,

78
.goog-hsva-palette-sm-v-image,

79
.goog-hsva-palette-sm-a-image,

80
.goog-hsva-palette-sm-hs-handle,

81
.goog-hsva-palette-sm-v-handle,

82
.goog-hsva-palette-sm-a-handle,

83
.goog-hsva-palette-sm-swatch-backdrop {

84
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite-sm.png);

85
}

86


87
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-hs-image,

88
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-v-image,

89
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-a-image,

90
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-hs-handle,

91
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-v-handle,

92
.goog-hsva-palette-noalpha .goog-hsva-palette-sm-a-handle,

93
.goog-hsva-palette-noalpha .goog-hsva-palette-swatch-backdrop {

94
  background-image: url(//ssl.gstatic.com/closure/hsva-sprite-sm.gif);

95
}

96


97
.goog-hsva-palette-hs-image,

98
.goog-hsva-palette-sm-hs-image {

99
  background-position: 0 0;

100
}

101


102
.goog-hsva-palette-hs-handle,

103
.goog-hsva-palette-sm-hs-handle {

104
  position: absolute;

105
  left: 5px;

106
  top: 5px;

107
  width: 11px;

108
  height: 11px;

109
  overflow: hidden;

110
  background-position: 0 -256px;

111
}

112


113
.goog-hsva-palette-sm-hs-handle {

114
  top: 40px;

115
  background-position: 0 -128px;

116
}

117


118
.goog-hsva-palette-v-image,

119
.goog-hsva-palette-a-image,

120
.goog-hsva-palette-sm-v-image,

121
.goog-hsva-palette-sm-a-image {

122
  position: absolute;

123
  top: 10px;

124
  left: 286px;

125
  width: 19px;

126
  height: 256px;

127
  border: 1px solid #999;

128
  background-color: #fff;

129
  background-position: -256px 0;

130
}

131


132
.goog-hsva-palette-a-image {

133
  left: 325px;

134
  background-position: -275px 0;

135
}

136


137
.goog-hsva-palette-sm-v-image,

138
.goog-hsva-palette-sm-a-image {

139
  top: 45px;

140
  left: 155px;

141
  width: 9px;

142
  height: 128px;

143
  background-position: -128px 0;

144
}

145


146
.goog-hsva-palette-sm-a-image {

147
  left: 182px;

148
  background-position: -137px 0;

149
}

150


151
.goog-hsva-palette-v-handle,

152
.goog-hsva-palette-a-handle,

153
.goog-hsva-palette-sm-v-handle,

154
.goog-hsva-palette-sm-a-handle {

155
  position: absolute;

156
  top: 5px;

157
  left: 279px;

158
  width: 35px;

159
  height: 11px;

160
  background-position: -11px -256px;

161
  overflow: hidden;

162
}

163


164
.goog-hsva-palette-a-handle {

165
  left: 318px;

166
}

167


168
.goog-hsva-palette-sm-v-handle,

169
.goog-hsva-palette-sm-a-handle {

170
  top: 40px;

171
  left: 148px;

172
  width: 25px;

173
  background-position: -11px -128px;

174
}

175


176
.goog-hsva-palette-sm-a-handle {

177
  left: 175px;

178
}

179


180
.goog-hsva-palette-swatch,

181
.goog-hsva-palette-swatch-backdrop,

182
.goog-hsva-palette-sm-swatch,

183
.goog-hsva-palette-sm-swatch-backdrop {

184
  position: absolute;

185
  top: 10px;

186
  right: 10px;

187
  width: 65px;

188
  height: 65px;

189
  border: 1px solid #999;

190
  background-color: #fff;

191
  background-position: -294px 0;

192
}

193


194
.goog-hsva-palette-sm-swatch,

195
.goog-hsva-palette-sm-swatch-backdrop {

196
  top: 10px;

197
  right: auto;

198
  left: 10px;

199
  width: 30px;

200
  height: 22px;

201
  background-position: -36px -128px;

202
}

203


204
.goog-hsva-palette-swatch,

205
.goog-hsva-palette-sm-swatch {

206
  z-index: 5;

207
}

208


209
.goog-hsva-palette-swatch-backdrop,

210
.goog-hsva-palette-sm-swatch-backdrop {

211
  z-index: 1;

212
}

213


214
.goog-hsva-palette-input,

215
.goog-hsva-palette-sm-input {

216
  position: absolute;

217
  top: 85px;

218
  right: 10px;

219
  width: 65px;

220
  font-size: 80%;

221
}

222


223
.goog-hsva-palette-sm-input {

224
  top: 10px;

225
  right: auto;

226
  left: 50px;

227
}

228


229