1 | .ui-slider { |
---|
2 | color: #383838; |
---|
3 | border-radius: 8px 8px 8px 8px; |
---|
4 | position: relative; |
---|
5 | text-align: left; |
---|
6 | width: 450px; |
---|
7 | } |
---|
8 | .ui-slider .ui-slider-handle { |
---|
9 | border: 1px solid #D7DEF0; |
---|
10 | background: url("images/bouton_slide.png") repeat-x scroll 50% 50% transparent; |
---|
11 | font-weight: bold; |
---|
12 | color: #4C3000; |
---|
13 | position: absolute; |
---|
14 | z-index: 2; |
---|
15 | cursor: default; |
---|
16 | height: 26px; |
---|
17 | width: 449px; |
---|
18 | } |
---|
19 | .ui-slider .ui-slider-range { |
---|
20 | position: absolute; |
---|
21 | z-index: 1; |
---|
22 | } |
---|
23 | .ui-slider-horizontal { |
---|
24 | height: 30px; |
---|
25 | } |
---|
26 | .ui-slider-horizontal .ui-slider-handle { |
---|
27 | border-radius: 8px; |
---|
28 | } |
---|
29 | .ui-slider-horizontal .ui-slider-range { |
---|
30 | top: 0; |
---|
31 | height: 100%; |
---|
32 | } |
---|
33 | .ui-slider-horizontal .ui-slider-range-min { |
---|
34 | left: 0; |
---|
35 | } |
---|
36 | .ui-slider-horizontal .ui-slider-range-max { |
---|
37 | right: 0; |
---|
38 | } |
---|
39 | .switcher input { |
---|
40 | display: none; |
---|
41 | } |
---|
42 | .switcher { |
---|
43 | border: 2px inset #EFEFEF; |
---|
44 | border-radius: 8px; |
---|
45 | background: #EDEDED; |
---|
46 | height: 30px; |
---|
47 | width: 900px; |
---|
48 | color: #000; |
---|
49 | position: relative; |
---|
50 | margin-bottom: 40px; |
---|
51 | } |
---|
52 | .opt { |
---|
53 | float: left; |
---|
54 | border-right: 1px solid #FFF; |
---|
55 | width: 449px; |
---|
56 | height: 30px; |
---|
57 | text-align: center; |
---|
58 | font-size: 20px; |
---|
59 | } |
---|
60 | INPUT[type="text"].colorwell{ |
---|
61 | border: 2px inset #EFEFEF; |
---|
62 | border-radius: 8px; |
---|
63 | background: #EDEDED; |
---|
64 | height: 30px; |
---|
65 | width: 100px; |
---|
66 | color: #000; |
---|
67 | margin-bottom: 10px; |
---|
68 | } |
---|
69 | INPUT[type="text"]:active { |
---|
70 | border: 2px inset #8f8f8f; |
---|
71 | } |
---|
72 | INPUT[type="text"].input{ |
---|
73 | border: 2px inset #EFEFEF; |
---|
74 | border-radius: 8px; |
---|
75 | background: #EDEDED; |
---|
76 | height: 20px; |
---|
77 | width:250px; |
---|
78 | color: #000; |
---|
79 | |
---|
80 | } |
---|
81 | INPUT[type="text"].input:active { |
---|
82 | border: 2px inset #8f8f8f; |
---|
83 | border-radius: 8px; |
---|
84 | background: #EDEDED; |
---|
85 | height: 20px; |
---|
86 | color: #000; |
---|
87 | } |
---|
88 | |
---|
89 | #picker { |
---|
90 | border: 1px solid #000; |
---|
91 | border-radius: 5px; |
---|
92 | padding: 20px; |
---|
93 | width: 195px; |
---|
94 | float: left; |
---|
95 | } |
---|
96 | #thePicturePage, |
---|
97 | #textcolor { |
---|
98 | margin: 0px 20px 0 0; |
---|
99 | float: left; |
---|
100 | } |
---|
101 | .form-item { |
---|
102 | text-align: right; |
---|
103 | } |
---|
104 | .farbtastic { |
---|
105 | position: relative; |
---|
106 | } |
---|
107 | .farbtastic * { |
---|
108 | position: absolute; |
---|
109 | cursor: crosshair; |
---|
110 | } |
---|
111 | .farbtastic, .farbtastic .wheel { |
---|
112 | width: 195px; |
---|
113 | height: 195px; |
---|
114 | } |
---|
115 | .farbtastic .color, .farbtastic .overlay { |
---|
116 | top: 47px; |
---|
117 | left: 47px; |
---|
118 | width: 101px; |
---|
119 | height: 101px; |
---|
120 | } |
---|
121 | .farbtastic .wheel { |
---|
122 | background: url(images/wheel.png) no-repeat; |
---|
123 | width: 195px; |
---|
124 | height: 195px; |
---|
125 | } |
---|
126 | .farbtastic .overlay { |
---|
127 | background: url(images/mask.png) no-repeat; |
---|
128 | } |
---|
129 | .farbtastic .marker { |
---|
130 | width: 17px; |
---|
131 | height: 17px; |
---|
132 | margin: -8px 0 0 -8px; |
---|
133 | overflow: hidden; |
---|
134 | background: url(images/marker.png) no-repeat; |
---|
135 | } |
---|
136 | .colorwell { |
---|
137 | border: 2px solid #fff; |
---|
138 | width: 5em; |
---|
139 | text-align: center; |
---|
140 | cursor: pointer; |
---|
141 | } |
---|
142 | .colorwell { |
---|
143 | border: 2px solid #fff; |
---|
144 | width: 3em; |
---|
145 | text-align: center; |
---|
146 | cursor: pointer; |
---|
147 | } |
---|
148 | body .colorwell-selected { |
---|
149 | font-weight: bold; |
---|
150 | } |
---|
151 | |
---|
152 | form{text-align:left; |
---|
153 | } |
---|
154 | |
---|
155 | #result { |
---|
156 | width: 100%; |
---|
157 | height: 200px; |
---|
158 | float: right; |
---|
159 | right: 0px; |
---|
160 | top: 0px; |
---|
161 | overflow: scroll; |
---|
162 | } |
---|
163 | .image{ |
---|
164 | border:1px solid grey; |
---|
165 | min-height:235px; |
---|
166 | } |
---|
167 | .image a{ |
---|
168 | color: green; |
---|
169 | |
---|
170 | } |
---|
171 | .image a:hover{ |
---|
172 | color: blue; |
---|
173 | |
---|
174 | } |
---|
175 | .filemgt{ |
---|
176 | float:left; |
---|
177 | z-index:2; |
---|
178 | border:1px solid blue; |
---|
179 | width:100%; |
---|
180 | |
---|
181 | left:0px; |
---|
182 | min-height:400px; |
---|
183 | } |
---|
184 | .filemgt table td{ |
---|
185 | border:1px solid green |
---|
186 | } |
---|
187 | |
---|
188 | #thePage { |
---|
189 | position: absolute; |
---|
190 | margin:10px; |
---|
191 | width: 80%; |
---|
192 | height: inherit; |
---|
193 | border: thin outset #CC0000; |
---|
194 | } |
---|
195 | #footer{ |
---|
196 | position: fixed; |
---|
197 | } |
---|
198 | #content{ |
---|
199 | mini-height:100%; |
---|
200 | } |
---|