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