2 * Very simple jQuery Color Picker
3 * https://github.com/tkrotoff/jquery-simplecolorpicker
5 * Copyright (C) 2012-2013 Tanguy Krotoff <tkrotoff@gmail.com>
7 * Licensed under the MIT license
11 * Inspired by Bootstrap Twitter.
12 * See https://github.com/twbs/bootstrap/blob/master/less/navbar.less
13 * See https://github.com/twbs/bootstrap/blob/master/less/dropdowns.less
16 .simplecolorpicker.picker {
20 z-index: 1051; /* Above Bootstrap modal (@zindex-modal = 1050) */
25 max-width: 283px; /* @popover-max-width = 276px + 7 */
30 background-color: #fff; /* @dropdown-bg */
32 border: 1px solid #ccc; /* @dropdown-fallback-border */
33 border: 1px solid rgba(0, 0, 0, .15); /* @dropdown-border */
35 -webkit-border-radius: 4px; /* @border-radius-base */
36 -moz-border-radius: 4px;
39 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
40 -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
41 box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
43 -webkit-background-clip: padding-box;
44 -moz-background-clip: padding;
45 background-clip: padding-box;
48 .simplecolorpicker.inline {
49 display: inline-block;
53 .simplecolorpicker span {
57 .simplecolorpicker.icon,
58 .simplecolorpicker span.color {
59 display: inline-block;
62 border: 1px solid transparent;
65 .simplecolorpicker.icon:after,
66 .simplecolorpicker span.color:after {
67 content: '\00a0\00a0\00a0\00a0'; /* Spaces */
70 .simplecolorpicker span.color[data-disabled]:hover {
72 border: 1px solid transparent;
75 .simplecolorpicker span.color:hover,
76 .simplecolorpicker span.color[data-selected],
77 .simplecolorpicker span.color[data-selected]:hover {
78 border: 1px solid #222; /* @gray-dark */
80 .simplecolorpicker span.color[data-selected]:after {
84 /* Vertical separator, replaces optgroup. */
85 .simplecolorpicker span.vr {
86 border-left: 1px solid #222; /* @gray-dark */