2 * Bootstrap Colorpicker
3 * http://mjolnic.github.io/bootstrap-colorpicker/
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
11 .colorpicker-saturation {
16 background-image: url("../img/bootstrap-colorpicker/saturation.png");
19 .colorpicker-saturation i {
26 margin: -4px 0 0 -4px;
27 border: 1px solid #000;
28 -webkit-border-radius: 5px;
29 -moz-border-radius: 5px;
33 .colorpicker-saturation i b {
37 border: 1px solid #fff;
38 -webkit-border-radius: 5px;
39 -moz-border-radius: 5px;
54 .colorpicker-alpha i {
63 border-top: 1px solid #fff;
67 background-image: url("../img/bootstrap-colorpicker/hue.png");
72 background-image: url("../img/bootstrap-colorpicker/alpha.png");
75 .colorpicker-saturation,
78 background-size: contain;
88 -webkit-border-radius: 4px;
89 -moz-border-radius: 4px;
105 .colorpicker:before {
109 display: inline-block;
110 border-right: 7px solid transparent;
111 border-bottom: 7px solid #ccc;
112 border-left: 7px solid transparent;
113 border-bottom-color: rgba(0, 0, 0, 0.2);
121 display: inline-block;
122 border-right: 6px solid transparent;
123 border-bottom: 6px solid #ffffff;
124 border-left: 6px solid transparent;
132 .colorpicker.colorpicker-with-alpha {
136 .colorpicker.colorpicker-with-alpha .colorpicker-alpha {
144 background-image: url("../img/bootstrap-colorpicker/alpha.png");
145 background-position: 0 100%;
148 .colorpicker-color div {
152 .colorpicker-selectors {
159 .colorpicker-selectors i {
166 .colorpicker-selectors i + i {
170 .colorpicker-element .input-group-addon i,
171 .colorpicker-element .add-on i {
172 display: inline-block;
175 vertical-align: text-top;
179 .colorpicker.colorpicker-inline {
182 display: inline-block;
186 .colorpicker.colorpicker-horizontal {
192 .colorpicker.colorpicker-horizontal .colorpicker-saturation {
196 .colorpicker.colorpicker-horizontal .colorpicker-color {
200 .colorpicker.colorpicker-horizontal .colorpicker-hue,
201 .colorpicker.colorpicker-horizontal .colorpicker-alpha {
210 .colorpicker.colorpicker-horizontal .colorpicker-hue i,
211 .colorpicker.colorpicker-horizontal .colorpicker-alpha i {
223 .colorpicker.colorpicker-horizontal .colorpicker-hue {
224 background-image: url("../img/bootstrap-colorpicker/hue-horizontal.png");
227 .colorpicker.colorpicker-horizontal .colorpicker-alpha {
228 background-image: url("../img/bootstrap-colorpicker/alpha-horizontal.png");
231 .colorpicker.colorpicker-hidden {
235 .colorpicker.colorpicker-visible {
239 .colorpicker-inline.colorpicker-visible {
240 display: inline-block;
243 .colorpicker-right:before {
248 .colorpicker-right:after {
253 .colorpicker-no-arrow:before {
258 .colorpicker-no-arrow:after {