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");
82 -webkit-border-radius: 4px;
83 -moz-border-radius: 4px;
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);
115 display: inline-block;
116 border-right: 6px solid transparent;
117 border-bottom: 6px solid #ffffff;
118 border-left: 6px solid transparent;
126 .colorpicker.colorpicker-with-alpha {
130 .colorpicker.colorpicker-with-alpha .colorpicker-alpha {
138 background-image: url("../../img/bootstrap-colorpicker/alpha.png");
139 background-position: 0 100%;
142 .colorpicker-color div {
146 .colorpicker-element .input-group-addon i {
153 .colorpicker.colorpicker-inline {
155 display: inline-block;
159 .colorpicker.colorpicker-horizontal {
165 .colorpicker.colorpicker-horizontal .colorpicker-saturation {
169 .colorpicker.colorpicker-horizontal .colorpicker-color {
173 .colorpicker.colorpicker-horizontal .colorpicker-hue,
174 .colorpicker.colorpicker-horizontal .colorpicker-alpha {
183 .colorpicker.colorpicker-horizontal .colorpicker-hue i,
184 .colorpicker.colorpicker-horizontal .colorpicker-alpha i {
196 .colorpicker.colorpicker-horizontal .colorpicker-hue {
197 background-image: url("../../img/bootstrap-colorpicker/hue-horizontal.png");
200 .colorpicker.colorpicker-horizontal .colorpicker-alpha {
201 background-image: url("../../img/bootstrap-colorpicker/alpha-horizontal.png");
204 .colorpicker.colorpicker-hidden {
208 .colorpicker.colorpicker-visible {
212 .colorpicker-inline.colorpicker-visible {
213 display: inline-block;