6 background-image: url(jquery.minicolors.png);
11 vertical-align: middle;
12 background-position: -80px 0;
13 border: solid 1px #ccc;
17 display: inline-block;
20 .minicolors-swatch-color {
28 .minicolors input[type=hidden] + .minicolors-swatch {
34 .minicolors input[type=hidden][disabled] + .minicolors-swatch {
43 border: solid 1px #CCC;
44 box-shadow: 0 0 20px rgba(0, 0, 0, .2);
46 box-sizing: content-box;
50 .minicolors-panel.minicolors-visible {
54 /* Panel positioning */
55 .minicolors-position-top .minicolors-panel {
59 .minicolors-position-right .minicolors-panel {
63 .minicolors-position-bottom .minicolors-panel {
67 .minicolors-position-left .minicolors-panel {
71 .minicolors-with-opacity .minicolors-panel {
75 .minicolors .minicolors-grid {
81 background-position: -120px 0;
85 .minicolors .minicolors-grid-inner {
93 .minicolors-slider-saturation .minicolors-grid {
94 background-position: -420px 0;
97 .minicolors-slider-saturation .minicolors-grid-inner {
98 background-position: -270px 0;
99 background-image: inherit;
102 .minicolors-slider-brightness .minicolors-grid {
103 background-position: -570px 0;
106 .minicolors-slider-brightness .minicolors-grid-inner {
107 background-color: black;
110 .minicolors-slider-wheel .minicolors-grid {
111 background-position: -720px 0;
115 .minicolors-opacity-slider {
121 background-color: white;
122 background-position: 0 0;
126 .minicolors-slider-saturation .minicolors-slider {
127 background-position: -60px 0;
130 .minicolors-slider-brightness .minicolors-slider {
131 background-position: -20px 0;
134 .minicolors-slider-wheel .minicolors-slider {
135 background-position: -20px 0;
138 .minicolors-opacity-slider {
140 background-position: -40px 0;
144 .minicolors-with-opacity .minicolors-opacity-slider {
149 .minicolors-grid .minicolors-picker {
155 border: solid 1px black;
162 .minicolors-grid .minicolors-picker > div {
169 border: solid 2px white;
170 box-sizing: content-box;
180 border: solid 1px black;
182 box-sizing: content-box;
186 .minicolors-swatches,
187 .minicolors-swatches li {
188 margin: 5px 0 3px 5px;
194 .minicolors-swatches .minicolors-swatch {
201 .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
205 .minicolors-swatch.selected {
209 /* Inline controls */
211 display: inline-block;
214 .minicolors-inline .minicolors-input {
215 display: none !important;
218 .minicolors-inline .minicolors-panel {
224 display: inline-block;
228 .minicolors-theme-default .minicolors-swatch {
234 .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
241 .minicolors-theme-default.minicolors-position-right .minicolors-swatch {
245 .minicolors-theme-default.minicolors {
247 display: inline-block;
249 .minicolors-theme-default .minicolors-input {
252 display: inline-block;
255 .minicolors-theme-default.minicolors-position-right .minicolors-input {
257 padding-left: inherit;
260 /* Bootstrap theme */
261 .minicolors-theme-bootstrap .minicolors-swatch {
269 .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
276 .minicolors-theme-bootstrap .minicolors-swatch-color {
277 border-radius: inherit;
279 .minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
283 .minicolors-theme-bootstrap .minicolors-input {
287 .minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
291 .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
298 .minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
302 .minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
306 .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
307 border-top-left-radius: 0;
308 border-bottom-left-radius: 0;
311 /* Semantic Ui theme */
312 .minicolors-theme-semanticui .minicolors-swatch {
317 .minicolors-theme-semanticui input {