|
3
|
1 .miniColors-trigger {
|
|
|
2 height: 22px;
|
|
|
3 width: 22px;
|
|
|
4 background: url('images/minicolors-all.png') -170px 0 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: 175px;
|
|
|
14 height: 150px;
|
|
|
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('images/minicolors-all.png') top left 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('images/minicolors-all.png') -150px 0 no-repeat;
|
|
|
49 cursor: crosshair;
|
|
|
50 }
|
|
|
51
|
|
|
52 .miniColors-colorPicker {
|
|
|
53 position: absolute;
|
|
|
54 width: 11px;
|
|
|
55 height: 11px;
|
|
|
56 background: url('images/minicolors-all.png') -170px -28px no-repeat;
|
|
|
57 }
|
|
|
58
|
|
|
59 .miniColors-huePicker {
|
|
|
60 position: absolute;
|
|
|
61 left: -3px;
|
|
|
62 width: 26px;
|
|
|
63 height: 3px;
|
|
|
64 background: url('images/minicolors-all.png') -170px -24px no-repeat;
|
|
|
65 overflow: hidden;
|
|
|
66 }
|
|
|
67
|
|
|
68 .miniColors-presets {
|
|
|
69 position: absolute;
|
|
|
70 left: 185px;
|
|
|
71 top: 5px;
|
|
|
72 width: 60px;
|
|
|
73 }
|
|
|
74
|
|
|
75 .miniColors-colorPreset {
|
|
|
76 float: left;
|
|
|
77 width: 18px;
|
|
|
78 height: 15px;
|
|
|
79 margin: 2px;
|
|
|
80 border: 1px solid #333;
|
|
|
81 cursor: pointer;
|
|
|
82 }
|
|
|
83
|
|
|
84 .miniColors-colorPreset-active {
|
|
|
85 border: 2px dotted #666;
|
|
|
86 margin: 1px;
|
|
|
87 }
|
|
|
88
|
|
|
89 /* Hacks for IE6/7 */
|
|
|
90
|
|
|
91 * html .miniColors-colors {
|
|
|
92 background-image: none;
|
|
|
93 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='plugins/calendar/skins/classic/images/minicolors-all.png', sizingMethod='crop');
|
|
|
94 }
|
|
|
95
|
|
|
96 * html .miniColors-colorPicker {
|
|
|
97 background: url('images/minicolors-handles.gif') 0 -28px no-repeat;
|
|
|
98 }
|
|
|
99
|
|
|
100 * html .miniColors-huePicker {
|
|
|
101 background: url('images/minicolors-handles.gif') 0 -24px no-repeat;
|
|
|
102 }
|
|
|
103
|
|
|
104 * html .miniColors-trigger {
|
|
|
105 background: url('images/minicolors-handles.gif') 0 0 no-repeat;
|
|
|
106 }
|
