1.miniColors-trigger {
2 height: 22px;
3 width: 22px;
4 background: url(../img/miniColors/trigger.png) center no-repeat;
5 vertical-align: middle;
6 margin: 0 .25em;
7 display: inline-block;
8 outline: none;
9}
10
11.miniColors-selector {
12 position: absolute;
13 width: 188px;
14 height: 162px;
15 background: #FFF;
16 border: solid 1px #BBB;
17 -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
18 -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
19 box-shadow: 0 0 6px rgba(0, 0, 0, .25);
20 -moz-border-radius: 5px;
21 -webkit-border-radius: 5px;
22 border-radius: 5px;
23 padding: 5px;
24 z-index: 999999;
25}
26
27.miniColors-selector.black {
28 background: #000;
29 border-color: #000;
30}
31
32.miniColors-colors {
33 position: absolute;
34 top: 5px;
35 left: 5px;
36 width: 150px;
37 height: 150px;
38 background: url(../img/miniColors/gradient.png) center no-repeat;
39 cursor: crosshair;
40}
41
42.miniColors-hues {
43 position: absolute;
44 top: 5px;
45 left: 160px;
46 width: 20px;
47 height: 150px;
48 background: url(../img/miniColors/rainbow.png) center no-repeat;
49 cursor: crosshair;
50}
51
52.miniColors-colorPicker {
53 position: absolute;
54 width: 11px;
55 height: 11px;
56 background: url(../img/miniColors/circle.gif) center no-repeat;
57}
58
59.miniColors-huePicker {
60 position: absolute;
61 left: -3px;
62 width: 26px;
63 height: 3px;
64 background: url(../img/miniColors/line.gif) center no-repeat;
65}
66