1/*!
  2 * Bootstrap Colorpicker
  3 * http://mjolnic.github.io/bootstrap-colorpicker/
  4 *
  5 * Originally written by (c) 2012 Stefan Petre
  6 * Licensed under the Apache License v2.0
  7 * http://www.apache.org/licenses/LICENSE-2.0.txt
  8 *
  9 */
 10
 11.colorpicker-saturation {
 12  float: left;
 13  width: 100px;
 14  height: 100px;
 15  cursor: crosshair;
 16  background-image: url("../img/bootstrap-colorpicker/saturation.png");
 17}
 18
 19.colorpicker-saturation i {
 20  position: absolute;
 21  top: 0;
 22  left: 0;
 23  display: block;
 24  width: 5px;
 25  height: 5px;
 26  margin: -4px 0 0 -4px;
 27  border: 1px solid #000;
 28  -webkit-border-radius: 5px;
 29     -moz-border-radius: 5px;
 30          border-radius: 5px;
 31}
 32
 33.colorpicker-saturation i b {
 34  display: block;
 35  width: 5px;
 36  height: 5px;
 37  border: 1px solid #fff;
 38  -webkit-border-radius: 5px;
 39     -moz-border-radius: 5px;
 40          border-radius: 5px;
 41}
 42
 43.colorpicker-hue,
 44.colorpicker-alpha {
 45  float: left;
 46  width: 15px;
 47  height: 100px;
 48  margin-bottom: 4px;
 49  margin-left: 4px;
 50  cursor: row-resize;
 51}
 52
 53.colorpicker-hue i,
 54.colorpicker-alpha i {
 55  position: absolute;
 56  top: 0;
 57  left: 0;
 58  display: block;
 59  width: 100%;
 60  height: 1px;
 61  margin-top: -1px;
 62  background: #000;
 63  border-top: 1px solid #fff;
 64}
 65
 66.colorpicker-hue {
 67  background-image: url("../img/bootstrap-colorpicker/hue.png");
 68}
 69
 70.colorpicker-alpha {
 71  display: none;
 72  background-image: url("../img/bootstrap-colorpicker/alpha.png");
 73}
 74
 75.colorpicker {
 76  top: 0;
 77  left: 0;
 78  z-index: 2500;
 79  min-width: 130px;
 80  padding: 4px;
 81  margin-top: 1px;
 82  -webkit-border-radius: 4px;
 83     -moz-border-radius: 4px;
 84          border-radius: 4px;
 85  *zoom: 1;
 86}
 87
 88.colorpicker:before,
 89.colorpicker:after {
 90  display: table;
 91  line-height: 0;
 92  content: "";
 93}
 94
 95.colorpicker:after {
 96  clear: both;
 97}
 98
 99.colorpicker:before {
100  position: absolute;
101  top: -7px;
102  left: 6px;
103  display: inline-block;
104  border-right: 7px solid transparent;
105  border-bottom: 7px solid #ccc;
106  border-left: 7px solid transparent;
107  border-bottom-color: rgba(0, 0, 0, 0.2);
108  content: '';
109}
110
111.colorpicker:after {
112  position: absolute;
113  top: -6px;
114  left: 7px;
115  display: inline-block;
116  border-right: 6px solid transparent;
117  border-bottom: 6px solid #ffffff;
118  border-left: 6px solid transparent;
119  content: '';
120}
121
122.colorpicker div {
123  position: relative;
124}
125
126.colorpicker.colorpicker-with-alpha {
127  min-width: 140px;
128}
129
130.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
131  display: block;
132}
133
134.colorpicker-color {
135  height: 10px;
136  margin-top: 5px;
137  clear: both;
138  background-image: url("../img/bootstrap-colorpicker/alpha.png");
139  background-position: 0 100%;
140}
141
142.colorpicker-color div {
143  height: 10px;
144}
145
146.colorpicker-element .input-group-addon i {
147  display: block;
148  width: 16px;
149  height: 16px;
150  cursor: pointer;
151}
152
153.colorpicker.colorpicker-inline {
154  position: relative;
155  display: inline-block;
156  float: none;
157}
158
159.colorpicker.colorpicker-horizontal {
160  width: 110px;
161  height: auto;
162  min-width: 110px;
163}
164
165.colorpicker.colorpicker-horizontal .colorpicker-saturation {
166  margin-bottom: 4px;
167}
168
169.colorpicker.colorpicker-horizontal .colorpicker-color {
170  width: 100px;
171}
172
173.colorpicker.colorpicker-horizontal .colorpicker-hue,
174.colorpicker.colorpicker-horizontal .colorpicker-alpha {
175  float: left;
176  width: 100px;
177  height: 15px;
178  margin-bottom: 4px;
179  margin-left: 0;
180  cursor: col-resize;
181}
182
183.colorpicker.colorpicker-horizontal .colorpicker-hue i,
184.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
185  position: absolute;
186  top: 0;
187  left: 0;
188  display: block;
189  width: 1px;
190  height: 15px;
191  margin-top: 0;
192  background: #ffffff;
193  border: none;
194}
195
196.colorpicker.colorpicker-horizontal .colorpicker-hue {
197  background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
198}
199
200.colorpicker.colorpicker-horizontal .colorpicker-alpha {
201  background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
202}
203
204.colorpicker.colorpicker-hidden {
205  display: none;
206}
207
208.colorpicker.colorpicker-visible {
209  display: block;
210}
211
212.colorpicker-inline.colorpicker-visible {
213  display: inline-block;
214}