0000: 2f 2a 21 0a 20 2a 20 42 6f 6f 74 73 74 72 61 70 /*!. * Bootstrap
0010: 20 43 6f 6c 6f 72 70 69 63 6b 65 72 20 2d 20 42 Colorpicker - B
0020: 6f 6f 74 73 74 72 61 70 20 43 6f 6c 6f 72 70 69 ootstrap Colorpi
0030: 63 6b 65 72 20 69 73 20 61 20 6d 6f 64 75 6c 61 cker is a modula
0040: 72 20 63 6f 6c 6f 72 20 70 69 63 6b 65 72 20 70 r color picker p
0050: 6c 75 67 69 6e 20 66 6f 72 20 42 6f 6f 74 73 74 lugin for Bootst
0060: 72 61 70 20 34 2e 0a 20 2a 20 40 70 61 63 6b 61 rap 4.. * @packa
0070: 67 65 20 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c ge bootstrap-col
0080: 6f 72 70 69 63 6b 65 72 0a 20 2a 20 40 76 65 72 orpicker. * @ver
0090: 73 69 6f 6e 20 76 33 2e 31 2e 32 0a 20 2a 20 40 sion v3.1.2. * @
00a0: 6c 69 63 65 6e 73 65 20 4d 49 54 0a 20 2a 20 40 license MIT. * @
00b0: 6c 69 6e 6b 20 68 74 74 70 73 3a 2f 2f 66 61 72 link https://far
00c0: 62 65 6c 6f 75 73 2e 67 69 74 68 75 62 2e 69 6f belous.github.io
00d0: 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 /bootstrap-color
00e0: 70 69 63 6b 65 72 2f 0a 20 2a 20 40 6c 69 6e 6b picker/. * @link
00f0: 20 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 62 2e https://github.
0100: 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f 62 6f com/farbelous/bo
0110: 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70 69 63 otstrap-colorpic
0120: 6b 65 72 2e 67 69 74 0a 20 2a 2f 0a 2e 63 6f 6c ker.git. */..col
0130: 6f 72 70 69 63 6b 65 72 20 7b 0a 20 20 70 6f 73 orpicker {. pos
0140: 69 74 69 6f 6e 3a 20 72 65 6c 61 74 69 76 65 3b ition: relative;
0150: 0a 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e 65 . display: none
0160: 3b 0a 20 20 66 6f 6e 74 2d 73 69 7a 65 3a 20 69 ;. font-size: i
0170: 6e 68 65 72 69 74 3b 0a 20 20 63 6f 6c 6f 72 3a nherit;. color:
0180: 20 69 6e 68 65 72 69 74 3b 0a 20 20 74 65 78 74 inherit;. text
0190: 2d 61 6c 69 67 6e 3a 20 6c 65 66 74 3b 0a 20 20 -align: left;.
01a0: 6c 69 73 74 2d 73 74 79 6c 65 3a 20 6e 6f 6e 65 list-style: none
01b0: 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 ;. background-c
01c0: 6f 6c 6f 72 3a 20 23 66 66 66 66 66 66 3b 0a 20 olor: #ffffff;.
01d0: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 63 6c 69 70 background-clip
01e0: 3a 20 70 61 64 64 69 6e 67 2d 62 6f 78 3b 0a 20 : padding-box;.
01f0: 20 62 6f 72 64 65 72 3a 20 31 70 78 20 73 6f 6c border: 1px sol
0200: 69 64 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c id rgba(0, 0, 0,
0210: 20 30 2e 32 29 3b 0a 20 20 70 61 64 64 69 6e 67 0.2);. padding
0220: 3a 20 2e 37 35 72 65 6d 20 2e 37 35 72 65 6d 3b : .75rem .75rem;
0230: 0a 20 20 77 69 64 74 68 3a 20 31 34 38 70 78 3b . width: 148px;
0240: 0a 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 . border-radius
0250: 3a 20 34 70 78 3b 0a 20 20 2d 77 65 62 6b 69 74 : 4px;. -webkit
0260: 2d 62 6f 78 2d 73 69 7a 69 6e 67 3a 20 63 6f 6e -box-sizing: con
0270: 74 65 6e 74 2d 62 6f 78 3b 0a 20 20 20 20 20 20 tent-box;.
0280: 20 20 20 20 62 6f 78 2d 73 69 7a 69 6e 67 3a 20 box-sizing:
0290: 63 6f 6e 74 65 6e 74 2d 62 6f 78 3b 20 7d 0a 0a content-box; }..
02a0: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c .colorpicker.col
02b0: 6f 72 70 69 63 6b 65 72 2d 64 69 73 61 62 6c 65 orpicker-disable
02c0: 64 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e d,..colorpicker.
02d0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 64 69 73 61 colorpicker-disa
02e0: 62 6c 65 64 20 2a 20 7b 0a 20 20 63 75 72 73 6f bled * {. curso
02f0: 72 3a 20 64 65 66 61 75 6c 74 20 21 69 6d 70 6f r: default !impo
0300: 72 74 61 6e 74 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 rtant; }...color
0310: 70 69 63 6b 65 72 20 64 69 76 20 7b 0a 20 20 70 picker div {. p
0320: 6f 73 69 74 69 6f 6e 3a 20 72 65 6c 61 74 69 76 osition: relativ
0330: 65 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b e; }...colorpick
0340: 65 72 2d 70 6f 70 75 70 20 7b 0a 20 20 70 6f 73 er-popup {. pos
0350: 69 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 3b ition: absolute;
0360: 0a 20 20 74 6f 70 3a 20 31 30 30 25 3b 0a 20 20 . top: 100%;.
0370: 6c 65 66 74 3a 20 30 3b 0a 20 20 66 6c 6f 61 74 left: 0;. float
0380: 3a 20 6c 65 66 74 3b 0a 20 20 6d 61 72 67 69 6e : left;. margin
0390: 2d 74 6f 70 3a 20 31 70 78 3b 0a 20 20 7a 2d 69 -top: 1px;. z-i
03a0: 6e 64 65 78 3a 20 31 30 36 30 3b 20 7d 0a 0a 2e ndex: 1060; }...
03b0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 70 6f 70 75 colorpicker-popu
03c0: 70 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 62 73 p.colorpicker-bs
03d0: 2d 70 6f 70 6f 76 65 72 2d 63 6f 6e 74 65 6e 74 -popover-content
03e0: 20 7b 0a 20 20 70 6f 73 69 74 69 6f 6e 3a 20 72 {. position: r
03f0: 65 6c 61 74 69 76 65 3b 0a 20 20 74 6f 70 3a 20 elative;. top:
0400: 61 75 74 6f 3b 0a 20 20 6c 65 66 74 3a 20 61 75 auto;. left: au
0410: 74 6f 3b 0a 20 20 66 6c 6f 61 74 3a 20 6e 6f 6e to;. float: non
0420: 65 3b 0a 20 20 6d 61 72 67 69 6e 3a 20 30 3b 0a e;. margin: 0;.
0430: 20 20 7a 2d 69 6e 64 65 78 3a 20 69 6e 69 74 69 z-index: initi
0440: 61 6c 3b 0a 20 20 62 6f 72 64 65 72 3a 20 6e 6f al;. border: no
0450: 6e 65 3b 0a 20 20 70 61 64 64 69 6e 67 3a 20 30 ne;. padding: 0
0460: 2e 32 35 72 65 6d 20 30 3b 0a 20 20 62 6f 72 64 .25rem 0;. bord
0470: 65 72 2d 72 61 64 69 75 73 3a 20 30 3b 0a 20 20 er-radius: 0;.
0480: 62 61 63 6b 67 72 6f 75 6e 64 3a 20 6e 6f 6e 65 background: none
0490: 3b 0a 20 20 2d 77 65 62 6b 69 74 2d 62 6f 78 2d ;. -webkit-box-
04a0: 73 68 61 64 6f 77 3a 20 6e 6f 6e 65 3b 0a 20 20 shadow: none;.
04b0: 20 20 20 20 20 20 20 20 62 6f 78 2d 73 68 61 64 box-shad
04c0: 6f 77 3a 20 6e 6f 6e 65 3b 20 7d 0a 0a 2e 63 6f ow: none; }...co
04d0: 6c 6f 72 70 69 63 6b 65 72 3a 62 65 66 6f 72 65 lorpicker:before
04e0: 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 3a 61 ,..colorpicker:a
04f0: 66 74 65 72 20 7b 0a 20 20 63 6f 6e 74 65 6e 74 fter {. content
0500: 3a 20 22 22 3b 0a 20 20 64 69 73 70 6c 61 79 3a : "";. display:
0510: 20 74 61 62 6c 65 3b 0a 20 20 63 6c 65 61 72 3a table;. clear:
0520: 20 62 6f 74 68 3b 0a 20 20 6c 69 6e 65 2d 68 65 both;. line-he
0530: 69 67 68 74 3a 20 30 3b 20 7d 0a 0a 2e 63 6f 6c ight: 0; }...col
0540: 6f 72 70 69 63 6b 65 72 2d 63 6c 65 61 72 20 7b orpicker-clear {
0550: 0a 20 20 63 6c 65 61 72 3a 20 62 6f 74 68 3b 0a . clear: both;.
0560: 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f 63 6b display: block
0570: 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 ; }...colorpicke
0580: 72 3a 62 65 66 6f 72 65 20 7b 0a 20 20 63 6f 6e r:before {. con
0590: 74 65 6e 74 3a 20 27 27 3b 0a 20 20 64 69 73 70 tent: '';. disp
05a0: 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 lay: inline-bloc
05b0: 6b 3b 0a 20 20 62 6f 72 64 65 72 2d 6c 65 66 74 k;. border-left
05c0: 3a 20 37 70 78 20 73 6f 6c 69 64 20 74 72 61 6e : 7px solid tran
05d0: 73 70 61 72 65 6e 74 3b 0a 20 20 62 6f 72 64 65 sparent;. borde
05e0: 72 2d 72 69 67 68 74 3a 20 37 70 78 20 73 6f 6c r-right: 7px sol
05f0: 69 64 20 74 72 61 6e 73 70 61 72 65 6e 74 3b 0a id transparent;.
0600: 20 20 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d 3a border-bottom:
0610: 20 37 70 78 20 73 6f 6c 69 64 20 23 63 63 63 3b 7px solid #ccc;
0620: 0a 20 20 62 6f 72 64 65 72 2d 62 6f 74 74 6f 6d . border-bottom
0630: 2d 63 6f 6c 6f 72 3a 20 72 67 62 61 28 30 2c 20 -color: rgba(0,
0640: 30 2c 20 30 2c 20 30 2e 32 29 3b 0a 20 20 70 6f 0, 0, 0.2);. po
0650: 73 69 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 sition: absolute
0660: 3b 0a 20 20 74 6f 70 3a 20 2d 37 70 78 3b 0a 20 ;. top: -7px;.
0670: 20 6c 65 66 74 3a 20 61 75 74 6f 3b 0a 20 20 72 left: auto;. r
0680: 69 67 68 74 3a 20 36 70 78 3b 20 7d 0a 0a 2e 63 ight: 6px; }...c
0690: 6f 6c 6f 72 70 69 63 6b 65 72 3a 61 66 74 65 72 olorpicker:after
06a0: 20 7b 0a 20 20 63 6f 6e 74 65 6e 74 3a 20 27 27 {. content: ''
06b0: 3b 0a 20 20 64 69 73 70 6c 61 79 3a 20 69 6e 6c ;. display: inl
06c0: 69 6e 65 2d 62 6c 6f 63 6b 3b 0a 20 20 62 6f 72 ine-block;. bor
06d0: 64 65 72 2d 6c 65 66 74 3a 20 36 70 78 20 73 6f der-left: 6px so
06e0: 6c 69 64 20 74 72 61 6e 73 70 61 72 65 6e 74 3b lid transparent;
06f0: 0a 20 20 62 6f 72 64 65 72 2d 72 69 67 68 74 3a . border-right:
0700: 20 36 70 78 20 73 6f 6c 69 64 20 74 72 61 6e 73 6px solid trans
0710: 70 61 72 65 6e 74 3b 0a 20 20 62 6f 72 64 65 72 parent;. border
0720: 2d 62 6f 74 74 6f 6d 3a 20 36 70 78 20 73 6f 6c -bottom: 6px sol
0730: 69 64 20 23 66 66 66 66 66 66 3b 0a 20 20 70 6f id #ffffff;. po
0740: 73 69 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 sition: absolute
0750: 3b 0a 20 20 74 6f 70 3a 20 2d 36 70 78 3b 0a 20 ;. top: -6px;.
0760: 20 6c 65 66 74 3a 20 61 75 74 6f 3b 0a 20 20 72 left: auto;. r
0770: 69 67 68 74 3a 20 37 70 78 3b 20 7d 0a 0a 2e 63 ight: 7px; }...c
0780: 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 olorpicker.color
0790: 70 69 63 6b 65 72 2d 77 69 74 68 2d 61 6c 70 68 picker-with-alph
07a0: 61 20 7b 0a 20 20 77 69 64 74 68 3a 20 31 37 30 a {. width: 170
07b0: 70 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 px; }...colorpic
07c0: 6b 65 72 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d ker.colorpicker-
07d0: 77 69 74 68 2d 61 6c 70 68 61 20 2e 63 6f 6c 6f with-alpha .colo
07e0: 72 70 69 63 6b 65 72 2d 61 6c 70 68 61 20 7b 0a rpicker-alpha {.
07f0: 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f 63 6b display: block
0800: 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 ; }...colorpicke
0810: 72 2d 73 61 74 75 72 61 74 69 6f 6e 20 7b 0a 20 r-saturation {.
0820: 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65 6c 61 74 position: relat
0830: 69 76 65 3b 0a 20 20 77 69 64 74 68 3a 20 31 32 ive;. width: 12
0840: 36 70 78 3b 0a 20 20 68 65 69 67 68 74 3a 20 31 6px;. height: 1
0850: 32 36 70 78 3b 0a 20 20 2f 2a 20 46 46 33 2e 36 26px;. /* FF3.6
0860: 2b 20 2a 2f 0a 20 20 2f 2a 20 43 68 72 6f 6d 65 + */. /* Chrome
0870: 2c 53 61 66 61 72 69 34 2b 20 2a 2f 0a 20 20 2f ,Safari4+ */. /
0880: 2a 20 43 68 72 6f 6d 65 31 30 2b 2c 53 61 66 61 * Chrome10+,Safa
0890: 72 69 35 2e 31 2b 20 2a 2f 0a 20 20 2f 2a 20 4f ri5.1+ */. /* O
08a0: 70 65 72 61 20 31 31 2e 31 30 2b 20 2a 2f 0a 20 pera 11.10+ */.
08b0: 20 2f 2a 20 49 45 31 30 2b 20 2a 2f 0a 20 20 62 /* IE10+ */. b
08c0: 61 63 6b 67 72 6f 75 6e 64 3a 20 2d 77 65 62 6b ackground: -webk
08d0: 69 74 2d 67 72 61 64 69 65 6e 74 28 6c 69 6e 65 it-gradient(line
08e0: 61 72 2c 20 6c 65 66 74 20 74 6f 70 2c 20 6c 65 ar, left top, le
08f0: 66 74 20 62 6f 74 74 6f 6d 2c 20 66 72 6f 6d 28 ft bottom, from(
0900: 74 72 61 6e 73 70 61 72 65 6e 74 29 2c 20 74 6f transparent), to
0910: 28 62 6c 61 63 6b 29 29 2c 20 2d 77 65 62 6b 69 (black)), -webki
0920: 74 2d 67 72 61 64 69 65 6e 74 28 6c 69 6e 65 61 t-gradient(linea
0930: 72 2c 20 6c 65 66 74 20 74 6f 70 2c 20 72 69 67 r, left top, rig
0940: 68 74 20 74 6f 70 2c 20 66 72 6f 6d 28 77 68 69 ht top, from(whi
0950: 74 65 29 2c 20 74 6f 28 72 67 62 61 28 32 35 35 te), to(rgba(255
0960: 2c 20 32 35 35 2c 20 32 35 35 2c 20 30 29 29 29 , 255, 255, 0)))
0970: 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 ;. background:
0980: 6c 69 6e 65 61 72 2d 67 72 61 64 69 65 6e 74 28 linear-gradient(
0990: 74 6f 20 62 6f 74 74 6f 6d 2c 20 74 72 61 6e 73 to bottom, trans
09a0: 70 61 72 65 6e 74 20 30 25 2c 20 62 6c 61 63 6b parent 0%, black
09b0: 20 31 30 30 25 29 2c 20 6c 69 6e 65 61 72 2d 67 100%), linear-g
09c0: 72 61 64 69 65 6e 74 28 74 6f 20 72 69 67 68 74 radient(to right
09d0: 2c 20 77 68 69 74 65 20 30 25 2c 20 72 67 62 61 , white 0%, rgba
09e0: 28 32 35 35 2c 20 32 35 35 2c 20 32 35 35 2c 20 (255, 255, 255,
09f0: 30 29 20 31 30 30 25 29 3b 0a 20 20 2f 2a 20 57 0) 100%);. /* W
0a00: 33 43 20 2a 2f 0a 20 20 63 75 72 73 6f 72 3a 20 3C */. cursor:
0a10: 63 72 6f 73 73 68 61 69 72 3b 0a 20 20 66 6c 6f crosshair;. flo
0a20: 61 74 3a 20 6c 65 66 74 3b 0a 20 20 2d 77 65 62 at: left;. -web
0a30: 6b 69 74 2d 62 6f 78 2d 73 68 61 64 6f 77 3a 20 kit-box-shadow:
0a40: 30 20 30 20 30 20 31 70 78 20 72 67 62 61 28 30 0 0 0 1px rgba(0
0a50: 2c 20 30 2c 20 30 2c 20 30 2e 32 29 3b 0a 20 20 , 0, 0, 0.2);.
0a60: 20 20 20 20 20 20 20 20 62 6f 78 2d 73 68 61 64 box-shad
0a70: 6f 77 3a 20 30 20 30 20 30 20 31 70 78 20 72 67 ow: 0 0 0 1px rg
0a80: 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e 32 29 ba(0, 0, 0, 0.2)
0a90: 3b 0a 20 20 6d 61 72 67 69 6e 2d 62 6f 74 74 6f ;. margin-botto
0aa0: 6d 3a 20 36 70 78 3b 20 7d 0a 20 20 2e 63 6f 6c m: 6px; }. .col
0ab0: 6f 72 70 69 63 6b 65 72 2d 73 61 74 75 72 61 74 orpicker-saturat
0ac0: 69 6f 6e 20 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 ion .colorpicker
0ad0: 2d 67 75 69 64 65 20 7b 0a 20 20 20 20 64 69 73 -guide {. dis
0ae0: 70 6c 61 79 3a 20 62 6c 6f 63 6b 3b 0a 20 20 20 play: block;.
0af0: 20 68 65 69 67 68 74 3a 20 36 70 78 3b 0a 20 20 height: 6px;.
0b00: 20 20 77 69 64 74 68 3a 20 36 70 78 3b 0a 20 20 width: 6px;.
0b10: 20 20 62 6f 72 64 65 72 2d 72 61 64 69 75 73 3a border-radius:
0b20: 20 36 70 78 3b 0a 20 20 20 20 62 6f 72 64 65 72 6px;. border
0b30: 3a 20 31 70 78 20 73 6f 6c 69 64 20 23 30 30 30 : 1px solid #000
0b40: 3b 0a 20 20 20 20 2d 77 65 62 6b 69 74 2d 62 6f ;. -webkit-bo
0b50: 78 2d 73 68 61 64 6f 77 3a 20 30 20 30 20 30 20 x-shadow: 0 0 0
0b60: 31 70 78 20 72 67 62 61 28 32 35 35 2c 20 32 35 1px rgba(255, 25
0b70: 35 2c 20 32 35 35 2c 20 30 2e 38 29 3b 0a 20 20 5, 255, 0.8);.
0b80: 20 20 20 20 20 20 20 20 20 20 62 6f 78 2d 73 68 box-sh
0b90: 61 64 6f 77 3a 20 30 20 30 20 30 20 31 70 78 20 adow: 0 0 0 1px
0ba0: 72 67 62 61 28 32 35 35 2c 20 32 35 35 2c 20 32 rgba(255, 255, 2
0bb0: 35 35 2c 20 30 2e 38 29 3b 0a 20 20 20 20 70 6f 55, 0.8);. po
0bc0: 73 69 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 sition: absolute
0bd0: 3b 0a 20 20 20 20 74 6f 70 3a 20 30 3b 0a 20 20 ;. top: 0;.
0be0: 20 20 6c 65 66 74 3a 20 30 3b 0a 20 20 20 20 6d left: 0;. m
0bf0: 61 72 67 69 6e 3a 20 2d 33 70 78 20 30 20 30 20 argin: -3px 0 0
0c00: 2d 33 70 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 -3px; }...colorp
0c10: 69 63 6b 65 72 2d 68 75 65 2c 0a 2e 63 6f 6c 6f icker-hue,..colo
0c20: 72 70 69 63 6b 65 72 2d 61 6c 70 68 61 20 7b 0a rpicker-alpha {.
0c30: 20 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65 6c 61 position: rela
0c40: 74 69 76 65 3b 0a 20 20 77 69 64 74 68 3a 20 31 tive;. width: 1
0c50: 36 70 78 3b 0a 20 20 68 65 69 67 68 74 3a 20 31 6px;. height: 1
0c60: 32 36 70 78 3b 0a 20 20 66 6c 6f 61 74 3a 20 6c 26px;. float: l
0c70: 65 66 74 3b 0a 20 20 63 75 72 73 6f 72 3a 20 72 eft;. cursor: r
0c80: 6f 77 2d 72 65 73 69 7a 65 3b 0a 20 20 6d 61 72 ow-resize;. mar
0c90: 67 69 6e 2d 6c 65 66 74 3a 20 36 70 78 3b 0a 20 gin-left: 6px;.
0ca0: 20 6d 61 72 67 69 6e 2d 62 6f 74 74 6f 6d 3a 20 margin-bottom:
0cb0: 36 70 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 6px; }...colorpi
0cc0: 63 6b 65 72 2d 61 6c 70 68 61 2d 63 6f 6c 6f 72 cker-alpha-color
0cd0: 20 7b 0a 20 20 70 6f 73 69 74 69 6f 6e 3a 20 61 {. position: a
0ce0: 62 73 6f 6c 75 74 65 3b 0a 20 20 74 6f 70 3a 20 bsolute;. top:
0cf0: 30 3b 0a 20 20 6c 65 66 74 3a 20 30 3b 0a 20 20 0;. left: 0;.
0d00: 77 69 64 74 68 3a 20 31 30 30 25 3b 0a 20 20 68 width: 100%;. h
0d10: 65 69 67 68 74 3a 20 31 30 30 25 3b 20 7d 0a 0a eight: 100%; }..
0d20: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 75 65 .colorpicker-hue
0d30: 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 61 ,..colorpicker-a
0d40: 6c 70 68 61 2d 63 6f 6c 6f 72 20 7b 0a 20 20 2d lpha-color {. -
0d50: 77 65 62 6b 69 74 2d 62 6f 78 2d 73 68 61 64 6f webkit-box-shado
0d60: 77 3a 20 30 20 30 20 30 20 31 70 78 20 72 67 62 w: 0 0 0 1px rgb
0d70: 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e 32 29 3b a(0, 0, 0, 0.2);
0d80: 0a 20 20 20 20 20 20 20 20 20 20 62 6f 78 2d 73 . box-s
0d90: 68 61 64 6f 77 3a 20 30 20 30 20 30 20 31 70 78 hadow: 0 0 0 1px
0da0: 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 rgba(0, 0, 0, 0
0db0: 2e 32 29 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 .2); }...colorpi
0dc0: 63 6b 65 72 2d 68 75 65 20 2e 63 6f 6c 6f 72 70 cker-hue .colorp
0dd0: 69 63 6b 65 72 2d 67 75 69 64 65 2c 0a 2e 63 6f icker-guide,..co
0de0: 6c 6f 72 70 69 63 6b 65 72 2d 61 6c 70 68 61 20 lorpicker-alpha
0df0: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 67 75 69 .colorpicker-gui
0e00: 64 65 20 7b 0a 20 20 64 69 73 70 6c 61 79 3a 20 de {. display:
0e10: 62 6c 6f 63 6b 3b 0a 20 20 68 65 69 67 68 74 3a block;. height:
0e20: 20 34 70 78 3b 0a 20 20 62 61 63 6b 67 72 6f 75 4px;. backgrou
0e30: 6e 64 3a 20 72 67 62 61 28 32 35 35 2c 20 32 35 nd: rgba(255, 25
0e40: 35 2c 20 32 35 35 2c 20 30 2e 38 29 3b 0a 20 20 5, 255, 0.8);.
0e50: 62 6f 72 64 65 72 3a 20 31 70 78 20 73 6f 6c 69 border: 1px soli
0e60: 64 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 d rgba(0, 0, 0,
0e70: 30 2e 34 29 3b 0a 20 20 70 6f 73 69 74 69 6f 6e 0.4);. position
0e80: 3a 20 61 62 73 6f 6c 75 74 65 3b 0a 20 20 74 6f : absolute;. to
0e90: 70 3a 20 30 3b 0a 20 20 6c 65 66 74 3a 20 30 3b p: 0;. left: 0;
0ea0: 0a 20 20 6d 61 72 67 69 6e 2d 6c 65 66 74 3a 20 . margin-left:
0eb0: 2d 32 70 78 3b 0a 20 20 6d 61 72 67 69 6e 2d 74 -2px;. margin-t
0ec0: 6f 70 3a 20 2d 32 70 78 3b 0a 20 20 72 69 67 68 op: -2px;. righ
0ed0: 74 3a 20 2d 32 70 78 3b 0a 20 20 7a 2d 69 6e 64 t: -2px;. z-ind
0ee0: 65 78 3a 20 31 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 ex: 1; }...color
0ef0: 70 69 63 6b 65 72 2d 68 75 65 20 7b 0a 20 20 2f picker-hue {. /
0f00: 2a 20 46 46 33 2e 36 2b 20 2a 2f 0a 20 20 2f 2a * FF3.6+ */. /*
0f10: 20 43 68 72 6f 6d 65 2c 53 61 66 61 72 69 34 2b Chrome,Safari4+
0f20: 20 2a 2f 0a 20 20 2f 2a 20 43 68 72 6f 6d 65 31 */. /* Chrome1
0f30: 30 2b 2c 53 61 66 61 72 69 35 2e 31 2b 20 2a 2f 0+,Safari5.1+ */
0f40: 0a 20 20 2f 2a 20 4f 70 65 72 61 20 31 31 2e 31 . /* Opera 11.1
0f50: 30 2b 20 2a 2f 0a 20 20 2f 2a 20 49 45 31 30 2b 0+ */. /* IE10+
0f60: 20 2a 2f 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64 */. background
0f70: 3a 20 2d 77 65 62 6b 69 74 2d 67 72 61 64 69 65 : -webkit-gradie
0f80: 6e 74 28 6c 69 6e 65 61 72 2c 20 6c 65 66 74 20 nt(linear, left
0f90: 62 6f 74 74 6f 6d 2c 20 6c 65 66 74 20 74 6f 70 bottom, left top
0fa0: 2c 20 66 72 6f 6d 28 72 65 64 29 2c 20 63 6f 6c , from(red), col
0fb0: 6f 72 2d 73 74 6f 70 28 38 25 2c 20 23 66 66 38 or-stop(8%, #ff8
0fc0: 30 30 30 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 000), color-stop
0fd0: 28 31 37 25 2c 20 79 65 6c 6c 6f 77 29 2c 20 63 (17%, yellow), c
0fe0: 6f 6c 6f 72 2d 73 74 6f 70 28 32 35 25 2c 20 23 olor-stop(25%, #
0ff0: 38 30 66 66 30 30 29 2c 20 63 6f 6c 6f 72 2d 73 80ff00), color-s
1000: 74 6f 70 28 33 33 25 2c 20 6c 69 6d 65 29 2c 20 top(33%, lime),
1010: 63 6f 6c 6f 72 2d 73 74 6f 70 28 34 32 25 2c 20 color-stop(42%,
1020: 23 30 30 66 66 38 30 29 2c 20 63 6f 6c 6f 72 2d #00ff80), color-
1030: 73 74 6f 70 28 35 30 25 2c 20 63 79 61 6e 29 2c stop(50%, cyan),
1040: 20 63 6f 6c 6f 72 2d 73 74 6f 70 28 35 38 25 2c color-stop(58%,
1050: 20 23 30 30 38 30 66 66 29 2c 20 63 6f 6c 6f 72 #0080ff), color
1060: 2d 73 74 6f 70 28 36 37 25 2c 20 62 6c 75 65 29 -stop(67%, blue)
1070: 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 28 37 35 25 , color-stop(75%
1080: 2c 20 23 38 30 30 30 66 66 29 2c 20 63 6f 6c 6f , #8000ff), colo
1090: 72 2d 73 74 6f 70 28 38 33 25 2c 20 6d 61 67 65 r-stop(83%, mage
10a0: 6e 74 61 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 nta), color-stop
10b0: 28 39 32 25 2c 20 23 66 66 30 30 38 30 29 2c 20 (92%, #ff0080),
10c0: 74 6f 28 72 65 64 29 29 3b 0a 20 20 62 61 63 6b to(red));. back
10d0: 67 72 6f 75 6e 64 3a 20 6c 69 6e 65 61 72 2d 67 ground: linear-g
10e0: 72 61 64 69 65 6e 74 28 74 6f 20 74 6f 70 2c 20 radient(to top,
10f0: 72 65 64 20 30 25 2c 20 23 66 66 38 30 30 30 20 red 0%, #ff8000
1100: 38 25 2c 20 79 65 6c 6c 6f 77 20 31 37 25 2c 20 8%, yellow 17%,
1110: 23 38 30 66 66 30 30 20 32 35 25 2c 20 6c 69 6d #80ff00 25%, lim
1120: 65 20 33 33 25 2c 20 23 30 30 66 66 38 30 20 34 e 33%, #00ff80 4
1130: 32 25 2c 20 63 79 61 6e 20 35 30 25 2c 20 23 30 2%, cyan 50%, #0
1140: 30 38 30 66 66 20 35 38 25 2c 20 62 6c 75 65 20 080ff 58%, blue
1150: 36 37 25 2c 20 23 38 30 30 30 66 66 20 37 35 25 67%, #8000ff 75%
1160: 2c 20 6d 61 67 65 6e 74 61 20 38 33 25 2c 20 23 , magenta 83%, #
1170: 66 66 30 30 38 30 20 39 32 25 2c 20 72 65 64 20 ff0080 92%, red
1180: 31 30 30 25 29 3b 0a 20 20 2f 2a 20 57 33 43 20 100%);. /* W3C
1190: 2a 2f 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b */ }...colorpick
11a0: 65 72 2d 61 6c 70 68 61 20 7b 0a 20 20 62 61 63 er-alpha {. bac
11b0: 6b 67 72 6f 75 6e 64 3a 20 6c 69 6e 65 61 72 2d kground: linear-
11c0: 67 72 61 64 69 65 6e 74 28 34 35 64 65 67 2c 20 gradient(45deg,
11d0: 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e rgba(0, 0, 0, 0.
11e0: 31 29 20 32 35 25 2c 20 74 72 61 6e 73 70 61 72 1) 25%, transpar
11f0: 65 6e 74 20 32 35 25 2c 20 74 72 61 6e 73 70 61 ent 25%, transpa
1200: 72 65 6e 74 20 37 35 25 2c 20 72 67 62 61 28 30 rent 75%, rgba(0
1210: 2c 20 30 2c 20 30 2c 20 30 2e 31 29 20 37 35 25 , 0, 0, 0.1) 75%
1220: 2c 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 , rgba(0, 0, 0,
1230: 30 2e 31 29 20 30 29 2c 20 6c 69 6e 65 61 72 2d 0.1) 0), linear-
1240: 67 72 61 64 69 65 6e 74 28 34 35 64 65 67 2c 20 gradient(45deg,
1250: 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e rgba(0, 0, 0, 0.
1260: 31 29 20 32 35 25 2c 20 74 72 61 6e 73 70 61 72 1) 25%, transpar
1270: 65 6e 74 20 32 35 25 2c 20 74 72 61 6e 73 70 61 ent 25%, transpa
1280: 72 65 6e 74 20 37 35 25 2c 20 72 67 62 61 28 30 rent 75%, rgba(0
1290: 2c 20 30 2c 20 30 2c 20 30 2e 31 29 20 37 35 25 , 0, 0, 0.1) 75%
12a0: 2c 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 , rgba(0, 0, 0,
12b0: 30 2e 31 29 20 30 29 2c 20 77 68 69 74 65 3b 0a 0.1) 0), white;.
12c0: 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d 73 69 7a background-siz
12d0: 65 3a 20 31 30 70 78 20 31 30 70 78 3b 0a 20 20 e: 10px 10px;.
12e0: 62 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 background-posit
12f0: 69 6f 6e 3a 20 30 20 30 2c 20 35 70 78 20 35 70 ion: 0 0, 5px 5p
1300: 78 3b 0a 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f x;. display: no
1310: 6e 65 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 ne; }...colorpic
1320: 6b 65 72 2d 62 61 72 20 7b 0a 20 20 6d 69 6e 2d ker-bar {. min-
1330: 68 65 69 67 68 74 3a 20 31 36 70 78 3b 0a 20 20 height: 16px;.
1340: 6d 61 72 67 69 6e 3a 20 36 70 78 20 30 20 30 20 margin: 6px 0 0
1350: 30 3b 0a 20 20 63 6c 65 61 72 3a 20 62 6f 74 68 0;. clear: both
1360: 3b 0a 20 20 74 65 78 74 2d 61 6c 69 67 6e 3a 20 ;. text-align:
1370: 63 65 6e 74 65 72 3b 0a 20 20 66 6f 6e 74 2d 73 center;. font-s
1380: 69 7a 65 3a 20 31 30 70 78 3b 0a 20 20 6c 69 6e ize: 10px;. lin
1390: 65 2d 68 65 69 67 68 74 3a 20 6e 6f 72 6d 61 6c e-height: normal
13a0: 3b 0a 20 20 6d 61 78 2d 77 69 64 74 68 3a 20 31 ;. max-width: 1
13b0: 30 30 25 3b 0a 20 20 2d 77 65 62 6b 69 74 2d 62 00%;. -webkit-b
13c0: 6f 78 2d 73 68 61 64 6f 77 3a 20 30 20 30 20 30 ox-shadow: 0 0 0
13d0: 20 31 70 78 20 72 67 62 61 28 30 2c 20 30 2c 20 1px rgba(0, 0,
13e0: 30 2c 20 30 2e 32 29 3b 0a 20 20 20 20 20 20 20 0, 0.2);.
13f0: 20 20 20 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30 box-shadow: 0
1400: 20 30 20 30 20 31 70 78 20 72 67 62 61 28 30 2c 0 0 1px rgba(0,
1410: 20 30 2c 20 30 2c 20 30 2e 32 29 3b 20 7d 0a 20 0, 0, 0.2); }.
1420: 20 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 62 61 .colorpicker-ba
1430: 72 3a 62 65 66 6f 72 65 20 7b 0a 20 20 20 20 63 r:before {. c
1440: 6f 6e 74 65 6e 74 3a 20 22 22 3b 0a 20 20 20 20 ontent: "";.
1450: 64 69 73 70 6c 61 79 3a 20 74 61 62 6c 65 3b 0a display: table;.
1460: 20 20 20 20 63 6c 65 61 72 3a 20 62 6f 74 68 3b clear: both;
1470: 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 }...colorpicker
1480: 2d 62 61 72 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 -bar.colorpicker
1490: 2d 62 61 72 2d 68 6f 72 69 7a 6f 6e 74 61 6c 20 -bar-horizontal
14a0: 7b 0a 20 20 68 65 69 67 68 74 3a 20 31 32 36 70 {. height: 126p
14b0: 78 3b 0a 20 20 77 69 64 74 68 3a 20 31 36 70 78 x;. width: 16px
14c0: 3b 0a 20 20 6d 61 72 67 69 6e 3a 20 30 20 30 20 ;. margin: 0 0
14d0: 36 70 78 20 30 3b 0a 20 20 66 6c 6f 61 74 3a 20 6px 0;. float:
14e0: 6c 65 66 74 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 left; }...colorp
14f0: 69 63 6b 65 72 2d 69 6e 70 75 74 2d 61 64 64 6f icker-input-addo
1500: 6e 20 7b 0a 20 20 70 6f 73 69 74 69 6f 6e 3a 20 n {. position:
1510: 72 65 6c 61 74 69 76 65 3b 20 7d 0a 0a 2e 63 6f relative; }...co
1520: 6c 6f 72 70 69 63 6b 65 72 2d 69 6e 70 75 74 2d lorpicker-input-
1530: 61 64 64 6f 6e 20 69 20 7b 0a 20 20 64 69 73 70 addon i {. disp
1540: 6c 61 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 lay: inline-bloc
1550: 6b 3b 0a 20 20 63 75 72 73 6f 72 3a 20 70 6f 69 k;. cursor: poi
1560: 6e 74 65 72 3b 0a 20 20 76 65 72 74 69 63 61 6c nter;. vertical
1570: 2d 61 6c 69 67 6e 3a 20 74 65 78 74 2d 74 6f 70 -align: text-top
1580: 3b 0a 20 20 68 65 69 67 68 74 3a 20 31 36 70 78 ;. height: 16px
1590: 3b 0a 20 20 77 69 64 74 68 3a 20 31 36 70 78 3b ;. width: 16px;
15a0: 0a 20 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65 6c . position: rel
15b0: 61 74 69 76 65 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 ative; }...color
15c0: 70 69 63 6b 65 72 2d 69 6e 70 75 74 2d 61 64 64 picker-input-add
15d0: 6f 6e 3a 62 65 66 6f 72 65 20 7b 0a 20 20 63 6f on:before {. co
15e0: 6e 74 65 6e 74 3a 20 22 22 3b 0a 20 20 70 6f 73 ntent: "";. pos
15f0: 69 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 3b ition: absolute;
1600: 0a 20 20 77 69 64 74 68 3a 20 31 36 70 78 3b 0a . width: 16px;.
1610: 20 20 68 65 69 67 68 74 3a 20 31 36 70 78 3b 0a height: 16px;.
1620: 20 20 64 69 73 70 6c 61 79 3a 20 69 6e 6c 69 6e display: inlin
1630: 65 2d 62 6c 6f 63 6b 3b 0a 20 20 76 65 72 74 69 e-block;. verti
1640: 63 61 6c 2d 61 6c 69 67 6e 3a 20 74 65 78 74 2d cal-align: text-
1650: 74 6f 70 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e top;. backgroun
1660: 64 3a 20 6c 69 6e 65 61 72 2d 67 72 61 64 69 65 d: linear-gradie
1670: 6e 74 28 34 35 64 65 67 2c 20 72 67 62 61 28 30 nt(45deg, rgba(0
1680: 2c 20 30 2c 20 30 2c 20 30 2e 31 29 20 32 35 25 , 0, 0, 0.1) 25%
1690: 2c 20 74 72 61 6e 73 70 61 72 65 6e 74 20 32 35 , transparent 25
16a0: 25 2c 20 74 72 61 6e 73 70 61 72 65 6e 74 20 37 %, transparent 7
16b0: 35 25 2c 20 72 67 62 61 28 30 2c 20 30 2c 20 30 5%, rgba(0, 0, 0
16c0: 2c 20 30 2e 31 29 20 37 35 25 2c 20 72 67 62 61 , 0.1) 75%, rgba
16d0: 28 30 2c 20 30 2c 20 30 2c 20 30 2e 31 29 20 30 (0, 0, 0, 0.1) 0
16e0: 29 2c 20 6c 69 6e 65 61 72 2d 67 72 61 64 69 65 ), linear-gradie
16f0: 6e 74 28 34 35 64 65 67 2c 20 72 67 62 61 28 30 nt(45deg, rgba(0
1700: 2c 20 30 2c 20 30 2c 20 30 2e 31 29 20 32 35 25 , 0, 0, 0.1) 25%
1710: 2c 20 74 72 61 6e 73 70 61 72 65 6e 74 20 32 35 , transparent 25
1720: 25 2c 20 74 72 61 6e 73 70 61 72 65 6e 74 20 37 %, transparent 7
1730: 35 25 2c 20 72 67 62 61 28 30 2c 20 30 2c 20 30 5%, rgba(0, 0, 0
1740: 2c 20 30 2e 31 29 20 37 35 25 2c 20 72 67 62 61 , 0.1) 75%, rgba
1750: 28 30 2c 20 30 2c 20 30 2c 20 30 2e 31 29 20 30 (0, 0, 0, 0.1) 0
1760: 29 2c 20 77 68 69 74 65 3b 0a 20 20 62 61 63 6b ), white;. back
1770: 67 72 6f 75 6e 64 2d 73 69 7a 65 3a 20 31 30 70 ground-size: 10p
1780: 78 20 31 30 70 78 3b 0a 20 20 62 61 63 6b 67 72 x 10px;. backgr
1790: 6f 75 6e 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 ound-position: 0
17a0: 20 30 2c 20 35 70 78 20 35 70 78 3b 20 7d 0a 0a 0, 5px 5px; }..
17b0: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c .colorpicker.col
17c0: 6f 72 70 69 63 6b 65 72 2d 69 6e 6c 69 6e 65 20 orpicker-inline
17d0: 7b 0a 20 20 70 6f 73 69 74 69 6f 6e 3a 20 72 65 {. position: re
17e0: 6c 61 74 69 76 65 3b 0a 20 20 64 69 73 70 6c 61 lative;. displa
17f0: 79 3a 20 69 6e 6c 69 6e 65 2d 62 6c 6f 63 6b 3b y: inline-block;
1800: 0a 20 20 66 6c 6f 61 74 3a 20 6e 6f 6e 65 3b 0a . float: none;.
1810: 20 20 7a 2d 69 6e 64 65 78 3a 20 61 75 74 6f 3b z-index: auto;
1820: 0a 20 20 76 65 72 74 69 63 61 6c 2d 61 6c 69 67 . vertical-alig
1830: 6e 3a 20 74 65 78 74 2d 62 6f 74 74 6f 6d 3b 20 n: text-bottom;
1840: 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e }...colorpicker.
1850: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 6f 72 69 colorpicker-hori
1860: 7a 6f 6e 74 61 6c 20 7b 0a 20 20 77 69 64 74 68 zontal {. width
1870: 3a 20 31 32 36 70 78 3b 0a 20 20 68 65 69 67 68 : 126px;. heigh
1880: 74 3a 20 61 75 74 6f 3b 20 7d 0a 0a 2e 63 6f 6c t: auto; }...col
1890: 6f 72 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 70 69 orpicker.colorpi
18a0: 63 6b 65 72 2d 68 6f 72 69 7a 6f 6e 74 61 6c 20 cker-horizontal
18b0: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 62 61 72 .colorpicker-bar
18c0: 20 7b 0a 20 20 77 69 64 74 68 3a 20 31 32 36 70 {. width: 126p
18d0: 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b x; }...colorpick
18e0: 65 72 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 er.colorpicker-h
18f0: 6f 72 69 7a 6f 6e 74 61 6c 20 2e 63 6f 6c 6f 72 orizontal .color
1900: 70 69 63 6b 65 72 2d 73 61 74 75 72 61 74 69 6f picker-saturatio
1910: 6e 20 7b 0a 20 20 66 6c 6f 61 74 3a 20 6e 6f 6e n {. float: non
1920: 65 3b 0a 20 20 6d 61 72 67 69 6e 2d 62 6f 74 74 e;. margin-bott
1930: 6f 6d 3a 20 30 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 om: 0; }...color
1940: 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 70 69 63 6b picker.colorpick
1950: 65 72 2d 68 6f 72 69 7a 6f 6e 74 61 6c 20 2e 63 er-horizontal .c
1960: 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 75 65 2c 0a olorpicker-hue,.
1970: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c .colorpicker.col
1980: 6f 72 70 69 63 6b 65 72 2d 68 6f 72 69 7a 6f 6e orpicker-horizon
1990: 74 61 6c 20 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 tal .colorpicker
19a0: 2d 61 6c 70 68 61 20 7b 0a 20 20 66 6c 6f 61 74 -alpha {. float
19b0: 3a 20 6e 6f 6e 65 3b 0a 20 20 77 69 64 74 68 3a : none;. width:
19c0: 20 31 32 36 70 78 3b 0a 20 20 68 65 69 67 68 74 126px;. height
19d0: 3a 20 31 36 70 78 3b 0a 20 20 63 75 72 73 6f 72 : 16px;. cursor
19e0: 3a 20 63 6f 6c 2d 72 65 73 69 7a 65 3b 0a 20 20 : col-resize;.
19f0: 6d 61 72 67 69 6e 2d 6c 65 66 74 3a 20 30 3b 0a margin-left: 0;.
1a00: 20 20 6d 61 72 67 69 6e 2d 74 6f 70 3a 20 36 70 margin-top: 6p
1a10: 78 3b 0a 20 20 6d 61 72 67 69 6e 2d 62 6f 74 74 x;. margin-bott
1a20: 6f 6d 3a 20 30 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 om: 0; }...color
1a30: 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 70 69 63 6b picker.colorpick
1a40: 65 72 2d 68 6f 72 69 7a 6f 6e 74 61 6c 20 2e 63 er-horizontal .c
1a50: 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 75 65 20 2e olorpicker-hue .
1a60: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 67 75 69 64 colorpicker-guid
1a70: 65 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e e,..colorpicker.
1a80: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 6f 72 69 colorpicker-hori
1a90: 7a 6f 6e 74 61 6c 20 2e 63 6f 6c 6f 72 70 69 63 zontal .colorpic
1aa0: 6b 65 72 2d 61 6c 70 68 61 20 2e 63 6f 6c 6f 72 ker-alpha .color
1ab0: 70 69 63 6b 65 72 2d 67 75 69 64 65 20 7b 0a 20 picker-guide {.
1ac0: 20 70 6f 73 69 74 69 6f 6e 3a 20 61 62 73 6f 6c position: absol
1ad0: 75 74 65 3b 0a 20 20 64 69 73 70 6c 61 79 3a 20 ute;. display:
1ae0: 62 6c 6f 63 6b 3b 0a 20 20 62 6f 74 74 6f 6d 3a block;. bottom:
1af0: 20 2d 32 70 78 3b 0a 20 20 6c 65 66 74 3a 20 30 -2px;. left: 0
1b00: 3b 0a 20 20 72 69 67 68 74 3a 20 61 75 74 6f 3b ;. right: auto;
1b10: 0a 20 20 68 65 69 67 68 74 3a 20 61 75 74 6f 3b . height: auto;
1b20: 0a 20 20 77 69 64 74 68 3a 20 34 70 78 3b 20 7d . width: 4px; }
1b30: 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 ...colorpicker.c
1b40: 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 6f 72 69 7a olorpicker-horiz
1b50: 6f 6e 74 61 6c 20 2e 63 6f 6c 6f 72 70 69 63 6b ontal .colorpick
1b60: 65 72 2d 68 75 65 20 7b 0a 20 20 2f 2a 20 46 46 er-hue {. /* FF
1b70: 33 2e 36 2b 20 2a 2f 0a 20 20 2f 2a 20 43 68 72 3.6+ */. /* Chr
1b80: 6f 6d 65 2c 53 61 66 61 72 69 34 2b 20 2a 2f 0a ome,Safari4+ */.
1b90: 20 20 2f 2a 20 43 68 72 6f 6d 65 31 30 2b 2c 53 /* Chrome10+,S
1ba0: 61 66 61 72 69 35 2e 31 2b 20 2a 2f 0a 20 20 2f afari5.1+ */. /
1bb0: 2a 20 4f 70 65 72 61 20 31 31 2e 31 30 2b 20 2a * Opera 11.10+ *
1bc0: 2f 0a 20 20 2f 2a 20 49 45 31 30 2b 20 2a 2f 0a /. /* IE10+ */.
1bd0: 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 2d 77 background: -w
1be0: 65 62 6b 69 74 2d 67 72 61 64 69 65 6e 74 28 6c ebkit-gradient(l
1bf0: 69 6e 65 61 72 2c 20 72 69 67 68 74 20 74 6f 70 inear, right top
1c00: 2c 20 6c 65 66 74 20 74 6f 70 2c 20 66 72 6f 6d , left top, from
1c10: 28 72 65 64 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f (red), color-sto
1c20: 70 28 38 25 2c 20 23 66 66 38 30 30 30 29 2c 20 p(8%, #ff8000),
1c30: 63 6f 6c 6f 72 2d 73 74 6f 70 28 31 37 25 2c 20 color-stop(17%,
1c40: 79 65 6c 6c 6f 77 29 2c 20 63 6f 6c 6f 72 2d 73 yellow), color-s
1c50: 74 6f 70 28 32 35 25 2c 20 23 38 30 66 66 30 30 top(25%, #80ff00
1c60: 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 28 33 33 ), color-stop(33
1c70: 25 2c 20 6c 69 6d 65 29 2c 20 63 6f 6c 6f 72 2d %, lime), color-
1c80: 73 74 6f 70 28 34 32 25 2c 20 23 30 30 66 66 38 stop(42%, #00ff8
1c90: 30 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 28 35 0), color-stop(5
1ca0: 30 25 2c 20 63 79 61 6e 29 2c 20 63 6f 6c 6f 72 0%, cyan), color
1cb0: 2d 73 74 6f 70 28 35 38 25 2c 20 23 30 30 38 30 -stop(58%, #0080
1cc0: 66 66 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 28 ff), color-stop(
1cd0: 36 37 25 2c 20 62 6c 75 65 29 2c 20 63 6f 6c 6f 67%, blue), colo
1ce0: 72 2d 73 74 6f 70 28 37 35 25 2c 20 23 38 30 30 r-stop(75%, #800
1cf0: 30 66 66 29 2c 20 63 6f 6c 6f 72 2d 73 74 6f 70 0ff), color-stop
1d00: 28 38 33 25 2c 20 6d 61 67 65 6e 74 61 29 2c 20 (83%, magenta),
1d10: 63 6f 6c 6f 72 2d 73 74 6f 70 28 39 32 25 2c 20 color-stop(92%,
1d20: 23 66 66 30 30 38 30 29 2c 20 74 6f 28 72 65 64 #ff0080), to(red
1d30: 29 29 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64 ));. background
1d40: 3a 20 6c 69 6e 65 61 72 2d 67 72 61 64 69 65 6e : linear-gradien
1d50: 74 28 74 6f 20 6c 65 66 74 2c 20 72 65 64 20 30 t(to left, red 0
1d60: 25 2c 20 23 66 66 38 30 30 30 20 38 25 2c 20 79 %, #ff8000 8%, y
1d70: 65 6c 6c 6f 77 20 31 37 25 2c 20 23 38 30 66 66 ellow 17%, #80ff
1d80: 30 30 20 32 35 25 2c 20 6c 69 6d 65 20 33 33 25 00 25%, lime 33%
1d90: 2c 20 23 30 30 66 66 38 30 20 34 32 25 2c 20 63 , #00ff80 42%, c
1da0: 79 61 6e 20 35 30 25 2c 20 23 30 30 38 30 66 66 yan 50%, #0080ff
1db0: 20 35 38 25 2c 20 62 6c 75 65 20 36 37 25 2c 20 58%, blue 67%,
1dc0: 23 38 30 30 30 66 66 20 37 35 25 2c 20 6d 61 67 #8000ff 75%, mag
1dd0: 65 6e 74 61 20 38 33 25 2c 20 23 66 66 30 30 38 enta 83%, #ff008
1de0: 30 20 39 32 25 2c 20 72 65 64 20 31 30 30 25 29 0 92%, red 100%)
1df0: 3b 0a 20 20 2f 2a 20 57 33 43 20 2a 2f 20 7d 0a ;. /* W3C */ }.
1e00: 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 6f ..colorpicker.co
1e10: 6c 6f 72 70 69 63 6b 65 72 2d 68 6f 72 69 7a 6f lorpicker-horizo
1e20: 6e 74 61 6c 20 2e 63 6f 6c 6f 72 70 69 63 6b 65 ntal .colorpicke
1e30: 72 2d 61 6c 70 68 61 20 7b 0a 20 20 62 61 63 6b r-alpha {. back
1e40: 67 72 6f 75 6e 64 3a 20 6c 69 6e 65 61 72 2d 67 ground: linear-g
1e50: 72 61 64 69 65 6e 74 28 34 35 64 65 67 2c 20 72 radient(45deg, r
1e60: 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e 31 gba(0, 0, 0, 0.1
1e70: 29 20 32 35 25 2c 20 74 72 61 6e 73 70 61 72 65 ) 25%, transpare
1e80: 6e 74 20 32 35 25 2c 20 74 72 61 6e 73 70 61 72 nt 25%, transpar
1e90: 65 6e 74 20 37 35 25 2c 20 72 67 62 61 28 30 2c ent 75%, rgba(0,
1ea0: 20 30 2c 20 30 2c 20 30 2e 31 29 20 37 35 25 2c 0, 0, 0.1) 75%,
1eb0: 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 rgba(0, 0, 0, 0
1ec0: 2e 31 29 20 30 29 2c 20 6c 69 6e 65 61 72 2d 67 .1) 0), linear-g
1ed0: 72 61 64 69 65 6e 74 28 34 35 64 65 67 2c 20 72 radient(45deg, r
1ee0: 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e 31 gba(0, 0, 0, 0.1
1ef0: 29 20 32 35 25 2c 20 74 72 61 6e 73 70 61 72 65 ) 25%, transpare
1f00: 6e 74 20 32 35 25 2c 20 74 72 61 6e 73 70 61 72 nt 25%, transpar
1f10: 65 6e 74 20 37 35 25 2c 20 72 67 62 61 28 30 2c ent 75%, rgba(0,
1f20: 20 30 2c 20 30 2c 20 30 2e 31 29 20 37 35 25 2c 0, 0, 0.1) 75%,
1f30: 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 rgba(0, 0, 0, 0
1f40: 2e 31 29 20 30 29 2c 20 77 68 69 74 65 3b 0a 20 .1) 0), white;.
1f50: 20 62 61 63 6b 67 72 6f 75 6e 64 2d 73 69 7a 65 background-size
1f60: 3a 20 31 30 70 78 20 31 30 70 78 3b 0a 20 20 62 : 10px 10px;. b
1f70: 61 63 6b 67 72 6f 75 6e 64 2d 70 6f 73 69 74 69 ackground-positi
1f80: 6f 6e 3a 20 30 20 30 2c 20 35 70 78 20 35 70 78 on: 0 0, 5px 5px
1f90: 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 ; }...colorpicke
1fa0: 72 2d 69 6e 6c 69 6e 65 3a 62 65 66 6f 72 65 2c r-inline:before,
1fb0: 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 6e 6f ..colorpicker-no
1fc0: 2d 61 72 72 6f 77 3a 62 65 66 6f 72 65 2c 0a 2e -arrow:before,..
1fd0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 70 6f 70 75 colorpicker-popu
1fe0: 70 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 62 73 p.colorpicker-bs
1ff0: 2d 70 6f 70 6f 76 65 72 2d 63 6f 6e 74 65 6e 74 -popover-content
2000: 3a 62 65 66 6f 72 65 20 7b 0a 20 20 63 6f 6e 74 :before {. cont
2010: 65 6e 74 3a 20 6e 6f 6e 65 3b 0a 20 20 64 69 73 ent: none;. dis
2020: 70 6c 61 79 3a 20 6e 6f 6e 65 3b 20 7d 0a 0a 2e play: none; }...
2030: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 69 6e 6c 69 colorpicker-inli
2040: 6e 65 3a 61 66 74 65 72 2c 0a 2e 63 6f 6c 6f 72 ne:after,..color
2050: 70 69 63 6b 65 72 2d 6e 6f 2d 61 72 72 6f 77 3a picker-no-arrow:
2060: 61 66 74 65 72 2c 0a 2e 63 6f 6c 6f 72 70 69 63 after,..colorpic
2070: 6b 65 72 2d 70 6f 70 75 70 2e 63 6f 6c 6f 72 70 ker-popup.colorp
2080: 69 63 6b 65 72 2d 62 73 2d 70 6f 70 6f 76 65 72 icker-bs-popover
2090: 2d 63 6f 6e 74 65 6e 74 3a 61 66 74 65 72 20 7b -content:after {
20a0: 0a 20 20 63 6f 6e 74 65 6e 74 3a 20 6e 6f 6e 65 . content: none
20b0: 3b 0a 20 20 64 69 73 70 6c 61 79 3a 20 6e 6f 6e ;. display: non
20c0: 65 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b e; }...colorpick
20d0: 65 72 2d 61 6c 70 68 61 2c 0a 2e 63 6f 6c 6f 72 er-alpha,..color
20e0: 70 69 63 6b 65 72 2d 73 61 74 75 72 61 74 69 6f picker-saturatio
20f0: 6e 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d n,..colorpicker-
2100: 68 75 65 20 7b 0a 20 20 2d 77 65 62 6b 69 74 2d hue {. -webkit-
2110: 75 73 65 72 2d 73 65 6c 65 63 74 3a 20 6e 6f 6e user-select: non
2120: 65 3b 0a 20 20 20 20 20 2d 6d 6f 7a 2d 75 73 65 e;. -moz-use
2130: 72 2d 73 65 6c 65 63 74 3a 20 6e 6f 6e 65 3b 0a r-select: none;.
2140: 20 20 20 20 20 20 2d 6d 73 2d 75 73 65 72 2d 73 -ms-user-s
2150: 65 6c 65 63 74 3a 20 6e 6f 6e 65 3b 0a 20 20 20 elect: none;.
2160: 20 20 20 20 20 20 20 75 73 65 72 2d 73 65 6c 65 user-sele
2170: 63 74 3a 20 6e 6f 6e 65 3b 20 7d 0a 0a 2e 63 6f ct: none; }...co
2180: 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 70 lorpicker.colorp
2190: 69 63 6b 65 72 2d 76 69 73 69 62 6c 65 2c 0a 2e icker-visible,..
21a0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 61 6c 70 68 colorpicker-alph
21b0: 61 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 76 69 a.colorpicker-vi
21c0: 73 69 62 6c 65 2c 0a 2e 63 6f 6c 6f 72 70 69 63 sible,..colorpic
21d0: 6b 65 72 2d 73 61 74 75 72 61 74 69 6f 6e 2e 63 ker-saturation.c
21e0: 6f 6c 6f 72 70 69 63 6b 65 72 2d 76 69 73 69 62 olorpicker-visib
21f0: 6c 65 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 le,..colorpicker
2200: 2d 68 75 65 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 -hue.colorpicker
2210: 2d 76 69 73 69 62 6c 65 2c 0a 2e 63 6f 6c 6f 72 -visible,..color
2220: 70 69 63 6b 65 72 2d 62 61 72 2e 63 6f 6c 6f 72 picker-bar.color
2230: 70 69 63 6b 65 72 2d 76 69 73 69 62 6c 65 20 7b picker-visible {
2240: 0a 20 20 64 69 73 70 6c 61 79 3a 20 62 6c 6f 63 . display: bloc
2250: 6b 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b k; }...colorpick
2260: 65 72 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 er.colorpicker-h
2270: 69 64 64 65 6e 2c 0a 2e 63 6f 6c 6f 72 70 69 63 idden,..colorpic
2280: 6b 65 72 2d 61 6c 70 68 61 2e 63 6f 6c 6f 72 70 ker-alpha.colorp
2290: 69 63 6b 65 72 2d 68 69 64 64 65 6e 2c 0a 2e 63 icker-hidden,..c
22a0: 6f 6c 6f 72 70 69 63 6b 65 72 2d 73 61 74 75 72 olorpicker-satur
22b0: 61 74 69 6f 6e 2e 63 6f 6c 6f 72 70 69 63 6b 65 ation.colorpicke
22c0: 72 2d 68 69 64 64 65 6e 2c 0a 2e 63 6f 6c 6f 72 r-hidden,..color
22d0: 70 69 63 6b 65 72 2d 68 75 65 2e 63 6f 6c 6f 72 picker-hue.color
22e0: 70 69 63 6b 65 72 2d 68 69 64 64 65 6e 2c 0a 2e picker-hidden,..
22f0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 62 61 72 2e colorpicker-bar.
2300: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 69 64 64 colorpicker-hidd
2310: 65 6e 20 7b 0a 20 20 64 69 73 70 6c 61 79 3a 20 en {. display:
2320: 6e 6f 6e 65 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 none; }...colorp
2330: 69 63 6b 65 72 2d 69 6e 6c 69 6e 65 2e 63 6f 6c icker-inline.col
2340: 6f 72 70 69 63 6b 65 72 2d 76 69 73 69 62 6c 65 orpicker-visible
2350: 20 7b 0a 20 20 64 69 73 70 6c 61 79 3a 20 69 6e {. display: in
2360: 6c 69 6e 65 2d 62 6c 6f 63 6b 3b 20 7d 0a 0a 2e line-block; }...
2370: 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c 6f colorpicker.colo
2380: 72 70 69 63 6b 65 72 2d 64 69 73 61 62 6c 65 64 rpicker-disabled
2390: 3a 61 66 74 65 72 20 7b 0a 20 20 62 6f 72 64 65 :after {. borde
23a0: 72 3a 20 6e 6f 6e 65 3b 0a 20 20 63 6f 6e 74 65 r: none;. conte
23b0: 6e 74 3a 20 27 27 3b 0a 20 20 64 69 73 70 6c 61 nt: '';. displa
23c0: 79 3a 20 62 6c 6f 63 6b 3b 0a 20 20 77 69 64 74 y: block;. widt
23d0: 68 3a 20 31 30 30 25 3b 0a 20 20 68 65 69 67 68 h: 100%;. heigh
23e0: 74 3a 20 31 30 30 25 3b 0a 20 20 62 61 63 6b 67 t: 100%;. backg
23f0: 72 6f 75 6e 64 3a 20 72 67 62 61 28 32 33 33 2c round: rgba(233,
2400: 20 32 33 36 2c 20 32 33 39 2c 20 30 2e 33 33 29 236, 239, 0.33)
2410: 3b 0a 20 20 74 6f 70 3a 20 30 3b 0a 20 20 6c 65 ;. top: 0;. le
2420: 66 74 3a 20 30 3b 0a 20 20 72 69 67 68 74 3a 20 ft: 0;. right:
2430: 61 75 74 6f 3b 0a 20 20 7a 2d 69 6e 64 65 78 3a auto;. z-index:
2440: 20 32 3b 0a 20 20 70 6f 73 69 74 69 6f 6e 3a 20 2;. position:
2450: 61 62 73 6f 6c 75 74 65 3b 20 7d 0a 0a 2e 63 6f absolute; }...co
2460: 6c 6f 72 70 69 63 6b 65 72 2e 63 6f 6c 6f 72 70 lorpicker.colorp
2470: 69 63 6b 65 72 2d 64 69 73 61 62 6c 65 64 20 2e icker-disabled .
2480: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 67 75 69 64 colorpicker-guid
2490: 65 20 7b 0a 20 20 64 69 73 70 6c 61 79 3a 20 6e e {. display: n
24a0: 6f 6e 65 3b 20 7d 0a 0a 2f 2a 2a 20 45 58 54 45 one; }../** EXTE
24b0: 4e 53 49 4f 4e 53 20 2a 2a 2f 0a 2e 63 6f 6c 6f NSIONS **/..colo
24c0: 72 70 69 63 6b 65 72 2d 70 72 65 76 69 65 77 20 rpicker-preview
24d0: 7b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 {. background:
24e0: 6c 69 6e 65 61 72 2d 67 72 61 64 69 65 6e 74 28 linear-gradient(
24f0: 34 35 64 65 67 2c 20 72 67 62 61 28 30 2c 20 30 45deg, rgba(0, 0
2500: 2c 20 30 2c 20 30 2e 31 29 20 32 35 25 2c 20 74 , 0, 0.1) 25%, t
2510: 72 61 6e 73 70 61 72 65 6e 74 20 32 35 25 2c 20 ransparent 25%,
2520: 74 72 61 6e 73 70 61 72 65 6e 74 20 37 35 25 2c transparent 75%,
2530: 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 rgba(0, 0, 0, 0
2540: 2e 31 29 20 37 35 25 2c 20 72 67 62 61 28 30 2c .1) 75%, rgba(0,
2550: 20 30 2c 20 30 2c 20 30 2e 31 29 20 30 29 2c 20 0, 0, 0.1) 0),
2560: 6c 69 6e 65 61 72 2d 67 72 61 64 69 65 6e 74 28 linear-gradient(
2570: 34 35 64 65 67 2c 20 72 67 62 61 28 30 2c 20 30 45deg, rgba(0, 0
2580: 2c 20 30 2c 20 30 2e 31 29 20 32 35 25 2c 20 74 , 0, 0.1) 25%, t
2590: 72 61 6e 73 70 61 72 65 6e 74 20 32 35 25 2c 20 ransparent 25%,
25a0: 74 72 61 6e 73 70 61 72 65 6e 74 20 37 35 25 2c transparent 75%,
25b0: 20 72 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 rgba(0, 0, 0, 0
25c0: 2e 31 29 20 37 35 25 2c 20 72 67 62 61 28 30 2c .1) 75%, rgba(0,
25d0: 20 30 2c 20 30 2c 20 30 2e 31 29 20 30 29 2c 20 0, 0, 0.1) 0),
25e0: 77 68 69 74 65 3b 0a 20 20 62 61 63 6b 67 72 6f white;. backgro
25f0: 75 6e 64 2d 73 69 7a 65 3a 20 31 30 70 78 20 31 und-size: 10px 1
2600: 30 70 78 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 0px;. backgroun
2610: 64 2d 70 6f 73 69 74 69 6f 6e 3a 20 30 20 30 2c d-position: 0 0,
2620: 20 35 70 78 20 35 70 78 3b 20 7d 0a 0a 2e 63 6f 5px 5px; }...co
2630: 6c 6f 72 70 69 63 6b 65 72 2d 70 72 65 76 69 65 lorpicker-previe
2640: 77 20 3e 20 64 69 76 20 7b 0a 20 20 70 6f 73 69 w > div {. posi
2650: 74 69 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 3b 0a tion: absolute;.
2660: 20 20 6c 65 66 74 3a 20 30 3b 0a 20 20 74 6f 70 left: 0;. top
2670: 3a 20 30 3b 0a 20 20 77 69 64 74 68 3a 20 31 30 : 0;. width: 10
2680: 30 25 3b 0a 20 20 68 65 69 67 68 74 3a 20 31 30 0%;. height: 10
2690: 30 25 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 0%; }...colorpic
26a0: 6b 65 72 2d 62 61 72 2e 63 6f 6c 6f 72 70 69 63 ker-bar.colorpic
26b0: 6b 65 72 2d 73 77 61 74 63 68 65 73 20 7b 0a 20 ker-swatches {.
26c0: 20 2d 77 65 62 6b 69 74 2d 62 6f 78 2d 73 68 61 -webkit-box-sha
26d0: 64 6f 77 3a 20 6e 6f 6e 65 3b 0a 20 20 20 20 20 dow: none;.
26e0: 20 20 20 20 20 62 6f 78 2d 73 68 61 64 6f 77 3a box-shadow:
26f0: 20 6e 6f 6e 65 3b 0a 20 20 68 65 69 67 68 74 3a none;. height:
2700: 20 61 75 74 6f 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 auto; }...color
2710: 70 69 63 6b 65 72 2d 73 77 61 74 63 68 65 73 2d picker-swatches-
2720: 2d 69 6e 6e 65 72 20 7b 0a 20 20 63 6c 65 61 72 -inner {. clear
2730: 3a 20 62 6f 74 68 3b 0a 20 20 6d 61 72 67 69 6e : both;. margin
2740: 2d 74 6f 70 3a 20 2d 36 70 78 3b 20 7d 0a 0a 2e -top: -6px; }...
2750: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 73 77 61 74 colorpicker-swat
2760: 63 68 20 7b 0a 20 20 70 6f 73 69 74 69 6f 6e 3a ch {. position:
2770: 20 72 65 6c 61 74 69 76 65 3b 0a 20 20 63 75 72 relative;. cur
2780: 73 6f 72 3a 20 70 6f 69 6e 74 65 72 3b 0a 20 20 sor: pointer;.
2790: 66 6c 6f 61 74 3a 20 6c 65 66 74 3b 0a 20 20 68 float: left;. h
27a0: 65 69 67 68 74 3a 20 31 36 70 78 3b 0a 20 20 77 eight: 16px;. w
27b0: 69 64 74 68 3a 20 31 36 70 78 3b 0a 20 20 6d 61 idth: 16px;. ma
27c0: 72 67 69 6e 2d 72 69 67 68 74 3a 20 36 70 78 3b rgin-right: 6px;
27d0: 0a 20 20 6d 61 72 67 69 6e 2d 74 6f 70 3a 20 36 . margin-top: 6
27e0: 70 78 3b 0a 20 20 6d 61 72 67 69 6e 2d 6c 65 66 px;. margin-lef
27f0: 74 3a 20 30 3b 0a 20 20 64 69 73 70 6c 61 79 3a t: 0;. display:
2800: 20 62 6c 6f 63 6b 3b 0a 20 20 2d 77 65 62 6b 69 block;. -webki
2810: 74 2d 62 6f 78 2d 73 68 61 64 6f 77 3a 20 30 20 t-box-shadow: 0
2820: 30 20 30 20 31 70 78 20 72 67 62 61 28 30 2c 20 0 0 1px rgba(0,
2830: 30 2c 20 30 2c 20 30 2e 32 29 3b 0a 20 20 20 20 0, 0, 0.2);.
2840: 20 20 20 20 20 20 62 6f 78 2d 73 68 61 64 6f 77 box-shadow
2850: 3a 20 30 20 30 20 30 20 31 70 78 20 72 67 62 61 : 0 0 0 1px rgba
2860: 28 30 2c 20 30 2c 20 30 2c 20 30 2e 32 29 3b 0a (0, 0, 0, 0.2);.
2870: 20 20 62 61 63 6b 67 72 6f 75 6e 64 3a 20 6c 69 background: li
2880: 6e 65 61 72 2d 67 72 61 64 69 65 6e 74 28 34 35 near-gradient(45
2890: 64 65 67 2c 20 72 67 62 61 28 30 2c 20 30 2c 20 deg, rgba(0, 0,
28a0: 30 2c 20 30 2e 31 29 20 32 35 25 2c 20 74 72 61 0, 0.1) 25%, tra
28b0: 6e 73 70 61 72 65 6e 74 20 32 35 25 2c 20 74 72 nsparent 25%, tr
28c0: 61 6e 73 70 61 72 65 6e 74 20 37 35 25 2c 20 72 ansparent 75%, r
28d0: 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e 31 gba(0, 0, 0, 0.1
28e0: 29 20 37 35 25 2c 20 72 67 62 61 28 30 2c 20 30 ) 75%, rgba(0, 0
28f0: 2c 20 30 2c 20 30 2e 31 29 20 30 29 2c 20 6c 69 , 0, 0.1) 0), li
2900: 6e 65 61 72 2d 67 72 61 64 69 65 6e 74 28 34 35 near-gradient(45
2910: 64 65 67 2c 20 72 67 62 61 28 30 2c 20 30 2c 20 deg, rgba(0, 0,
2920: 30 2c 20 30 2e 31 29 20 32 35 25 2c 20 74 72 61 0, 0.1) 25%, tra
2930: 6e 73 70 61 72 65 6e 74 20 32 35 25 2c 20 74 72 nsparent 25%, tr
2940: 61 6e 73 70 61 72 65 6e 74 20 37 35 25 2c 20 72 ansparent 75%, r
2950: 67 62 61 28 30 2c 20 30 2c 20 30 2c 20 30 2e 31 gba(0, 0, 0, 0.1
2960: 29 20 37 35 25 2c 20 72 67 62 61 28 30 2c 20 30 ) 75%, rgba(0, 0
2970: 2c 20 30 2c 20 30 2e 31 29 20 30 29 2c 20 77 68 , 0, 0.1) 0), wh
2980: 69 74 65 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e ite;. backgroun
2990: 64 2d 73 69 7a 65 3a 20 31 30 70 78 20 31 30 70 d-size: 10px 10p
29a0: 78 3b 0a 20 20 62 61 63 6b 67 72 6f 75 6e 64 2d x;. background-
29b0: 70 6f 73 69 74 69 6f 6e 3a 20 30 20 30 2c 20 35 position: 0 0, 5
29c0: 70 78 20 35 70 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f px 5px; }...colo
29d0: 72 70 69 63 6b 65 72 2d 73 77 61 74 63 68 2d 2d rpicker-swatch--
29e0: 69 6e 6e 65 72 20 7b 0a 20 20 70 6f 73 69 74 69 inner {. positi
29f0: 6f 6e 3a 20 61 62 73 6f 6c 75 74 65 3b 0a 20 20 on: absolute;.
2a00: 74 6f 70 3a 20 30 3b 0a 20 20 6c 65 66 74 3a 20 top: 0;. left:
2a10: 30 3b 0a 20 20 77 69 64 74 68 3a 20 31 30 30 25 0;. width: 100%
2a20: 3b 0a 20 20 68 65 69 67 68 74 3a 20 31 30 30 25 ;. height: 100%
2a30: 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 ; }...colorpicke
2a40: 72 2d 73 77 61 74 63 68 3a 6e 74 68 2d 6f 66 2d r-swatch:nth-of-
2a50: 74 79 70 65 28 37 6e 2b 30 29 20 7b 0a 20 20 6d type(7n+0) {. m
2a60: 61 72 67 69 6e 2d 72 69 67 68 74 3a 20 30 3b 20 argin-right: 0;
2a70: 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d }...colorpicker-
2a80: 77 69 74 68 2d 61 6c 70 68 61 20 2e 63 6f 6c 6f with-alpha .colo
2a90: 72 70 69 63 6b 65 72 2d 73 77 61 74 63 68 3a 6e rpicker-swatch:n
2aa0: 74 68 2d 6f 66 2d 74 79 70 65 28 37 6e 2b 30 29 th-of-type(7n+0)
2ab0: 20 7b 0a 20 20 6d 61 72 67 69 6e 2d 72 69 67 68 {. margin-righ
2ac0: 74 3a 20 36 70 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f t: 6px; }...colo
2ad0: 72 70 69 63 6b 65 72 2d 77 69 74 68 2d 61 6c 70 rpicker-with-alp
2ae0: 68 61 20 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d ha .colorpicker-
2af0: 73 77 61 74 63 68 3a 6e 74 68 2d 6f 66 2d 74 79 swatch:nth-of-ty
2b00: 70 65 28 38 6e 2b 30 29 20 7b 0a 20 20 6d 61 72 pe(8n+0) {. mar
2b10: 67 69 6e 2d 72 69 67 68 74 3a 20 30 3b 20 7d 0a gin-right: 0; }.
2b20: 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 6f ..colorpicker-ho
2b30: 72 69 7a 6f 6e 74 61 6c 20 2e 63 6f 6c 6f 72 70 rizontal .colorp
2b40: 69 63 6b 65 72 2d 73 77 61 74 63 68 3a 6e 74 68 icker-swatch:nth
2b50: 2d 6f 66 2d 74 79 70 65 28 36 6e 2b 30 29 20 7b -of-type(6n+0) {
2b60: 0a 20 20 6d 61 72 67 69 6e 2d 72 69 67 68 74 3a . margin-right:
2b70: 20 30 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 0; }...colorpic
2b80: 6b 65 72 2d 68 6f 72 69 7a 6f 6e 74 61 6c 20 2e ker-horizontal .
2b90: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 73 77 61 74 colorpicker-swat
2ba0: 63 68 3a 6e 74 68 2d 6f 66 2d 74 79 70 65 28 37 ch:nth-of-type(7
2bb0: 6e 2b 30 29 20 7b 0a 20 20 6d 61 72 67 69 6e 2d n+0) {. margin-
2bc0: 72 69 67 68 74 3a 20 36 70 78 3b 20 7d 0a 0a 2e right: 6px; }...
2bd0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 68 6f 72 69 colorpicker-hori
2be0: 7a 6f 6e 74 61 6c 20 2e 63 6f 6c 6f 72 70 69 63 zontal .colorpic
2bf0: 6b 65 72 2d 73 77 61 74 63 68 3a 6e 74 68 2d 6f ker-swatch:nth-o
2c00: 66 2d 74 79 70 65 28 38 6e 2b 30 29 20 7b 0a 20 f-type(8n+0) {.
2c10: 20 6d 61 72 67 69 6e 2d 72 69 67 68 74 3a 20 36 margin-right: 6
2c20: 70 78 3b 20 7d 0a 0a 2e 63 6f 6c 6f 72 70 69 63 px; }...colorpic
2c30: 6b 65 72 2d 73 77 61 74 63 68 3a 6c 61 73 74 2d ker-swatch:last-
2c40: 6f 66 2d 74 79 70 65 3a 61 66 74 65 72 20 7b 0a of-type:after {.
2c50: 20 20 63 6f 6e 74 65 6e 74 3a 20 22 22 3b 0a 20 content: "";.
2c60: 20 64 69 73 70 6c 61 79 3a 20 74 61 62 6c 65 3b display: table;
2c70: 0a 20 20 63 6c 65 61 72 3a 20 62 6f 74 68 3b 20 . clear: both;
2c80: 7d 0a 0a 2a 5b 64 69 72 3d 27 72 74 6c 27 5d 20 }..*[dir='rtl']
2c90: 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d 65 6c 65 .colorpicker-ele
2ca0: 6d 65 6e 74 20 69 6e 70 75 74 2c 0a 2e 63 6f 6c ment input,..col
2cb0: 6f 72 70 69 63 6b 65 72 2d 65 6c 65 6d 65 6e 74 orpicker-element
2cc0: 5b 64 69 72 3d 27 72 74 6c 27 5d 20 69 6e 70 75 [dir='rtl'] inpu
2cd0: 74 2c 0a 2e 63 6f 6c 6f 72 70 69 63 6b 65 72 2d t,..colorpicker-
2ce0: 65 6c 65 6d 65 6e 74 20 69 6e 70 75 74 5b 64 69 element input[di
2cf0: 72 3d 27 72 74 6c 27 5d 20 7b 0a 20 20 64 69 72 r='rtl'] {. dir
2d00: 65 63 74 69 6f 6e 3a 20 6c 74 72 3b 0a 20 20 74 ection: ltr;. t
2d10: 65 78 74 2d 61 6c 69 67 6e 3a 20 72 69 67 68 74 ext-align: right
2d20: 3b 20 7d 0a 0a 2f 2a 23 20 73 6f 75 72 63 65 4d ; }../*# sourceM
2d30: 61 70 70 69 6e 67 55 52 4c 3d 62 6f 6f 74 73 74 appingURL=bootst
2d40: 72 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 2e rap-colorpicker.
2d50: 63 73 73 2e 6d 61 70 20 2a 2f 0a css.map */.