1 | /* for inputColorPicker plugin */ |
---|
2 | .ui-inputColorPicker { |
---|
3 | min-width:332px; |
---|
4 | min-height:140px; |
---|
5 | } |
---|
6 | |
---|
7 | .ui-inputColorPicker div.ui-inputColorPicker-dotAreaSV { |
---|
8 | display:inline-block; |
---|
9 | float:left; |
---|
10 | margin:3px; |
---|
11 | } |
---|
12 | .ui-inputColorPicker div.ui-inputColorPicker-dotAreaSV div.ui-inputDotArea { |
---|
13 | background:url(./../icons/colorSV.png) no-repeat 0 0 #000000; |
---|
14 | } |
---|
15 | .ui-inputColorPicker div.ui-inputColorPicker-dotAreaH { |
---|
16 | display:inline-block; |
---|
17 | float:left; |
---|
18 | margin:3px 6px; |
---|
19 | } |
---|
20 | .ui-inputColorPicker div.ui-inputColorPicker-dotAreaH div.ui-inputDotArea { |
---|
21 | background:url(./../icons/colorH.png) no-repeat 0 0 transparent; |
---|
22 | } |
---|
23 | |
---|
24 | .ui-inputColorPicker table.ui-inputColorPicker-inputContainer { |
---|
25 | font-size:10px; |
---|
26 | display:inline-block; |
---|
27 | text-align: left; |
---|
28 | } |
---|
29 | |
---|
30 | .ui-inputColorPicker div.ui-inputColorsFB { |
---|
31 | margin:auto; |
---|
32 | } |
---|
33 | |
---|
34 | .ui-inputColorPicker table.ui-inputColorPicker-inputContainer tr { |
---|
35 | vertical-align:middle; |
---|
36 | } |
---|
37 | |
---|
38 | .ui-inputColorPicker table.ui-inputColorPicker-inputContainer td.label { |
---|
39 | text-align:center; |
---|
40 | width:8px; |
---|
41 | } |
---|
42 | |
---|
43 | .ui-inputColorPicker table.ui-inputColorPicker-inputContainer td.input { |
---|
44 | width:55px; |
---|
45 | max-width:55px; |
---|
46 | padding-right:8px; |
---|
47 | display:inline-block; |
---|
48 | min-height:23px; |
---|
49 | } |
---|
50 | |
---|
51 | table.ui-inputColorPicker-inputContainer div.ui-inputNum { |
---|
52 | height:14px; |
---|
53 | max-width:55px; |
---|
54 | } |
---|
55 | |
---|
56 | table.ui-inputColorPicker-inputContainer div.ui-inputNum div.ui-slider { |
---|
57 | position:absolute; |
---|
58 | margin-left:-1px; |
---|
59 | border:1px solid; |
---|
60 | padding-right:12px; |
---|
61 | } |
---|
62 | table.ui-inputColorPicker-inputContainer div.ui-inputNum div.ui-slider-horizontal { |
---|
63 | height:8px; |
---|
64 | } |
---|
65 | |
---|
66 | table.ui-inputColorPicker-inputContainer div.ui-inputNum a.ui-slider-handle { |
---|
67 | height:7px; |
---|
68 | margin-top:0; |
---|
69 | top:-2px; |
---|
70 | } |
---|
71 | table.ui-inputColorPicker-inputContainer div.ui-inputNum-btInc { |
---|
72 | background-position: -212px -17px; |
---|
73 | } |
---|
74 | table.ui-inputColorPicker-inputContainer div.ui-inputNum-btInc:hover { |
---|
75 | background-position: -212px -2px; |
---|
76 | } |
---|
77 | table.ui-inputColorPicker-inputContainer div.ui-inputNum-btDec { |
---|
78 | background-position: -227px -17px; |
---|
79 | } |
---|
80 | table.ui-inputColorPicker-inputContainer div.ui-inputNum-btDec:hover { |
---|
81 | background-position: -227px -2px; |
---|
82 | } |
---|
83 | |
---|
84 | |
---|
85 | |
---|
86 | .ui-inputNum-btDec, .ui-inputNum-btInc { |
---|
87 | width:11px; |
---|
88 | height:11px; |
---|
89 | } |
---|
90 | |
---|
91 | /* --- */ |
---|
92 | .ui-inputDialogColor { |
---|
93 | text-align:justify; |
---|
94 | } |
---|
95 | .ui-inputDialogColor div.ui-inputColorPicker { |
---|
96 | min-width:346px; |
---|
97 | min-height:140px; |
---|
98 | } |
---|
99 | .ui-inputDialogColor div.ui-dialog-titlebar { |
---|
100 | cursor:move; |
---|
101 | } |
---|
102 | .ui-inputDialogColor div.ui-dialog-buttonpane { |
---|
103 | text-align:left; |
---|
104 | } |
---|
105 | .ui-inputDialogColor div.ui-dialog-buttonpane button { |
---|
106 | border-style:solid; |
---|
107 | border-width:1px; |
---|
108 | cursor:pointer; |
---|
109 | font-weight:bold; |
---|
110 | margin-top:1px; |
---|
111 | text-align:center; |
---|
112 | display:inline-block; |
---|
113 | } |
---|
114 | .ui-inputDialogColor div.ui-dialog-content { |
---|
115 | margin:4px; |
---|
116 | } |
---|
117 | .ui-inputDialogColor a.ui-dialog-titlebar-close { |
---|
118 | display:inline-block; |
---|
119 | margin:0 4px; |
---|
120 | outline:none; |
---|
121 | } |
---|
122 | |
---|
123 | div.dialogColor { |
---|
124 | overflow:hidden; |
---|
125 | } |
---|