author | Giulio Cesare Solaroli <giulio.cesare@clipperz.com> | 2012-03-17 21:10:14 (UTC) |
---|---|---|
committer | Giulio Cesare Solaroli <giulio.cesare@clipperz.com> | 2012-03-17 21:10:14 (UTC) |
commit | 25029b943781850c76fbf43827af0204f35a98bf (patch) (unidiff) | |
tree | 1fcaefffee8366b548465a05a6c4cba0c31e131d /frontend/gamma | |
parent | 928f3f3ed3981f7f81b69ed94f2a315205db39fa (diff) | |
download | clipperz-25029b943781850c76fbf43827af0204f35a98bf.zip clipperz-25029b943781850c76fbf43827af0204f35a98bf.tar.gz clipperz-25029b943781850c76fbf43827af0204f35a98bf.tar.bz2 |
Updated /gamma web css
-rw-r--r-- | frontend/gamma/css/web.css | 3449 | ||||
-rw-r--r-- | frontend/gamma/html/exitPage_template.html | 25 | ||||
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/Proxy.js | 2 | ||||
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js | 33 | ||||
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js | 50 | ||||
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js | 6 |
6 files changed, 1010 insertions, 2555 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index e4890b6..0a72e09 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css | |||
@@ -25,90 +25,102 @@ refer to http://www.clipperz.com. | |||
25 | 25 | ||
26 | /* | 26 | /* |
27 | 27 | ||
28 | Color list: | 28 | Color list: |
29 | - login box: | 29 | - login box: |
30 | light#ff9955 | 30 | light#ff9955 |
31 | dark#ff6622 | 31 | dark#ff6622 |
32 | - login button: | 32 | - login button: |
33 | regular#dd5500 | 33 | regular#dd5500 |
34 | hover#773311 | 34 | hover#773311 |
35 | - login translations: | 35 | - login translations: |
36 | box: #cc6622; | 36 | box: #cc6622; |
37 | not-selected: | 37 | not-selected: |
38 | color: #ddaa99 | 38 | color: #ddaa99 |
39 | background:#994422 | 39 | background:#994422 |
40 | selected: #772211; | 40 | selected: #772211; |
41 | */ | 41 | */ |
42 | html { | 42 | html { |
43 | height: 100%; | 43 | height: 100%; |
44 | } | 44 | } |
45 | body { | 45 | body { |
46 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 46 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
47 | margin: 0px; | 47 | margin: 0px; |
48 | } | 48 | } |
49 | div.modalDialogMask.userInfoBoxMask { | ||
50 | -moz-opacity: 0.0; | ||
51 | opacity: .0; | ||
52 | filter: alpha(opacity=0); | ||
53 | z-index: 19000; | ||
54 | } | ||
49 | .reset-margin { | 55 | .reset-margin { |
50 | margin: 0px; | 56 | margin: 0px; |
51 | padding: 0px; | 57 | padding: 0px; |
52 | border: 0px; | 58 | border: 0px; |
53 | } | 59 | } |
54 | .clear { | 60 | .clear { |
55 | clear: both; | 61 | clear: both; |
56 | } | 62 | } |
57 | .hidden_none { | 63 | .hidden_none { |
58 | display: none; | 64 | display: none; |
59 | visibility: hidden; | 65 | visibility: hidden; |
60 | } | 66 | } |
61 | .keepTogether { | 67 | .keepTogether { |
62 | display: inline-block; | 68 | display: inline-block; |
63 | white-space: nowrap; | 69 | white-space: nowrap; |
64 | } | 70 | } |
65 | #mainDiv { | 71 | #mainDiv { |
66 | margin: 0 auto; | 72 | margin: 0 auto; |
67 | } | 73 | } |
68 | /* | 74 | /* |
69 | 75 | ||
70 | Color list: | 76 | Color list: |
71 | - login box: | 77 | - login box: |
72 | light#ff9955 | 78 | light#ff9955 |
73 | dark#ff6622 | 79 | dark#ff6622 |
74 | - login button: | 80 | - login button: |
75 | regular#dd5500 | 81 | regular#dd5500 |
76 | hover#773311 | 82 | hover#773311 |
77 | - login translations: | 83 | - login translations: |
78 | box: #cc6622; | 84 | box: #cc6622; |
79 | not-selected: | 85 | not-selected: |
80 | color: #ddaa99 | 86 | color: #ddaa99 |
81 | background:#994422 | 87 | background:#994422 |
82 | selected: #772211; | 88 | selected: #772211; |
83 | */ | 89 | */ |
84 | html { | 90 | html { |
85 | height: 100%; | 91 | height: 100%; |
86 | } | 92 | } |
87 | body { | 93 | body { |
88 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 94 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
89 | margin: 0px; | 95 | margin: 0px; |
90 | } | 96 | } |
97 | div.modalDialogMask.userInfoBoxMask { | ||
98 | -moz-opacity: 0.0; | ||
99 | opacity: .0; | ||
100 | filter: alpha(opacity=0); | ||
101 | z-index: 19000; | ||
102 | } | ||
91 | .reset-margin { | 103 | .reset-margin { |
92 | margin: 0px; | 104 | margin: 0px; |
93 | padding: 0px; | 105 | padding: 0px; |
94 | border: 0px; | 106 | border: 0px; |
95 | } | 107 | } |
96 | .clear { | 108 | .clear { |
97 | clear: both; | 109 | clear: both; |
98 | } | 110 | } |
99 | .hidden_none { | 111 | .hidden_none { |
100 | display: none; | 112 | display: none; |
101 | visibility: hidden; | 113 | visibility: hidden; |
102 | } | 114 | } |
103 | .keepTogether { | 115 | .keepTogether { |
104 | display: inline-block; | 116 | display: inline-block; |
105 | white-space: nowrap; | 117 | white-space: nowrap; |
106 | } | 118 | } |
107 | #mainDiv { | 119 | #mainDiv { |
108 | margin: 0 auto; | 120 | margin: 0 auto; |
109 | } | 121 | } |
110 | div#loading { | 122 | div#loading { |
111 | width: 100%; | 123 | width: 100%; |
112 | height: 100%; | 124 | height: 100%; |
113 | display: table; | 125 | display: table; |
114 | background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); | 126 | background-image: -ms-radial-gradient(center, circle farthest-corner, #4d52b3 0%, #1f2148 100%); |
@@ -146,48 +158,461 @@ div#loading div h5 { | |||
146 | } | 158 | } |
147 | /* | 159 | /* |
148 | 160 | ||
149 | Color list: | 161 | Color list: |
150 | - login box: | 162 | - login box: |
151 | light#ff9955 | 163 | light#ff9955 |
152 | dark#ff6622 | 164 | dark#ff6622 |
153 | - login button: | 165 | - login button: |
154 | regular#dd5500 | 166 | regular#dd5500 |
155 | hover#773311 | 167 | hover#773311 |
156 | - login translations: | 168 | - login translations: |
157 | box: #cc6622; | 169 | box: #cc6622; |
158 | not-selected: | 170 | not-selected: |
159 | color: #ddaa99 | 171 | color: #ddaa99 |
160 | background:#994422 | 172 | background:#994422 |
161 | selected: #772211; | 173 | selected: #772211; |
162 | */ | 174 | */ |
163 | html { | 175 | html { |
164 | height: 100%; | 176 | height: 100%; |
165 | } | 177 | } |
166 | body { | 178 | body { |
167 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 179 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
168 | margin: 0px; | 180 | margin: 0px; |
169 | } | 181 | } |
182 | div.modalDialogMask.userInfoBoxMask { | ||
183 | -moz-opacity: 0.0; | ||
184 | opacity: .0; | ||
185 | filter: alpha(opacity=0); | ||
186 | z-index: 19000; | ||
187 | } | ||
188 | .reset-margin { | ||
189 | margin: 0px; | ||
190 | padding: 0px; | ||
191 | border: 0px; | ||
192 | } | ||
193 | .clear { | ||
194 | clear: both; | ||
195 | } | ||
196 | .hidden_none { | ||
197 | display: none; | ||
198 | visibility: hidden; | ||
199 | } | ||
200 | .keepTogether { | ||
201 | display: inline-block; | ||
202 | white-space: nowrap; | ||
203 | } | ||
204 | #mainDiv { | ||
205 | margin: 0 auto; | ||
206 | } | ||
207 | div.tooltip { | ||
208 | position: absolute; | ||
209 | z-index: 30001; | ||
210 | } | ||
211 | div.tooltip div.tooltip_body { | ||
212 | border-radius: 8px; | ||
213 | -moz-border-radius: 8px; | ||
214 | -webkit-border-radius: 8px; | ||
215 | border-radius: 8px; | ||
216 | -moz-border-radius: 8px; | ||
217 | -webkit-border-radius: 8px; | ||
218 | border-radius: 8px; | ||
219 | -moz-border-radius: 8px; | ||
220 | -webkit-border-radius: 8px; | ||
221 | border-radius: 8px; | ||
222 | -moz-border-radius: 8px; | ||
223 | -webkit-border-radius: 8px; | ||
224 | border-radius: 8px; | ||
225 | -moz-border-radius: 8px; | ||
226 | -webkit-border-radius: 8px; | ||
227 | border-radius: 8px; | ||
228 | -moz-border-radius: 8px; | ||
229 | -webkit-border-radius: 8px; | ||
230 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
231 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
232 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
233 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
234 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
235 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
236 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
237 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
238 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
239 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
240 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
241 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
242 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
243 | -moz-box-shadow: 4px 4px 10px #333333; | ||
244 | box-shadow: 4px 4px 10px #333333; | ||
245 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
246 | -moz-box-shadow: 4px 4px 10px #333333; | ||
247 | box-shadow: 4px 4px 10px #333333; | ||
248 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
249 | -moz-box-shadow: 4px 4px 10px #333333; | ||
250 | box-shadow: 4px 4px 10px #333333; | ||
251 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
252 | -moz-box-shadow: 4px 4px 10px #333333; | ||
253 | box-shadow: 4px 4px 10px #333333; | ||
254 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
255 | -moz-box-shadow: 4px 4px 10px #333333; | ||
256 | box-shadow: 4px 4px 10px #333333; | ||
257 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
258 | -moz-box-shadow: 4px 4px 10px #333333; | ||
259 | box-shadow: 4px 4px 10px #333333; | ||
260 | border-top: 1px solid #d4d4d4; | ||
261 | border-left: 1px solid #a2a2a2; | ||
262 | border-right: 1px solid #6f6f6f; | ||
263 | border-bottom: 1px solid #3c3c3c; | ||
264 | border-radius: 8px; | ||
265 | -moz-border-radius: 8px; | ||
266 | -webkit-border-radius: 8px; | ||
267 | border-radius: 8px; | ||
268 | -moz-border-radius: 8px; | ||
269 | -webkit-border-radius: 8px; | ||
270 | border-radius: 8px; | ||
271 | -moz-border-radius: 8px; | ||
272 | -webkit-border-radius: 8px; | ||
273 | border-radius: 8px; | ||
274 | -moz-border-radius: 8px; | ||
275 | -webkit-border-radius: 8px; | ||
276 | border-radius: 8px; | ||
277 | -moz-border-radius: 8px; | ||
278 | -webkit-border-radius: 8px; | ||
279 | border-radius: 8px; | ||
280 | -moz-border-radius: 8px; | ||
281 | -webkit-border-radius: 8px; | ||
282 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
283 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
284 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
285 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
286 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
287 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
288 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
289 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
290 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
291 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
292 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
293 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
294 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
295 | -moz-box-shadow: 4px 4px 10px #333333; | ||
296 | box-shadow: 4px 4px 10px #333333; | ||
297 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
298 | -moz-box-shadow: 4px 4px 10px #333333; | ||
299 | box-shadow: 4px 4px 10px #333333; | ||
300 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
301 | -moz-box-shadow: 4px 4px 10px #333333; | ||
302 | box-shadow: 4px 4px 10px #333333; | ||
303 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
304 | -moz-box-shadow: 4px 4px 10px #333333; | ||
305 | box-shadow: 4px 4px 10px #333333; | ||
306 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
307 | -moz-box-shadow: 4px 4px 10px #333333; | ||
308 | box-shadow: 4px 4px 10px #333333; | ||
309 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
310 | -moz-box-shadow: 4px 4px 10px #333333; | ||
311 | box-shadow: 4px 4px 10px #333333; | ||
312 | border-top: 1px solid #d4d4d4; | ||
313 | border-left: 1px solid #a2a2a2; | ||
314 | border-right: 1px solid #6f6f6f; | ||
315 | border-bottom: 1px solid #3c3c3c; | ||
316 | border-radius: 8px; | ||
317 | -moz-border-radius: 8px; | ||
318 | -webkit-border-radius: 8px; | ||
319 | border-radius: 8px; | ||
320 | -moz-border-radius: 8px; | ||
321 | -webkit-border-radius: 8px; | ||
322 | border-radius: 8px; | ||
323 | -moz-border-radius: 8px; | ||
324 | -webkit-border-radius: 8px; | ||
325 | border-radius: 8px; | ||
326 | -moz-border-radius: 8px; | ||
327 | -webkit-border-radius: 8px; | ||
328 | border-radius: 8px; | ||
329 | -moz-border-radius: 8px; | ||
330 | -webkit-border-radius: 8px; | ||
331 | border-radius: 8px; | ||
332 | -moz-border-radius: 8px; | ||
333 | -webkit-border-radius: 8px; | ||
334 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
335 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
336 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
337 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
338 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
339 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
340 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
341 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
342 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
343 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
344 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
345 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
346 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
347 | -moz-box-shadow: 4px 4px 10px #333333; | ||
348 | box-shadow: 4px 4px 10px #333333; | ||
349 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
350 | -moz-box-shadow: 4px 4px 10px #333333; | ||
351 | box-shadow: 4px 4px 10px #333333; | ||
352 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
353 | -moz-box-shadow: 4px 4px 10px #333333; | ||
354 | box-shadow: 4px 4px 10px #333333; | ||
355 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
356 | -moz-box-shadow: 4px 4px 10px #333333; | ||
357 | box-shadow: 4px 4px 10px #333333; | ||
358 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
359 | -moz-box-shadow: 4px 4px 10px #333333; | ||
360 | box-shadow: 4px 4px 10px #333333; | ||
361 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
362 | -moz-box-shadow: 4px 4px 10px #333333; | ||
363 | box-shadow: 4px 4px 10px #333333; | ||
364 | border-top: 1px solid #d4d4d4; | ||
365 | border-left: 1px solid #a2a2a2; | ||
366 | border-right: 1px solid #6f6f6f; | ||
367 | border-bottom: 1px solid #3c3c3c; | ||
368 | border-radius: 8px; | ||
369 | -moz-border-radius: 8px; | ||
370 | -webkit-border-radius: 8px; | ||
371 | border-radius: 8px; | ||
372 | -moz-border-radius: 8px; | ||
373 | -webkit-border-radius: 8px; | ||
374 | border-radius: 8px; | ||
375 | -moz-border-radius: 8px; | ||
376 | -webkit-border-radius: 8px; | ||
377 | border-radius: 8px; | ||
378 | -moz-border-radius: 8px; | ||
379 | -webkit-border-radius: 8px; | ||
380 | border-radius: 8px; | ||
381 | -moz-border-radius: 8px; | ||
382 | -webkit-border-radius: 8px; | ||
383 | border-radius: 8px; | ||
384 | -moz-border-radius: 8px; | ||
385 | -webkit-border-radius: 8px; | ||
386 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
387 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
388 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
389 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
390 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
391 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
392 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
393 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
394 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
395 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
396 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
397 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
398 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
399 | -moz-box-shadow: 4px 4px 10px #333333; | ||
400 | box-shadow: 4px 4px 10px #333333; | ||
401 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
402 | -moz-box-shadow: 4px 4px 10px #333333; | ||
403 | box-shadow: 4px 4px 10px #333333; | ||
404 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
405 | -moz-box-shadow: 4px 4px 10px #333333; | ||
406 | box-shadow: 4px 4px 10px #333333; | ||
407 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
408 | -moz-box-shadow: 4px 4px 10px #333333; | ||
409 | box-shadow: 4px 4px 10px #333333; | ||
410 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
411 | -moz-box-shadow: 4px 4px 10px #333333; | ||
412 | box-shadow: 4px 4px 10px #333333; | ||
413 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
414 | -moz-box-shadow: 4px 4px 10px #333333; | ||
415 | box-shadow: 4px 4px 10px #333333; | ||
416 | border-top: 1px solid #d4d4d4; | ||
417 | border-left: 1px solid #a2a2a2; | ||
418 | border-right: 1px solid #6f6f6f; | ||
419 | border-bottom: 1px solid #3c3c3c; | ||
420 | border-radius: 8px; | ||
421 | -moz-border-radius: 8px; | ||
422 | -webkit-border-radius: 8px; | ||
423 | border-radius: 8px; | ||
424 | -moz-border-radius: 8px; | ||
425 | -webkit-border-radius: 8px; | ||
426 | border-radius: 8px; | ||
427 | -moz-border-radius: 8px; | ||
428 | -webkit-border-radius: 8px; | ||
429 | border-radius: 8px; | ||
430 | -moz-border-radius: 8px; | ||
431 | -webkit-border-radius: 8px; | ||
432 | border-radius: 8px; | ||
433 | -moz-border-radius: 8px; | ||
434 | -webkit-border-radius: 8px; | ||
435 | border-radius: 8px; | ||
436 | -moz-border-radius: 8px; | ||
437 | -webkit-border-radius: 8px; | ||
438 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
439 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
440 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
441 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
442 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
443 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
444 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
445 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
446 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
447 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
448 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
449 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
450 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
451 | -moz-box-shadow: 4px 4px 10px #333333; | ||
452 | box-shadow: 4px 4px 10px #333333; | ||
453 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
454 | -moz-box-shadow: 4px 4px 10px #333333; | ||
455 | box-shadow: 4px 4px 10px #333333; | ||
456 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
457 | -moz-box-shadow: 4px 4px 10px #333333; | ||
458 | box-shadow: 4px 4px 10px #333333; | ||
459 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
460 | -moz-box-shadow: 4px 4px 10px #333333; | ||
461 | box-shadow: 4px 4px 10px #333333; | ||
462 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
463 | -moz-box-shadow: 4px 4px 10px #333333; | ||
464 | box-shadow: 4px 4px 10px #333333; | ||
465 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
466 | -moz-box-shadow: 4px 4px 10px #333333; | ||
467 | box-shadow: 4px 4px 10px #333333; | ||
468 | border-top: 1px solid #d4d4d4; | ||
469 | border-left: 1px solid #a2a2a2; | ||
470 | border-right: 1px solid #6f6f6f; | ||
471 | border-bottom: 1px solid #3c3c3c; | ||
472 | border-radius: 8px; | ||
473 | -moz-border-radius: 8px; | ||
474 | -webkit-border-radius: 8px; | ||
475 | border-radius: 8px; | ||
476 | -moz-border-radius: 8px; | ||
477 | -webkit-border-radius: 8px; | ||
478 | border-radius: 8px; | ||
479 | -moz-border-radius: 8px; | ||
480 | -webkit-border-radius: 8px; | ||
481 | border-radius: 8px; | ||
482 | -moz-border-radius: 8px; | ||
483 | -webkit-border-radius: 8px; | ||
484 | border-radius: 8px; | ||
485 | -moz-border-radius: 8px; | ||
486 | -webkit-border-radius: 8px; | ||
487 | border-radius: 8px; | ||
488 | -moz-border-radius: 8px; | ||
489 | -webkit-border-radius: 8px; | ||
490 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
491 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
492 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
493 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
494 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
495 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
496 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
497 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
498 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
499 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
500 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); | ||
501 | background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); | ||
502 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
503 | -moz-box-shadow: 4px 4px 10px #333333; | ||
504 | box-shadow: 4px 4px 10px #333333; | ||
505 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
506 | -moz-box-shadow: 4px 4px 10px #333333; | ||
507 | box-shadow: 4px 4px 10px #333333; | ||
508 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
509 | -moz-box-shadow: 4px 4px 10px #333333; | ||
510 | box-shadow: 4px 4px 10px #333333; | ||
511 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
512 | -moz-box-shadow: 4px 4px 10px #333333; | ||
513 | box-shadow: 4px 4px 10px #333333; | ||
514 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
515 | -moz-box-shadow: 4px 4px 10px #333333; | ||
516 | box-shadow: 4px 4px 10px #333333; | ||
517 | -webkit-box-shadow: 4px 4px 10px #333333; | ||
518 | -moz-box-shadow: 4px 4px 10px #333333; | ||
519 | box-shadow: 4px 4px 10px #333333; | ||
520 | border-top: 1px solid #d4d4d4; | ||
521 | border-left: 1px solid #a2a2a2; | ||
522 | border-right: 1px solid #6f6f6f; | ||
523 | border-bottom: 1px solid #3c3c3c; | ||
524 | } | ||
525 | div.tooltip div.tooltip_body span { | ||
526 | display: block; | ||
527 | padding: 10px; | ||
528 | font-size: 10pt; | ||
529 | color: white; | ||
530 | } | ||
531 | div.tooltip div.tooltip_body div.tooltip_text { | ||
532 | width: 200px; | ||
533 | } | ||
534 | div.tooltip div.tooltip_arrow { | ||
535 | position: absolute; | ||
536 | width: 0; | ||
537 | height: 0; | ||
538 | border: 6px solid transparent; | ||
539 | } | ||
540 | div.tooltip.BELOW div.tooltip_arrow { | ||
541 | top: -12px; | ||
542 | left: 97px; | ||
543 | border-bottom: 6px solid #bbbbbb; | ||
544 | } | ||
545 | div.tooltip.ABOVE div.tooltip_arrow { | ||
546 | position: static; | ||
547 | margin-left: 97px; | ||
548 | border-top: 6px solid #555555; | ||
549 | } | ||
550 | div.tooltip.LEFT div.tooltip_arrow { | ||
551 | left: 203px; | ||
552 | top: 10px; | ||
553 | border-left: 6px solid #747474; | ||
554 | } | ||
555 | div.tooltip.LEFT div.tooltip_body div.tooltip_text { | ||
556 | min-height: 45px; | ||
557 | } | ||
558 | div.tooltip.RIGHT div.tooltip_arrow { | ||
559 | left: -12px; | ||
560 | top: 10px; | ||
561 | border-right: 6px solid #9c9c9c; | ||
562 | } | ||
563 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | ||
564 | min-height: 45px; | ||
565 | } | ||
566 | /* | ||
567 | |||
568 | Color list: | ||
569 | - login box: | ||
570 | light#ff9955 | ||
571 | dark#ff6622 | ||
572 | - login button: | ||
573 | regular#dd5500 | ||
574 | hover#773311 | ||
575 | - login translations: | ||
576 | box: #cc6622; | ||
577 | not-selected: | ||
578 | color: #ddaa99 | ||
579 | background:#994422 | ||
580 | selected: #772211; | ||
581 | */ | ||
582 | html { | ||
583 | height: 100%; | ||
584 | } | ||
585 | body { | ||
586 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | ||
587 | margin: 0px; | ||
588 | } | ||
589 | div.modalDialogMask.userInfoBoxMask { | ||
590 | -moz-opacity: 0.0; | ||
591 | opacity: .0; | ||
592 | filter: alpha(opacity=0); | ||
593 | z-index: 19000; | ||
594 | } | ||
170 | .reset-margin { | 595 | .reset-margin { |
171 | margin: 0px; | 596 | margin: 0px; |
172 | padding: 0px; | 597 | padding: 0px; |
173 | border: 0px; | 598 | border: 0px; |
174 | } | 599 | } |
175 | .clear { | 600 | .clear { |
176 | clear: both; | 601 | clear: both; |
177 | } | 602 | } |
178 | .hidden_none { | 603 | .hidden_none { |
179 | display: none; | 604 | display: none; |
180 | visibility: hidden; | 605 | visibility: hidden; |
181 | } | 606 | } |
182 | .keepTogether { | 607 | .keepTogether { |
183 | display: inline-block; | 608 | display: inline-block; |
184 | white-space: nowrap; | 609 | white-space: nowrap; |
185 | } | 610 | } |
186 | #mainDiv { | 611 | #mainDiv { |
187 | margin: 0 auto; | 612 | margin: 0 auto; |
188 | } | 613 | } |
189 | div.pageHeaderAndBody { | 614 | div.pageHeaderAndBody { |
190 | height: 100%; | 615 | height: 100%; |
191 | } | 616 | } |
192 | body > div.pageHeaderAndBody { | 617 | body > div.pageHeaderAndBody { |
193 | height: auto; | 618 | height: auto; |
@@ -203,253 +628,401 @@ div.pageHeader div#miscLinks { | |||
203 | div.pageHeader div#miscLinks ul { | 628 | div.pageHeader div#miscLinks ul { |
204 | margin: 12px 0px 0px; | 629 | margin: 12px 0px 0px; |
205 | padding: 15px; | 630 | padding: 15px; |
206 | } | 631 | } |
207 | div.pageHeader div#miscLinks ul li { | 632 | div.pageHeader div#miscLinks ul li { |
208 | display: inline; | 633 | display: inline; |
209 | margin: 0px; | 634 | margin: 0px; |
210 | padding: 0px; | 635 | padding: 0px; |
211 | border: 0px; | 636 | border: 0px; |
212 | } | 637 | } |
213 | div.pageHeader div#miscLinks ul li a { | 638 | div.pageHeader div#miscLinks ul li a { |
214 | color: #ffffff; | 639 | color: #ffffff; |
215 | margin: 0px; | 640 | margin: 0px; |
216 | padding: 0px; | 641 | padding: 0px; |
217 | border: 0px; | 642 | border: 0px; |
218 | margin: 0px; | 643 | margin: 0px; |
219 | padding: 0px; | 644 | padding: 0px; |
220 | border: 0px; | 645 | border: 0px; |
221 | margin: 0px; | 646 | margin: 0px; |
222 | padding: 0px; | 647 | padding: 0px; |
223 | border: 0px; | 648 | border: 0px; |
224 | margin: 0px; | 649 | margin: 0px; |
225 | padding: 0px; | 650 | padding: 0px; |
226 | border: 0px; | 651 | border: 0px; |
652 | margin: 0px; | ||
653 | padding: 0px; | ||
654 | border: 0px; | ||
655 | margin: 0px; | ||
656 | padding: 0px; | ||
657 | border: 0px; | ||
227 | padding: 15px; | 658 | padding: 15px; |
228 | border-left: 1px solid #3e428f; | 659 | border-left: 1px solid #3e428f; |
229 | font-weight: normal; | 660 | font-weight: normal; |
230 | text-decoration: none; | 661 | text-decoration: none; |
231 | font-size: 12pt; | 662 | font-size: 12pt; |
232 | min-width: 70px; | 663 | min-width: 70px; |
233 | } | 664 | } |
234 | div.pageHeader div#miscLinks ul li a:hover { | 665 | div.pageHeader div#miscLinks ul li a:hover { |
235 | color: #b8bae1; | 666 | color: #b8bae1; |
236 | } | 667 | } |
237 | div.pageHeader div#miscLinks ul li a#donateHeaderLink { | 668 | div.pageHeader div#miscLinks ul li a#donateHeaderLink { |
238 | border-left: 0px; | 669 | border-left: 0px; |
239 | } | 670 | } |
240 | div.pageHeader div#logoFrame { | 671 | div.pageHeader div#logoFrame { |
241 | padding: 16px 16px 60px 16px; | 672 | padding: 16px 16px 60px 16px; |
242 | min-height: 44px; | 673 | min-height: 44px; |
243 | } | 674 | } |
244 | div.pageHeader div#logoFrame a { | 675 | div.pageHeader div#logoFrame a { |
245 | color: white; | 676 | color: white; |
246 | text-decoration: none; | 677 | text-decoration: none; |
247 | } | 678 | } |
248 | div.pageHeader div#logoFrame a canvas { | 679 | div.pageHeader div#logoFrame a canvas { |
249 | margin: 0px; | 680 | margin: 0px; |
250 | padding: 0px; | 681 | padding: 0px; |
251 | border: 0px; | 682 | border: 0px; |
252 | margin: 0px; | 683 | margin: 0px; |
253 | padding: 0px; | 684 | padding: 0px; |
254 | border: 0px; | 685 | border: 0px; |
255 | margin: 0px; | 686 | margin: 0px; |
256 | padding: 0px; | 687 | padding: 0px; |
257 | border: 0px; | 688 | border: 0px; |
258 | margin: 0px; | 689 | margin: 0px; |
259 | padding: 0px; | 690 | padding: 0px; |
260 | border: 0px; | 691 | border: 0px; |
692 | margin: 0px; | ||
693 | padding: 0px; | ||
694 | border: 0px; | ||
695 | margin: 0px; | ||
696 | padding: 0px; | ||
697 | border: 0px; | ||
261 | width: 150px; | 698 | width: 150px; |
262 | height: 39px; | 699 | height: 39px; |
263 | } | 700 | } |
264 | div.pageHeader div#logoFrame a h5.clipperzPayoff { | 701 | div.pageHeader div#logoFrame a h5.clipperzPayoff { |
265 | font-size: 13pt; | 702 | font-size: 13pt; |
266 | font-weight: normal; | 703 | font-weight: normal; |
267 | white-space: nowrap; | 704 | white-space: nowrap; |
268 | margin: 0px; | 705 | margin: 0px; |
269 | padding-left: 4px; | 706 | padding-left: 4px; |
270 | } | 707 | } |
271 | div.pageHeader div#featureTabs table { | 708 | div.pageHeader div#featureTabs table { |
272 | width: 100%; | 709 | width: 100%; |
273 | padding: 6px; | 710 | padding: 6px; |
274 | padding-left: 15px; | 711 | padding-left: 15px; |
275 | padding-right: 15px; | 712 | padding-right: 15px; |
276 | padding-bottom: 46px; | 713 | padding-bottom: 46px; |
277 | } | 714 | } |
278 | div.pageHeader div#featureTabs table tr td { | 715 | div.pageHeader div#featureTabs table tr td { |
279 | width: 25%; | 716 | width: 25%; |
280 | vertical-align: top; | 717 | vertical-align: top; |
281 | font-size: 11pt; | 718 | font-size: 11pt; |
282 | color: white; | 719 | color: white; |
283 | } | 720 | } |
284 | div.pageHeader div#featureTabs table tr td img { | 721 | div.pageHeader div#featureTabs table tr td img { |
285 | float: left; | 722 | float: left; |
286 | } | 723 | } |
287 | div.pageHeader div#featureTabs table tr td span { | 724 | div.pageHeader div#featureTabs table tr td span { |
288 | display: block; | 725 | display: block; |
289 | padding: 5 10 5 85; | 726 | padding: 5 10 5 85; |
290 | } | 727 | } |
291 | div.pageHeader div#featureTabs canvas.featureIcon { | 728 | div.pageHeader div#featureTabs canvas.featureIcon { |
292 | width: 76px; | 729 | width: 76px; |
293 | height: 76px; | 730 | height: 76px; |
294 | display: block; | 731 | display: block; |
295 | float: left; | 732 | float: left; |
296 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 733 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
297 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 734 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
298 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 735 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
299 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 736 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
300 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 737 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
301 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 738 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
302 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | 739 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); |
303 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | 740 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); |
741 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
742 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
743 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); | ||
744 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); | ||
745 | border-radius: 38px; | ||
746 | -moz-border-radius: 38px; | ||
747 | -webkit-border-radius: 38px; | ||
748 | border-radius: 38px; | ||
749 | -moz-border-radius: 38px; | ||
750 | -webkit-border-radius: 38px; | ||
304 | border-radius: 38px; | 751 | border-radius: 38px; |
305 | -moz-border-radius: 38px; | 752 | -moz-border-radius: 38px; |
306 | -webkit-border-radius: 38px; | 753 | -webkit-border-radius: 38px; |
307 | border-radius: 38px; | 754 | border-radius: 38px; |
308 | -moz-border-radius: 38px; | 755 | -moz-border-radius: 38px; |
309 | -webkit-border-radius: 38px; | 756 | -webkit-border-radius: 38px; |
310 | border-radius: 38px; | 757 | border-radius: 38px; |
311 | -moz-border-radius: 38px; | 758 | -moz-border-radius: 38px; |
312 | -webkit-border-radius: 38px; | 759 | -webkit-border-radius: 38px; |
313 | border-radius: 38px; | 760 | border-radius: 38px; |
314 | -moz-border-radius: 38px; | 761 | -moz-border-radius: 38px; |
315 | -webkit-border-radius: 38px; | 762 | -webkit-border-radius: 38px; |
316 | } | 763 | } |
317 | div.pageHeader div#news { | 764 | div.pageHeader div#news { |
318 | top: -82px; | 765 | top: -82px; |
319 | left: 240px; | 766 | left: 240px; |
320 | width: 310px; | 767 | width: 310px; |
321 | height: 90px; | 768 | height: 90px; |
322 | position: absolute; | 769 | position: absolute; |
323 | background-color: #616475; | 770 | background-color: #616475; |
324 | -webkit-border-bottom-left-radius: 8px; | 771 | -webkit-border-bottom-left-radius: 8px; |
325 | -moz-border-radius-bottomleft: 8px; | 772 | -moz-border-radius-bottomleft: 8px; |
326 | border-bottom-left-radius: 8px; | 773 | border-bottom-left-radius: 8px; |
327 | -webkit-border-bottom-left-radius: 8px; | 774 | -webkit-border-bottom-left-radius: 8px; |
328 | -moz-border-radius-bottomleft: 8px; | 775 | -moz-border-radius-bottomleft: 8px; |
329 | border-bottom-left-radius: 8px; | 776 | border-bottom-left-radius: 8px; |
330 | -webkit-border-bottom-left-radius: 8px; | 777 | -webkit-border-bottom-left-radius: 8px; |
331 | -moz-border-radius-bottomleft: 8px; | 778 | -moz-border-radius-bottomleft: 8px; |
332 | border-bottom-left-radius: 8px; | 779 | border-bottom-left-radius: 8px; |
333 | -webkit-border-bottom-left-radius: 8px; | 780 | -webkit-border-bottom-left-radius: 8px; |
334 | -moz-border-radius-bottomleft: 8px; | 781 | -moz-border-radius-bottomleft: 8px; |
335 | border-bottom-left-radius: 8px; | 782 | border-bottom-left-radius: 8px; |
783 | -webkit-border-bottom-left-radius: 8px; | ||
784 | -moz-border-radius-bottomleft: 8px; | ||
785 | border-bottom-left-radius: 8px; | ||
786 | -webkit-border-bottom-left-radius: 8px; | ||
787 | -moz-border-radius-bottomleft: 8px; | ||
788 | border-bottom-left-radius: 8px; | ||
789 | -webkit-border-bottom-right-radius: 8px; | ||
790 | -moz-border-radius-bottomright: 8px; | ||
791 | border-bottom-right-radius: 8px; | ||
792 | -webkit-border-bottom-right-radius: 8px; | ||
793 | -moz-border-radius-bottomright: 8px; | ||
794 | border-bottom-right-radius: 8px; | ||
795 | -webkit-border-bottom-right-radius: 8px; | ||
796 | -moz-border-radius-bottomright: 8px; | ||
797 | border-bottom-right-radius: 8px; | ||
798 | -webkit-border-bottom-right-radius: 8px; | ||
799 | -moz-border-radius-bottomright: 8px; | ||
800 | border-bottom-right-radius: 8px; | ||
801 | -webkit-border-bottom-right-radius: 8px; | ||
802 | -moz-border-radius-bottomright: 8px; | ||
803 | border-bottom-right-radius: 8px; | ||
804 | -webkit-border-bottom-right-radius: 8px; | ||
805 | -moz-border-radius-bottomright: 8px; | ||
806 | border-bottom-right-radius: 8px; | ||
807 | -webkit-border-bottom-left-radius: 8px; | ||
808 | -moz-border-radius-bottomleft: 8px; | ||
809 | border-bottom-left-radius: 8px; | ||
810 | -webkit-border-bottom-left-radius: 8px; | ||
811 | -moz-border-radius-bottomleft: 8px; | ||
812 | border-bottom-left-radius: 8px; | ||
813 | -webkit-border-bottom-left-radius: 8px; | ||
814 | -moz-border-radius-bottomleft: 8px; | ||
815 | border-bottom-left-radius: 8px; | ||
816 | -webkit-border-bottom-left-radius: 8px; | ||
817 | -moz-border-radius-bottomleft: 8px; | ||
818 | border-bottom-left-radius: 8px; | ||
819 | -webkit-border-bottom-left-radius: 8px; | ||
820 | -moz-border-radius-bottomleft: 8px; | ||
821 | border-bottom-left-radius: 8px; | ||
822 | -webkit-border-bottom-left-radius: 8px; | ||
823 | -moz-border-radius-bottomleft: 8px; | ||
824 | border-bottom-left-radius: 8px; | ||
825 | -webkit-border-bottom-right-radius: 8px; | ||
826 | -moz-border-radius-bottomright: 8px; | ||
827 | border-bottom-right-radius: 8px; | ||
828 | -webkit-border-bottom-right-radius: 8px; | ||
829 | -moz-border-radius-bottomright: 8px; | ||
830 | border-bottom-right-radius: 8px; | ||
336 | -webkit-border-bottom-right-radius: 8px; | 831 | -webkit-border-bottom-right-radius: 8px; |
337 | -moz-border-radius-bottomright: 8px; | 832 | -moz-border-radius-bottomright: 8px; |
338 | border-bottom-right-radius: 8px; | 833 | border-bottom-right-radius: 8px; |
339 | -webkit-border-bottom-right-radius: 8px; | 834 | -webkit-border-bottom-right-radius: 8px; |
340 | -moz-border-radius-bottomright: 8px; | 835 | -moz-border-radius-bottomright: 8px; |
341 | border-bottom-right-radius: 8px; | 836 | border-bottom-right-radius: 8px; |
342 | -webkit-border-bottom-right-radius: 8px; | 837 | -webkit-border-bottom-right-radius: 8px; |
343 | -moz-border-radius-bottomright: 8px; | 838 | -moz-border-radius-bottomright: 8px; |
344 | border-bottom-right-radius: 8px; | 839 | border-bottom-right-radius: 8px; |
345 | -webkit-border-bottom-right-radius: 8px; | 840 | -webkit-border-bottom-right-radius: 8px; |
346 | -moz-border-radius-bottomright: 8px; | 841 | -moz-border-radius-bottomright: 8px; |
347 | border-bottom-right-radius: 8px; | 842 | border-bottom-right-radius: 8px; |
348 | -webkit-border-bottom-left-radius: 8px; | 843 | -webkit-border-bottom-left-radius: 8px; |
349 | -moz-border-radius-bottomleft: 8px; | 844 | -moz-border-radius-bottomleft: 8px; |
350 | border-bottom-left-radius: 8px; | 845 | border-bottom-left-radius: 8px; |
351 | -webkit-border-bottom-left-radius: 8px; | 846 | -webkit-border-bottom-left-radius: 8px; |
352 | -moz-border-radius-bottomleft: 8px; | 847 | -moz-border-radius-bottomleft: 8px; |
353 | border-bottom-left-radius: 8px; | 848 | border-bottom-left-radius: 8px; |
354 | -webkit-border-bottom-left-radius: 8px; | 849 | -webkit-border-bottom-left-radius: 8px; |
355 | -moz-border-radius-bottomleft: 8px; | 850 | -moz-border-radius-bottomleft: 8px; |
356 | border-bottom-left-radius: 8px; | 851 | border-bottom-left-radius: 8px; |
357 | -webkit-border-bottom-left-radius: 8px; | 852 | -webkit-border-bottom-left-radius: 8px; |
358 | -moz-border-radius-bottomleft: 8px; | 853 | -moz-border-radius-bottomleft: 8px; |
359 | border-bottom-left-radius: 8px; | 854 | border-bottom-left-radius: 8px; |
855 | -webkit-border-bottom-left-radius: 8px; | ||
856 | -moz-border-radius-bottomleft: 8px; | ||
857 | border-bottom-left-radius: 8px; | ||
858 | -webkit-border-bottom-left-radius: 8px; | ||
859 | -moz-border-radius-bottomleft: 8px; | ||
860 | border-bottom-left-radius: 8px; | ||
861 | -webkit-border-bottom-right-radius: 8px; | ||
862 | -moz-border-radius-bottomright: 8px; | ||
863 | border-bottom-right-radius: 8px; | ||
864 | -webkit-border-bottom-right-radius: 8px; | ||
865 | -moz-border-radius-bottomright: 8px; | ||
866 | border-bottom-right-radius: 8px; | ||
867 | -webkit-border-bottom-right-radius: 8px; | ||
868 | -moz-border-radius-bottomright: 8px; | ||
869 | border-bottom-right-radius: 8px; | ||
870 | -webkit-border-bottom-right-radius: 8px; | ||
871 | -moz-border-radius-bottomright: 8px; | ||
872 | border-bottom-right-radius: 8px; | ||
873 | -webkit-border-bottom-right-radius: 8px; | ||
874 | -moz-border-radius-bottomright: 8px; | ||
875 | border-bottom-right-radius: 8px; | ||
876 | -webkit-border-bottom-right-radius: 8px; | ||
877 | -moz-border-radius-bottomright: 8px; | ||
878 | border-bottom-right-radius: 8px; | ||
879 | -webkit-border-bottom-left-radius: 8px; | ||
880 | -moz-border-radius-bottomleft: 8px; | ||
881 | border-bottom-left-radius: 8px; | ||
882 | -webkit-border-bottom-left-radius: 8px; | ||
883 | -moz-border-radius-bottomleft: 8px; | ||
884 | border-bottom-left-radius: 8px; | ||
885 | -webkit-border-bottom-left-radius: 8px; | ||
886 | -moz-border-radius-bottomleft: 8px; | ||
887 | border-bottom-left-radius: 8px; | ||
888 | -webkit-border-bottom-left-radius: 8px; | ||
889 | -moz-border-radius-bottomleft: 8px; | ||
890 | border-bottom-left-radius: 8px; | ||
891 | -webkit-border-bottom-left-radius: 8px; | ||
892 | -moz-border-radius-bottomleft: 8px; | ||
893 | border-bottom-left-radius: 8px; | ||
894 | -webkit-border-bottom-left-radius: 8px; | ||
895 | -moz-border-radius-bottomleft: 8px; | ||
896 | border-bottom-left-radius: 8px; | ||
897 | -webkit-border-bottom-right-radius: 8px; | ||
898 | -moz-border-radius-bottomright: 8px; | ||
899 | border-bottom-right-radius: 8px; | ||
360 | -webkit-border-bottom-right-radius: 8px; | 900 | -webkit-border-bottom-right-radius: 8px; |
361 | -moz-border-radius-bottomright: 8px; | 901 | -moz-border-radius-bottomright: 8px; |
362 | border-bottom-right-radius: 8px; | 902 | border-bottom-right-radius: 8px; |
363 | -webkit-border-bottom-right-radius: 8px; | 903 | -webkit-border-bottom-right-radius: 8px; |
364 | -moz-border-radius-bottomright: 8px; | 904 | -moz-border-radius-bottomright: 8px; |
365 | border-bottom-right-radius: 8px; | 905 | border-bottom-right-radius: 8px; |
366 | -webkit-border-bottom-right-radius: 8px; | 906 | -webkit-border-bottom-right-radius: 8px; |
367 | -moz-border-radius-bottomright: 8px; | 907 | -moz-border-radius-bottomright: 8px; |
368 | border-bottom-right-radius: 8px; | 908 | border-bottom-right-radius: 8px; |
369 | -webkit-border-bottom-right-radius: 8px; | 909 | -webkit-border-bottom-right-radius: 8px; |
370 | -moz-border-radius-bottomright: 8px; | 910 | -moz-border-radius-bottomright: 8px; |
371 | border-bottom-right-radius: 8px; | 911 | border-bottom-right-radius: 8px; |
912 | -webkit-border-bottom-right-radius: 8px; | ||
913 | -moz-border-radius-bottomright: 8px; | ||
914 | border-bottom-right-radius: 8px; | ||
915 | -webkit-border-bottom-left-radius: 8px; | ||
916 | -moz-border-radius-bottomleft: 8px; | ||
917 | border-bottom-left-radius: 8px; | ||
918 | -webkit-border-bottom-left-radius: 8px; | ||
919 | -moz-border-radius-bottomleft: 8px; | ||
920 | border-bottom-left-radius: 8px; | ||
372 | -webkit-border-bottom-left-radius: 8px; | 921 | -webkit-border-bottom-left-radius: 8px; |
373 | -moz-border-radius-bottomleft: 8px; | 922 | -moz-border-radius-bottomleft: 8px; |
374 | border-bottom-left-radius: 8px; | 923 | border-bottom-left-radius: 8px; |
375 | -webkit-border-bottom-left-radius: 8px; | 924 | -webkit-border-bottom-left-radius: 8px; |
376 | -moz-border-radius-bottomleft: 8px; | 925 | -moz-border-radius-bottomleft: 8px; |
377 | border-bottom-left-radius: 8px; | 926 | border-bottom-left-radius: 8px; |
378 | -webkit-border-bottom-left-radius: 8px; | 927 | -webkit-border-bottom-left-radius: 8px; |
379 | -moz-border-radius-bottomleft: 8px; | 928 | -moz-border-radius-bottomleft: 8px; |
380 | border-bottom-left-radius: 8px; | 929 | border-bottom-left-radius: 8px; |
381 | -webkit-border-bottom-left-radius: 8px; | 930 | -webkit-border-bottom-left-radius: 8px; |
382 | -moz-border-radius-bottomleft: 8px; | 931 | -moz-border-radius-bottomleft: 8px; |
383 | border-bottom-left-radius: 8px; | 932 | border-bottom-left-radius: 8px; |
384 | -webkit-border-bottom-right-radius: 8px; | 933 | -webkit-border-bottom-right-radius: 8px; |
385 | -moz-border-radius-bottomright: 8px; | 934 | -moz-border-radius-bottomright: 8px; |
386 | border-bottom-right-radius: 8px; | 935 | border-bottom-right-radius: 8px; |
387 | -webkit-border-bottom-right-radius: 8px; | 936 | -webkit-border-bottom-right-radius: 8px; |
388 | -moz-border-radius-bottomright: 8px; | 937 | -moz-border-radius-bottomright: 8px; |
389 | border-bottom-right-radius: 8px; | 938 | border-bottom-right-radius: 8px; |
390 | -webkit-border-bottom-right-radius: 8px; | 939 | -webkit-border-bottom-right-radius: 8px; |
391 | -moz-border-radius-bottomright: 8px; | 940 | -moz-border-radius-bottomright: 8px; |
392 | border-bottom-right-radius: 8px; | 941 | border-bottom-right-radius: 8px; |
393 | -webkit-border-bottom-right-radius: 8px; | 942 | -webkit-border-bottom-right-radius: 8px; |
394 | -moz-border-radius-bottomright: 8px; | 943 | -moz-border-radius-bottomright: 8px; |
395 | border-bottom-right-radius: 8px; | 944 | border-bottom-right-radius: 8px; |
945 | -webkit-border-bottom-right-radius: 8px; | ||
946 | -moz-border-radius-bottomright: 8px; | ||
947 | border-bottom-right-radius: 8px; | ||
948 | -webkit-border-bottom-right-radius: 8px; | ||
949 | -moz-border-radius-bottomright: 8px; | ||
950 | border-bottom-right-radius: 8px; | ||
951 | -webkit-border-bottom-left-radius: 8px; | ||
952 | -moz-border-radius-bottomleft: 8px; | ||
953 | border-bottom-left-radius: 8px; | ||
954 | -webkit-border-bottom-left-radius: 8px; | ||
955 | -moz-border-radius-bottomleft: 8px; | ||
956 | border-bottom-left-radius: 8px; | ||
396 | -webkit-border-bottom-left-radius: 8px; | 957 | -webkit-border-bottom-left-radius: 8px; |
397 | -moz-border-radius-bottomleft: 8px; | 958 | -moz-border-radius-bottomleft: 8px; |
398 | border-bottom-left-radius: 8px; | 959 | border-bottom-left-radius: 8px; |
399 | -webkit-border-bottom-left-radius: 8px; | 960 | -webkit-border-bottom-left-radius: 8px; |
400 | -moz-border-radius-bottomleft: 8px; | 961 | -moz-border-radius-bottomleft: 8px; |
401 | border-bottom-left-radius: 8px; | 962 | border-bottom-left-radius: 8px; |
402 | -webkit-border-bottom-left-radius: 8px; | 963 | -webkit-border-bottom-left-radius: 8px; |
403 | -moz-border-radius-bottomleft: 8px; | 964 | -moz-border-radius-bottomleft: 8px; |
404 | border-bottom-left-radius: 8px; | 965 | border-bottom-left-radius: 8px; |
405 | -webkit-border-bottom-left-radius: 8px; | 966 | -webkit-border-bottom-left-radius: 8px; |
406 | -moz-border-radius-bottomleft: 8px; | 967 | -moz-border-radius-bottomleft: 8px; |
407 | border-bottom-left-radius: 8px; | 968 | border-bottom-left-radius: 8px; |
408 | -webkit-border-bottom-right-radius: 8px; | 969 | -webkit-border-bottom-right-radius: 8px; |
409 | -moz-border-radius-bottomright: 8px; | 970 | -moz-border-radius-bottomright: 8px; |
410 | border-bottom-right-radius: 8px; | 971 | border-bottom-right-radius: 8px; |
411 | -webkit-border-bottom-right-radius: 8px; | 972 | -webkit-border-bottom-right-radius: 8px; |
412 | -moz-border-radius-bottomright: 8px; | 973 | -moz-border-radius-bottomright: 8px; |
413 | border-bottom-right-radius: 8px; | 974 | border-bottom-right-radius: 8px; |
414 | -webkit-border-bottom-right-radius: 8px; | 975 | -webkit-border-bottom-right-radius: 8px; |
415 | -moz-border-radius-bottomright: 8px; | 976 | -moz-border-radius-bottomright: 8px; |
416 | border-bottom-right-radius: 8px; | 977 | border-bottom-right-radius: 8px; |
417 | -webkit-border-bottom-right-radius: 8px; | 978 | -webkit-border-bottom-right-radius: 8px; |
418 | -moz-border-radius-bottomright: 8px; | 979 | -moz-border-radius-bottomright: 8px; |
419 | border-bottom-right-radius: 8px; | 980 | border-bottom-right-radius: 8px; |
420 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 981 | -webkit-border-bottom-right-radius: 8px; |
421 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 982 | -moz-border-radius-bottomright: 8px; |
422 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 983 | border-bottom-right-radius: 8px; |
423 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 984 | -webkit-border-bottom-right-radius: 8px; |
424 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 985 | -moz-border-radius-bottomright: 8px; |
425 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 986 | border-bottom-right-radius: 8px; |
426 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 987 | -webkit-box-shadow: 2px 2px 9px #333333; |
427 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 988 | -moz-box-shadow: 2px 2px 9px #333333; |
428 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 989 | box-shadow: 2px 2px 9px #333333; |
429 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 990 | -webkit-box-shadow: 2px 2px 9px #333333; |
430 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 991 | -moz-box-shadow: 2px 2px 9px #333333; |
431 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 992 | box-shadow: 2px 2px 9px #333333; |
993 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
994 | -moz-box-shadow: 2px 2px 9px #333333; | ||
995 | box-shadow: 2px 2px 9px #333333; | ||
996 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
997 | -moz-box-shadow: 2px 2px 9px #333333; | ||
998 | box-shadow: 2px 2px 9px #333333; | ||
999 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1000 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1001 | box-shadow: 2px 2px 9px #333333; | ||
1002 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1003 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1004 | box-shadow: 2px 2px 9px #333333; | ||
432 | } | 1005 | } |
433 | div.pageHeader div#news div#newsframe { | 1006 | div.pageHeader div#news div#newsframe { |
434 | margin-left: 10px; | 1007 | margin-left: 10px; |
435 | margin-right: 10px; | 1008 | margin-right: 10px; |
436 | height: 75px; | 1009 | height: 75px; |
437 | overflow: hidden; | 1010 | overflow: hidden; |
438 | } | 1011 | } |
439 | div.pageHeader div#news div#newsframe iframe { | 1012 | div.pageHeader div#news div#newsframe iframe { |
440 | width: 290px; | 1013 | width: 290px; |
441 | border: 0px; | 1014 | border: 0px; |
442 | color: #616475; | 1015 | color: #616475; |
443 | background-color: #616475; | 1016 | background-color: #616475; |
444 | } | 1017 | } |
445 | div.pageHeader div#news div.grip { | 1018 | div.pageHeader div#news div.grip { |
446 | width: 310px; | 1019 | width: 310px; |
447 | height: 12px; | 1020 | height: 12px; |
448 | margin-top: 2px; | 1021 | margin-top: 2px; |
449 | cursor: pointer; | 1022 | cursor: pointer; |
450 | } | 1023 | } |
451 | div.pageHeader div#news div.grip div.gripHandler { | 1024 | div.pageHeader div#news div.grip div.gripHandler { |
452 | margin-left: auto; | 1025 | margin-left: auto; |
453 | margin-right: auto; | 1026 | margin-right: auto; |
454 | margin-top: 8px; | 1027 | margin-top: 8px; |
455 | width: 0; | 1028 | width: 0; |
@@ -503,185 +1076,315 @@ div.pageFooter div.footerWrapper div.footerContent span.applicationVersion { | |||
503 | } | 1076 | } |
504 | /* | 1077 | /* |
505 | 1078 | ||
506 | Color list: | 1079 | Color list: |
507 | - login box: | 1080 | - login box: |
508 | light#ff9955 | 1081 | light#ff9955 |
509 | dark#ff6622 | 1082 | dark#ff6622 |
510 | - login button: | 1083 | - login button: |
511 | regular#dd5500 | 1084 | regular#dd5500 |
512 | hover#773311 | 1085 | hover#773311 |
513 | - login translations: | 1086 | - login translations: |
514 | box: #cc6622; | 1087 | box: #cc6622; |
515 | not-selected: | 1088 | not-selected: |
516 | color: #ddaa99 | 1089 | color: #ddaa99 |
517 | background:#994422 | 1090 | background:#994422 |
518 | selected: #772211; | 1091 | selected: #772211; |
519 | */ | 1092 | */ |
520 | html { | 1093 | html { |
521 | height: 100%; | 1094 | height: 100%; |
522 | } | 1095 | } |
523 | body { | 1096 | body { |
524 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 1097 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
525 | margin: 0px; | 1098 | margin: 0px; |
526 | } | 1099 | } |
1100 | div.modalDialogMask.userInfoBoxMask { | ||
1101 | -moz-opacity: 0.0; | ||
1102 | opacity: .0; | ||
1103 | filter: alpha(opacity=0); | ||
1104 | z-index: 19000; | ||
1105 | } | ||
527 | .reset-margin { | 1106 | .reset-margin { |
528 | margin: 0px; | 1107 | margin: 0px; |
529 | padding: 0px; | 1108 | padding: 0px; |
530 | border: 0px; | 1109 | border: 0px; |
531 | } | 1110 | } |
532 | .clear { | 1111 | .clear { |
533 | clear: both; | 1112 | clear: both; |
534 | } | 1113 | } |
535 | .hidden_none { | 1114 | .hidden_none { |
536 | display: none; | 1115 | display: none; |
537 | visibility: hidden; | 1116 | visibility: hidden; |
538 | } | 1117 | } |
539 | .keepTogether { | 1118 | .keepTogether { |
540 | display: inline-block; | 1119 | display: inline-block; |
541 | white-space: nowrap; | 1120 | white-space: nowrap; |
542 | } | 1121 | } |
543 | #mainDiv { | 1122 | #mainDiv { |
544 | margin: 0 auto; | 1123 | margin: 0 auto; |
545 | } | 1124 | } |
546 | div#loginBox { | 1125 | div#loginBox { |
547 | width: 273px; | 1126 | width: 273px; |
548 | z-index: 19000; | 1127 | z-index: 19000; |
549 | top: -30px; | 1128 | top: -30px; |
550 | right: 30px; | 1129 | right: 30px; |
551 | position: relative; | 1130 | position: relative; |
552 | float: right; | 1131 | float: right; |
553 | } | 1132 | } |
554 | div#loginBox div.header { | 1133 | div#loginBox div.header { |
555 | height: 25px; | 1134 | height: 25px; |
556 | width: 273px; | 1135 | width: 273px; |
557 | background-color: #ff9b5a; | 1136 | background-color: #ff9b5a; |
558 | -webkit-border-top-left-radius: 20px; | 1137 | -webkit-border-top-left-radius: 20px; |
559 | -moz-border-radius-topleft: 20px; | 1138 | -moz-border-radius-topleft: 20px; |
560 | border-top-left-radius: 20px; | 1139 | border-top-left-radius: 20px; |
561 | -webkit-border-top-left-radius: 20px; | 1140 | -webkit-border-top-left-radius: 20px; |
562 | -moz-border-radius-topleft: 20px; | 1141 | -moz-border-radius-topleft: 20px; |
563 | border-top-left-radius: 20px; | 1142 | border-top-left-radius: 20px; |
564 | -webkit-border-top-left-radius: 20px; | 1143 | -webkit-border-top-left-radius: 20px; |
565 | -moz-border-radius-topleft: 20px; | 1144 | -moz-border-radius-topleft: 20px; |
566 | border-top-left-radius: 20px; | 1145 | border-top-left-radius: 20px; |
567 | -webkit-border-top-left-radius: 20px; | 1146 | -webkit-border-top-left-radius: 20px; |
568 | -moz-border-radius-topleft: 20px; | 1147 | -moz-border-radius-topleft: 20px; |
569 | border-top-left-radius: 20px; | 1148 | border-top-left-radius: 20px; |
1149 | -webkit-border-top-left-radius: 20px; | ||
1150 | -moz-border-radius-topleft: 20px; | ||
1151 | border-top-left-radius: 20px; | ||
1152 | -webkit-border-top-left-radius: 20px; | ||
1153 | -moz-border-radius-topleft: 20px; | ||
1154 | border-top-left-radius: 20px; | ||
570 | -webkit-border-top-right-radius: 20px; | 1155 | -webkit-border-top-right-radius: 20px; |
571 | -moz-border-radius-topright: 20px; | 1156 | -moz-border-radius-topright: 20px; |
572 | border-top-right-radius: 20px; | 1157 | border-top-right-radius: 20px; |
573 | -webkit-border-top-right-radius: 20px; | 1158 | -webkit-border-top-right-radius: 20px; |
574 | -moz-border-radius-topright: 20px; | 1159 | -moz-border-radius-topright: 20px; |
575 | border-top-right-radius: 20px; | 1160 | border-top-right-radius: 20px; |
576 | -webkit-border-top-right-radius: 20px; | 1161 | -webkit-border-top-right-radius: 20px; |
577 | -moz-border-radius-topright: 20px; | 1162 | -moz-border-radius-topright: 20px; |
578 | border-top-right-radius: 20px; | 1163 | border-top-right-radius: 20px; |
579 | -webkit-border-top-right-radius: 20px; | 1164 | -webkit-border-top-right-radius: 20px; |
580 | -moz-border-radius-topright: 20px; | 1165 | -moz-border-radius-topright: 20px; |
581 | border-top-right-radius: 20px; | 1166 | border-top-right-radius: 20px; |
1167 | -webkit-border-top-right-radius: 20px; | ||
1168 | -moz-border-radius-topright: 20px; | ||
1169 | border-top-right-radius: 20px; | ||
1170 | -webkit-border-top-right-radius: 20px; | ||
1171 | -moz-border-radius-topright: 20px; | ||
1172 | border-top-right-radius: 20px; | ||
1173 | -webkit-border-top-left-radius: 20px; | ||
1174 | -moz-border-radius-topleft: 20px; | ||
1175 | border-top-left-radius: 20px; | ||
582 | -webkit-border-top-left-radius: 20px; | 1176 | -webkit-border-top-left-radius: 20px; |
583 | -moz-border-radius-topleft: 20px; | 1177 | -moz-border-radius-topleft: 20px; |
584 | border-top-left-radius: 20px; | 1178 | border-top-left-radius: 20px; |
585 | -webkit-border-top-left-radius: 20px; | 1179 | -webkit-border-top-left-radius: 20px; |
586 | -moz-border-radius-topleft: 20px; | 1180 | -moz-border-radius-topleft: 20px; |
587 | border-top-left-radius: 20px; | 1181 | border-top-left-radius: 20px; |
588 | -webkit-border-top-left-radius: 20px; | 1182 | -webkit-border-top-left-radius: 20px; |
589 | -moz-border-radius-topleft: 20px; | 1183 | -moz-border-radius-topleft: 20px; |
590 | border-top-left-radius: 20px; | 1184 | border-top-left-radius: 20px; |
591 | -webkit-border-top-left-radius: 20px; | 1185 | -webkit-border-top-left-radius: 20px; |
592 | -moz-border-radius-topleft: 20px; | 1186 | -moz-border-radius-topleft: 20px; |
593 | border-top-left-radius: 20px; | 1187 | border-top-left-radius: 20px; |
1188 | -webkit-border-top-left-radius: 20px; | ||
1189 | -moz-border-radius-topleft: 20px; | ||
1190 | border-top-left-radius: 20px; | ||
1191 | -webkit-border-top-right-radius: 20px; | ||
1192 | -moz-border-radius-topright: 20px; | ||
1193 | border-top-right-radius: 20px; | ||
594 | -webkit-border-top-right-radius: 20px; | 1194 | -webkit-border-top-right-radius: 20px; |
595 | -moz-border-radius-topright: 20px; | 1195 | -moz-border-radius-topright: 20px; |
596 | border-top-right-radius: 20px; | 1196 | border-top-right-radius: 20px; |
597 | -webkit-border-top-right-radius: 20px; | 1197 | -webkit-border-top-right-radius: 20px; |
598 | -moz-border-radius-topright: 20px; | 1198 | -moz-border-radius-topright: 20px; |
599 | border-top-right-radius: 20px; | 1199 | border-top-right-radius: 20px; |
600 | -webkit-border-top-right-radius: 20px; | 1200 | -webkit-border-top-right-radius: 20px; |
601 | -moz-border-radius-topright: 20px; | 1201 | -moz-border-radius-topright: 20px; |
602 | border-top-right-radius: 20px; | 1202 | border-top-right-radius: 20px; |
603 | -webkit-border-top-right-radius: 20px; | 1203 | -webkit-border-top-right-radius: 20px; |
604 | -moz-border-radius-topright: 20px; | 1204 | -moz-border-radius-topright: 20px; |
605 | border-top-right-radius: 20px; | 1205 | border-top-right-radius: 20px; |
1206 | -webkit-border-top-right-radius: 20px; | ||
1207 | -moz-border-radius-topright: 20px; | ||
1208 | border-top-right-radius: 20px; | ||
1209 | -webkit-border-top-left-radius: 20px; | ||
1210 | -moz-border-radius-topleft: 20px; | ||
1211 | border-top-left-radius: 20px; | ||
1212 | -webkit-border-top-left-radius: 20px; | ||
1213 | -moz-border-radius-topleft: 20px; | ||
1214 | border-top-left-radius: 20px; | ||
606 | -webkit-border-top-left-radius: 20px; | 1215 | -webkit-border-top-left-radius: 20px; |
607 | -moz-border-radius-topleft: 20px; | 1216 | -moz-border-radius-topleft: 20px; |
608 | border-top-left-radius: 20px; | 1217 | border-top-left-radius: 20px; |
609 | -webkit-border-top-left-radius: 20px; | 1218 | -webkit-border-top-left-radius: 20px; |
610 | -moz-border-radius-topleft: 20px; | 1219 | -moz-border-radius-topleft: 20px; |
611 | border-top-left-radius: 20px; | 1220 | border-top-left-radius: 20px; |
612 | -webkit-border-top-left-radius: 20px; | 1221 | -webkit-border-top-left-radius: 20px; |
613 | -moz-border-radius-topleft: 20px; | 1222 | -moz-border-radius-topleft: 20px; |
614 | border-top-left-radius: 20px; | 1223 | border-top-left-radius: 20px; |
615 | -webkit-border-top-left-radius: 20px; | 1224 | -webkit-border-top-left-radius: 20px; |
616 | -moz-border-radius-topleft: 20px; | 1225 | -moz-border-radius-topleft: 20px; |
617 | border-top-left-radius: 20px; | 1226 | border-top-left-radius: 20px; |
618 | -webkit-border-top-right-radius: 20px; | 1227 | -webkit-border-top-right-radius: 20px; |
619 | -moz-border-radius-topright: 20px; | 1228 | -moz-border-radius-topright: 20px; |
620 | border-top-right-radius: 20px; | 1229 | border-top-right-radius: 20px; |
621 | -webkit-border-top-right-radius: 20px; | 1230 | -webkit-border-top-right-radius: 20px; |
622 | -moz-border-radius-topright: 20px; | 1231 | -moz-border-radius-topright: 20px; |
623 | border-top-right-radius: 20px; | 1232 | border-top-right-radius: 20px; |
624 | -webkit-border-top-right-radius: 20px; | 1233 | -webkit-border-top-right-radius: 20px; |
625 | -moz-border-radius-topright: 20px; | 1234 | -moz-border-radius-topright: 20px; |
626 | border-top-right-radius: 20px; | 1235 | border-top-right-radius: 20px; |
627 | -webkit-border-top-right-radius: 20px; | 1236 | -webkit-border-top-right-radius: 20px; |
628 | -moz-border-radius-topright: 20px; | 1237 | -moz-border-radius-topright: 20px; |
629 | border-top-right-radius: 20px; | 1238 | border-top-right-radius: 20px; |
1239 | -webkit-border-top-right-radius: 20px; | ||
1240 | -moz-border-radius-topright: 20px; | ||
1241 | border-top-right-radius: 20px; | ||
1242 | -webkit-border-top-right-radius: 20px; | ||
1243 | -moz-border-radius-topright: 20px; | ||
1244 | border-top-right-radius: 20px; | ||
1245 | -webkit-border-top-left-radius: 20px; | ||
1246 | -moz-border-radius-topleft: 20px; | ||
1247 | border-top-left-radius: 20px; | ||
1248 | -webkit-border-top-left-radius: 20px; | ||
1249 | -moz-border-radius-topleft: 20px; | ||
1250 | border-top-left-radius: 20px; | ||
630 | -webkit-border-top-left-radius: 20px; | 1251 | -webkit-border-top-left-radius: 20px; |
631 | -moz-border-radius-topleft: 20px; | 1252 | -moz-border-radius-topleft: 20px; |
632 | border-top-left-radius: 20px; | 1253 | border-top-left-radius: 20px; |
633 | -webkit-border-top-left-radius: 20px; | 1254 | -webkit-border-top-left-radius: 20px; |
634 | -moz-border-radius-topleft: 20px; | 1255 | -moz-border-radius-topleft: 20px; |
635 | border-top-left-radius: 20px; | 1256 | border-top-left-radius: 20px; |
636 | -webkit-border-top-left-radius: 20px; | 1257 | -webkit-border-top-left-radius: 20px; |
637 | -moz-border-radius-topleft: 20px; | 1258 | -moz-border-radius-topleft: 20px; |
638 | border-top-left-radius: 20px; | 1259 | border-top-left-radius: 20px; |
639 | -webkit-border-top-left-radius: 20px; | 1260 | -webkit-border-top-left-radius: 20px; |
640 | -moz-border-radius-topleft: 20px; | 1261 | -moz-border-radius-topleft: 20px; |
641 | border-top-left-radius: 20px; | 1262 | border-top-left-radius: 20px; |
642 | -webkit-border-top-right-radius: 20px; | 1263 | -webkit-border-top-right-radius: 20px; |
643 | -moz-border-radius-topright: 20px; | 1264 | -moz-border-radius-topright: 20px; |
644 | border-top-right-radius: 20px; | 1265 | border-top-right-radius: 20px; |
645 | -webkit-border-top-right-radius: 20px; | 1266 | -webkit-border-top-right-radius: 20px; |
646 | -moz-border-radius-topright: 20px; | 1267 | -moz-border-radius-topright: 20px; |
647 | border-top-right-radius: 20px; | 1268 | border-top-right-radius: 20px; |
648 | -webkit-border-top-right-radius: 20px; | 1269 | -webkit-border-top-right-radius: 20px; |
649 | -moz-border-radius-topright: 20px; | 1270 | -moz-border-radius-topright: 20px; |
650 | border-top-right-radius: 20px; | 1271 | border-top-right-radius: 20px; |
651 | -webkit-border-top-right-radius: 20px; | 1272 | -webkit-border-top-right-radius: 20px; |
652 | -moz-border-radius-topright: 20px; | 1273 | -moz-border-radius-topright: 20px; |
653 | border-top-right-radius: 20px; | 1274 | border-top-right-radius: 20px; |
1275 | -webkit-border-top-right-radius: 20px; | ||
1276 | -moz-border-radius-topright: 20px; | ||
1277 | border-top-right-radius: 20px; | ||
1278 | -webkit-border-top-right-radius: 20px; | ||
1279 | -moz-border-radius-topright: 20px; | ||
1280 | border-top-right-radius: 20px; | ||
1281 | -webkit-border-top-left-radius: 20px; | ||
1282 | -moz-border-radius-topleft: 20px; | ||
1283 | border-top-left-radius: 20px; | ||
1284 | -webkit-border-top-left-radius: 20px; | ||
1285 | -moz-border-radius-topleft: 20px; | ||
1286 | border-top-left-radius: 20px; | ||
1287 | -webkit-border-top-left-radius: 20px; | ||
1288 | -moz-border-radius-topleft: 20px; | ||
1289 | border-top-left-radius: 20px; | ||
1290 | -webkit-border-top-left-radius: 20px; | ||
1291 | -moz-border-radius-topleft: 20px; | ||
1292 | border-top-left-radius: 20px; | ||
1293 | -webkit-border-top-left-radius: 20px; | ||
1294 | -moz-border-radius-topleft: 20px; | ||
1295 | border-top-left-radius: 20px; | ||
1296 | -webkit-border-top-left-radius: 20px; | ||
1297 | -moz-border-radius-topleft: 20px; | ||
1298 | border-top-left-radius: 20px; | ||
1299 | -webkit-border-top-right-radius: 20px; | ||
1300 | -moz-border-radius-topright: 20px; | ||
1301 | border-top-right-radius: 20px; | ||
1302 | -webkit-border-top-right-radius: 20px; | ||
1303 | -moz-border-radius-topright: 20px; | ||
1304 | border-top-right-radius: 20px; | ||
1305 | -webkit-border-top-right-radius: 20px; | ||
1306 | -moz-border-radius-topright: 20px; | ||
1307 | border-top-right-radius: 20px; | ||
1308 | -webkit-border-top-right-radius: 20px; | ||
1309 | -moz-border-radius-topright: 20px; | ||
1310 | border-top-right-radius: 20px; | ||
1311 | -webkit-border-top-right-radius: 20px; | ||
1312 | -moz-border-radius-topright: 20px; | ||
1313 | border-top-right-radius: 20px; | ||
1314 | -webkit-border-top-right-radius: 20px; | ||
1315 | -moz-border-radius-topright: 20px; | ||
1316 | border-top-right-radius: 20px; | ||
1317 | -webkit-border-top-left-radius: 20px; | ||
1318 | -moz-border-radius-topleft: 20px; | ||
1319 | border-top-left-radius: 20px; | ||
1320 | -webkit-border-top-left-radius: 20px; | ||
1321 | -moz-border-radius-topleft: 20px; | ||
1322 | border-top-left-radius: 20px; | ||
1323 | -webkit-border-top-left-radius: 20px; | ||
1324 | -moz-border-radius-topleft: 20px; | ||
1325 | border-top-left-radius: 20px; | ||
1326 | -webkit-border-top-left-radius: 20px; | ||
1327 | -moz-border-radius-topleft: 20px; | ||
1328 | border-top-left-radius: 20px; | ||
1329 | -webkit-border-top-left-radius: 20px; | ||
1330 | -moz-border-radius-topleft: 20px; | ||
1331 | border-top-left-radius: 20px; | ||
1332 | -webkit-border-top-left-radius: 20px; | ||
1333 | -moz-border-radius-topleft: 20px; | ||
1334 | border-top-left-radius: 20px; | ||
1335 | -webkit-border-top-right-radius: 20px; | ||
1336 | -moz-border-radius-topright: 20px; | ||
1337 | border-top-right-radius: 20px; | ||
1338 | -webkit-border-top-right-radius: 20px; | ||
1339 | -moz-border-radius-topright: 20px; | ||
1340 | border-top-right-radius: 20px; | ||
1341 | -webkit-border-top-right-radius: 20px; | ||
1342 | -moz-border-radius-topright: 20px; | ||
1343 | border-top-right-radius: 20px; | ||
1344 | -webkit-border-top-right-radius: 20px; | ||
1345 | -moz-border-radius-topright: 20px; | ||
1346 | border-top-right-radius: 20px; | ||
1347 | -webkit-border-top-right-radius: 20px; | ||
1348 | -moz-border-radius-topright: 20px; | ||
1349 | border-top-right-radius: 20px; | ||
1350 | -webkit-border-top-right-radius: 20px; | ||
1351 | -moz-border-radius-topright: 20px; | ||
1352 | border-top-right-radius: 20px; | ||
654 | } | 1353 | } |
655 | div#loginBox div.body { | 1354 | div#loginBox div.body { |
656 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 1355 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
657 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 1356 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
658 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 1357 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
659 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 1358 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
660 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 1359 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
661 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 1360 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
662 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | 1361 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); |
663 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | 1362 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); |
1363 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1364 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
1365 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); | ||
1366 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); | ||
664 | } | 1367 | } |
665 | div#loginBox div.body h4 { | 1368 | div#loginBox div.body h4 { |
666 | color: #ffffff; | 1369 | color: #ffffff; |
667 | font-size: 16pt; | 1370 | font-size: 16pt; |
668 | font-weight: normal; | 1371 | font-weight: normal; |
669 | padding-left: 20px; | 1372 | padding-left: 20px; |
670 | margin: 0px; | 1373 | margin: 0px; |
671 | } | 1374 | } |
672 | div#loginBox div.body form.loginForm { | 1375 | div#loginBox div.body form.loginForm { |
673 | padding: 5px 20px 0px; | 1376 | padding: 5px 20px 0px; |
674 | margin-bottom: 0px; | 1377 | margin-bottom: 0px; |
675 | } | 1378 | } |
676 | div#loginBox div.body form.loginForm label { | 1379 | div#loginBox div.body form.loginForm label { |
677 | color: #ffffff; | 1380 | color: #ffffff; |
678 | font-size: 10pt; | 1381 | font-size: 10pt; |
679 | display: block; | 1382 | display: block; |
680 | padding-top: 5px; | 1383 | padding-top: 5px; |
681 | } | 1384 | } |
682 | div#loginBox div.body form.loginForm label.checkbox { | 1385 | div#loginBox div.body form.loginForm label.checkbox { |
683 | display: inline; | 1386 | display: inline; |
684 | } | 1387 | } |
685 | div#loginBox div.body form.loginForm input { | 1388 | div#loginBox div.body form.loginForm input { |
686 | width: 230px; | 1389 | width: 230px; |
687 | font-size: 14pt; | 1390 | font-size: 14pt; |
@@ -758,120 +1461,240 @@ div#loginBox div.body form.loginForm div.translations ul li.selected { | |||
758 | } | 1461 | } |
759 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { | 1462 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { |
760 | cursor: default; | 1463 | cursor: default; |
761 | } | 1464 | } |
762 | div#loginBox div.body form.loginForm div.translations ul li:hover { | 1465 | div#loginBox div.body form.loginForm div.translations ul li:hover { |
763 | cursor: pointer; | 1466 | cursor: pointer; |
764 | color: #ffffff; | 1467 | color: #ffffff; |
765 | } | 1468 | } |
766 | div#loginBox div.footer { | 1469 | div#loginBox div.footer { |
767 | height: 37px; | 1470 | height: 37px; |
768 | width: 273px; | 1471 | width: 273px; |
769 | background-color: #ff6622; | 1472 | background-color: #ff6622; |
770 | -webkit-border-bottom-left-radius: 20px; | 1473 | -webkit-border-bottom-left-radius: 20px; |
771 | -moz-border-radius-bottomleft: 20px; | 1474 | -moz-border-radius-bottomleft: 20px; |
772 | border-bottom-left-radius: 20px; | 1475 | border-bottom-left-radius: 20px; |
773 | -webkit-border-bottom-left-radius: 20px; | 1476 | -webkit-border-bottom-left-radius: 20px; |
774 | -moz-border-radius-bottomleft: 20px; | 1477 | -moz-border-radius-bottomleft: 20px; |
775 | border-bottom-left-radius: 20px; | 1478 | border-bottom-left-radius: 20px; |
776 | -webkit-border-bottom-left-radius: 20px; | 1479 | -webkit-border-bottom-left-radius: 20px; |
777 | -moz-border-radius-bottomleft: 20px; | 1480 | -moz-border-radius-bottomleft: 20px; |
778 | border-bottom-left-radius: 20px; | 1481 | border-bottom-left-radius: 20px; |
779 | -webkit-border-bottom-left-radius: 20px; | 1482 | -webkit-border-bottom-left-radius: 20px; |
780 | -moz-border-radius-bottomleft: 20px; | 1483 | -moz-border-radius-bottomleft: 20px; |
781 | border-bottom-left-radius: 20px; | 1484 | border-bottom-left-radius: 20px; |
1485 | -webkit-border-bottom-left-radius: 20px; | ||
1486 | -moz-border-radius-bottomleft: 20px; | ||
1487 | border-bottom-left-radius: 20px; | ||
1488 | -webkit-border-bottom-left-radius: 20px; | ||
1489 | -moz-border-radius-bottomleft: 20px; | ||
1490 | border-bottom-left-radius: 20px; | ||
1491 | -webkit-border-bottom-right-radius: 20px; | ||
1492 | -moz-border-radius-bottomright: 20px; | ||
1493 | border-bottom-right-radius: 20px; | ||
1494 | -webkit-border-bottom-right-radius: 20px; | ||
1495 | -moz-border-radius-bottomright: 20px; | ||
1496 | border-bottom-right-radius: 20px; | ||
1497 | -webkit-border-bottom-right-radius: 20px; | ||
1498 | -moz-border-radius-bottomright: 20px; | ||
1499 | border-bottom-right-radius: 20px; | ||
1500 | -webkit-border-bottom-right-radius: 20px; | ||
1501 | -moz-border-radius-bottomright: 20px; | ||
1502 | border-bottom-right-radius: 20px; | ||
1503 | -webkit-border-bottom-right-radius: 20px; | ||
1504 | -moz-border-radius-bottomright: 20px; | ||
1505 | border-bottom-right-radius: 20px; | ||
1506 | -webkit-border-bottom-right-radius: 20px; | ||
1507 | -moz-border-radius-bottomright: 20px; | ||
1508 | border-bottom-right-radius: 20px; | ||
1509 | -webkit-border-bottom-left-radius: 20px; | ||
1510 | -moz-border-radius-bottomleft: 20px; | ||
1511 | border-bottom-left-radius: 20px; | ||
1512 | -webkit-border-bottom-left-radius: 20px; | ||
1513 | -moz-border-radius-bottomleft: 20px; | ||
1514 | border-bottom-left-radius: 20px; | ||
1515 | -webkit-border-bottom-left-radius: 20px; | ||
1516 | -moz-border-radius-bottomleft: 20px; | ||
1517 | border-bottom-left-radius: 20px; | ||
1518 | -webkit-border-bottom-left-radius: 20px; | ||
1519 | -moz-border-radius-bottomleft: 20px; | ||
1520 | border-bottom-left-radius: 20px; | ||
1521 | -webkit-border-bottom-left-radius: 20px; | ||
1522 | -moz-border-radius-bottomleft: 20px; | ||
1523 | border-bottom-left-radius: 20px; | ||
1524 | -webkit-border-bottom-left-radius: 20px; | ||
1525 | -moz-border-radius-bottomleft: 20px; | ||
1526 | border-bottom-left-radius: 20px; | ||
1527 | -webkit-border-bottom-right-radius: 20px; | ||
1528 | -moz-border-radius-bottomright: 20px; | ||
1529 | border-bottom-right-radius: 20px; | ||
1530 | -webkit-border-bottom-right-radius: 20px; | ||
1531 | -moz-border-radius-bottomright: 20px; | ||
1532 | border-bottom-right-radius: 20px; | ||
1533 | -webkit-border-bottom-right-radius: 20px; | ||
1534 | -moz-border-radius-bottomright: 20px; | ||
1535 | border-bottom-right-radius: 20px; | ||
1536 | -webkit-border-bottom-right-radius: 20px; | ||
1537 | -moz-border-radius-bottomright: 20px; | ||
1538 | border-bottom-right-radius: 20px; | ||
1539 | -webkit-border-bottom-right-radius: 20px; | ||
1540 | -moz-border-radius-bottomright: 20px; | ||
1541 | border-bottom-right-radius: 20px; | ||
1542 | -webkit-border-bottom-right-radius: 20px; | ||
1543 | -moz-border-radius-bottomright: 20px; | ||
1544 | border-bottom-right-radius: 20px; | ||
1545 | -webkit-border-bottom-left-radius: 20px; | ||
1546 | -moz-border-radius-bottomleft: 20px; | ||
1547 | border-bottom-left-radius: 20px; | ||
1548 | -webkit-border-bottom-left-radius: 20px; | ||
1549 | -moz-border-radius-bottomleft: 20px; | ||
1550 | border-bottom-left-radius: 20px; | ||
1551 | -webkit-border-bottom-left-radius: 20px; | ||
1552 | -moz-border-radius-bottomleft: 20px; | ||
1553 | border-bottom-left-radius: 20px; | ||
1554 | -webkit-border-bottom-left-radius: 20px; | ||
1555 | -moz-border-radius-bottomleft: 20px; | ||
1556 | border-bottom-left-radius: 20px; | ||
1557 | -webkit-border-bottom-left-radius: 20px; | ||
1558 | -moz-border-radius-bottomleft: 20px; | ||
1559 | border-bottom-left-radius: 20px; | ||
1560 | -webkit-border-bottom-left-radius: 20px; | ||
1561 | -moz-border-radius-bottomleft: 20px; | ||
1562 | border-bottom-left-radius: 20px; | ||
1563 | -webkit-border-bottom-right-radius: 20px; | ||
1564 | -moz-border-radius-bottomright: 20px; | ||
1565 | border-bottom-right-radius: 20px; | ||
1566 | -webkit-border-bottom-right-radius: 20px; | ||
1567 | -moz-border-radius-bottomright: 20px; | ||
1568 | border-bottom-right-radius: 20px; | ||
782 | -webkit-border-bottom-right-radius: 20px; | 1569 | -webkit-border-bottom-right-radius: 20px; |
783 | -moz-border-radius-bottomright: 20px; | 1570 | -moz-border-radius-bottomright: 20px; |
784 | border-bottom-right-radius: 20px; | 1571 | border-bottom-right-radius: 20px; |
785 | -webkit-border-bottom-right-radius: 20px; | 1572 | -webkit-border-bottom-right-radius: 20px; |
786 | -moz-border-radius-bottomright: 20px; | 1573 | -moz-border-radius-bottomright: 20px; |
787 | border-bottom-right-radius: 20px; | 1574 | border-bottom-right-radius: 20px; |
788 | -webkit-border-bottom-right-radius: 20px; | 1575 | -webkit-border-bottom-right-radius: 20px; |
789 | -moz-border-radius-bottomright: 20px; | 1576 | -moz-border-radius-bottomright: 20px; |
790 | border-bottom-right-radius: 20px; | 1577 | border-bottom-right-radius: 20px; |
791 | -webkit-border-bottom-right-radius: 20px; | 1578 | -webkit-border-bottom-right-radius: 20px; |
792 | -moz-border-radius-bottomright: 20px; | 1579 | -moz-border-radius-bottomright: 20px; |
793 | border-bottom-right-radius: 20px; | 1580 | border-bottom-right-radius: 20px; |
794 | -webkit-border-bottom-left-radius: 20px; | 1581 | -webkit-border-bottom-left-radius: 20px; |
795 | -moz-border-radius-bottomleft: 20px; | 1582 | -moz-border-radius-bottomleft: 20px; |
796 | border-bottom-left-radius: 20px; | 1583 | border-bottom-left-radius: 20px; |
797 | -webkit-border-bottom-left-radius: 20px; | 1584 | -webkit-border-bottom-left-radius: 20px; |
798 | -moz-border-radius-bottomleft: 20px; | 1585 | -moz-border-radius-bottomleft: 20px; |
799 | border-bottom-left-radius: 20px; | 1586 | border-bottom-left-radius: 20px; |
800 | -webkit-border-bottom-left-radius: 20px; | 1587 | -webkit-border-bottom-left-radius: 20px; |
801 | -moz-border-radius-bottomleft: 20px; | 1588 | -moz-border-radius-bottomleft: 20px; |
802 | border-bottom-left-radius: 20px; | 1589 | border-bottom-left-radius: 20px; |
803 | -webkit-border-bottom-left-radius: 20px; | 1590 | -webkit-border-bottom-left-radius: 20px; |
804 | -moz-border-radius-bottomleft: 20px; | 1591 | -moz-border-radius-bottomleft: 20px; |
805 | border-bottom-left-radius: 20px; | 1592 | border-bottom-left-radius: 20px; |
1593 | -webkit-border-bottom-left-radius: 20px; | ||
1594 | -moz-border-radius-bottomleft: 20px; | ||
1595 | border-bottom-left-radius: 20px; | ||
1596 | -webkit-border-bottom-left-radius: 20px; | ||
1597 | -moz-border-radius-bottomleft: 20px; | ||
1598 | border-bottom-left-radius: 20px; | ||
1599 | -webkit-border-bottom-right-radius: 20px; | ||
1600 | -moz-border-radius-bottomright: 20px; | ||
1601 | border-bottom-right-radius: 20px; | ||
1602 | -webkit-border-bottom-right-radius: 20px; | ||
1603 | -moz-border-radius-bottomright: 20px; | ||
1604 | border-bottom-right-radius: 20px; | ||
806 | -webkit-border-bottom-right-radius: 20px; | 1605 | -webkit-border-bottom-right-radius: 20px; |
807 | -moz-border-radius-bottomright: 20px; | 1606 | -moz-border-radius-bottomright: 20px; |
808 | border-bottom-right-radius: 20px; | 1607 | border-bottom-right-radius: 20px; |
809 | -webkit-border-bottom-right-radius: 20px; | 1608 | -webkit-border-bottom-right-radius: 20px; |
810 | -moz-border-radius-bottomright: 20px; | 1609 | -moz-border-radius-bottomright: 20px; |
811 | border-bottom-right-radius: 20px; | 1610 | border-bottom-right-radius: 20px; |
812 | -webkit-border-bottom-right-radius: 20px; | 1611 | -webkit-border-bottom-right-radius: 20px; |
813 | -moz-border-radius-bottomright: 20px; | 1612 | -moz-border-radius-bottomright: 20px; |
814 | border-bottom-right-radius: 20px; | 1613 | border-bottom-right-radius: 20px; |
815 | -webkit-border-bottom-right-radius: 20px; | 1614 | -webkit-border-bottom-right-radius: 20px; |
816 | -moz-border-radius-bottomright: 20px; | 1615 | -moz-border-radius-bottomright: 20px; |
817 | border-bottom-right-radius: 20px; | 1616 | border-bottom-right-radius: 20px; |
818 | -webkit-border-bottom-left-radius: 20px; | 1617 | -webkit-border-bottom-left-radius: 20px; |
819 | -moz-border-radius-bottomleft: 20px; | 1618 | -moz-border-radius-bottomleft: 20px; |
820 | border-bottom-left-radius: 20px; | 1619 | border-bottom-left-radius: 20px; |
821 | -webkit-border-bottom-left-radius: 20px; | 1620 | -webkit-border-bottom-left-radius: 20px; |
822 | -moz-border-radius-bottomleft: 20px; | 1621 | -moz-border-radius-bottomleft: 20px; |
823 | border-bottom-left-radius: 20px; | 1622 | border-bottom-left-radius: 20px; |
824 | -webkit-border-bottom-left-radius: 20px; | 1623 | -webkit-border-bottom-left-radius: 20px; |
825 | -moz-border-radius-bottomleft: 20px; | 1624 | -moz-border-radius-bottomleft: 20px; |
826 | border-bottom-left-radius: 20px; | 1625 | border-bottom-left-radius: 20px; |
827 | -webkit-border-bottom-left-radius: 20px; | 1626 | -webkit-border-bottom-left-radius: 20px; |
828 | -moz-border-radius-bottomleft: 20px; | 1627 | -moz-border-radius-bottomleft: 20px; |
829 | border-bottom-left-radius: 20px; | 1628 | border-bottom-left-radius: 20px; |
1629 | -webkit-border-bottom-left-radius: 20px; | ||
1630 | -moz-border-radius-bottomleft: 20px; | ||
1631 | border-bottom-left-radius: 20px; | ||
1632 | -webkit-border-bottom-left-radius: 20px; | ||
1633 | -moz-border-radius-bottomleft: 20px; | ||
1634 | border-bottom-left-radius: 20px; | ||
1635 | -webkit-border-bottom-right-radius: 20px; | ||
1636 | -moz-border-radius-bottomright: 20px; | ||
1637 | border-bottom-right-radius: 20px; | ||
1638 | -webkit-border-bottom-right-radius: 20px; | ||
1639 | -moz-border-radius-bottomright: 20px; | ||
1640 | border-bottom-right-radius: 20px; | ||
830 | -webkit-border-bottom-right-radius: 20px; | 1641 | -webkit-border-bottom-right-radius: 20px; |
831 | -moz-border-radius-bottomright: 20px; | 1642 | -moz-border-radius-bottomright: 20px; |
832 | border-bottom-right-radius: 20px; | 1643 | border-bottom-right-radius: 20px; |
833 | -webkit-border-bottom-right-radius: 20px; | 1644 | -webkit-border-bottom-right-radius: 20px; |
834 | -moz-border-radius-bottomright: 20px; | 1645 | -moz-border-radius-bottomright: 20px; |
835 | border-bottom-right-radius: 20px; | 1646 | border-bottom-right-radius: 20px; |
836 | -webkit-border-bottom-right-radius: 20px; | 1647 | -webkit-border-bottom-right-radius: 20px; |
837 | -moz-border-radius-bottomright: 20px; | 1648 | -moz-border-radius-bottomright: 20px; |
838 | border-bottom-right-radius: 20px; | 1649 | border-bottom-right-radius: 20px; |
839 | -webkit-border-bottom-right-radius: 20px; | 1650 | -webkit-border-bottom-right-radius: 20px; |
840 | -moz-border-radius-bottomright: 20px; | 1651 | -moz-border-radius-bottomright: 20px; |
841 | border-bottom-right-radius: 20px; | 1652 | border-bottom-right-radius: 20px; |
842 | -webkit-border-bottom-left-radius: 20px; | 1653 | -webkit-border-bottom-left-radius: 20px; |
843 | -moz-border-radius-bottomleft: 20px; | 1654 | -moz-border-radius-bottomleft: 20px; |
844 | border-bottom-left-radius: 20px; | 1655 | border-bottom-left-radius: 20px; |
845 | -webkit-border-bottom-left-radius: 20px; | 1656 | -webkit-border-bottom-left-radius: 20px; |
846 | -moz-border-radius-bottomleft: 20px; | 1657 | -moz-border-radius-bottomleft: 20px; |
847 | border-bottom-left-radius: 20px; | 1658 | border-bottom-left-radius: 20px; |
848 | -webkit-border-bottom-left-radius: 20px; | 1659 | -webkit-border-bottom-left-radius: 20px; |
849 | -moz-border-radius-bottomleft: 20px; | 1660 | -moz-border-radius-bottomleft: 20px; |
850 | border-bottom-left-radius: 20px; | 1661 | border-bottom-left-radius: 20px; |
851 | -webkit-border-bottom-left-radius: 20px; | 1662 | -webkit-border-bottom-left-radius: 20px; |
852 | -moz-border-radius-bottomleft: 20px; | 1663 | -moz-border-radius-bottomleft: 20px; |
853 | border-bottom-left-radius: 20px; | 1664 | border-bottom-left-radius: 20px; |
1665 | -webkit-border-bottom-left-radius: 20px; | ||
1666 | -moz-border-radius-bottomleft: 20px; | ||
1667 | border-bottom-left-radius: 20px; | ||
1668 | -webkit-border-bottom-left-radius: 20px; | ||
1669 | -moz-border-radius-bottomleft: 20px; | ||
1670 | border-bottom-left-radius: 20px; | ||
1671 | -webkit-border-bottom-right-radius: 20px; | ||
1672 | -moz-border-radius-bottomright: 20px; | ||
1673 | border-bottom-right-radius: 20px; | ||
1674 | -webkit-border-bottom-right-radius: 20px; | ||
1675 | -moz-border-radius-bottomright: 20px; | ||
1676 | border-bottom-right-radius: 20px; | ||
854 | -webkit-border-bottom-right-radius: 20px; | 1677 | -webkit-border-bottom-right-radius: 20px; |
855 | -moz-border-radius-bottomright: 20px; | 1678 | -moz-border-radius-bottomright: 20px; |
856 | border-bottom-right-radius: 20px; | 1679 | border-bottom-right-radius: 20px; |
857 | -webkit-border-bottom-right-radius: 20px; | 1680 | -webkit-border-bottom-right-radius: 20px; |
858 | -moz-border-radius-bottomright: 20px; | 1681 | -moz-border-radius-bottomright: 20px; |
859 | border-bottom-right-radius: 20px; | 1682 | border-bottom-right-radius: 20px; |
860 | -webkit-border-bottom-right-radius: 20px; | 1683 | -webkit-border-bottom-right-radius: 20px; |
861 | -moz-border-radius-bottomright: 20px; | 1684 | -moz-border-radius-bottomright: 20px; |
862 | border-bottom-right-radius: 20px; | 1685 | border-bottom-right-radius: 20px; |
863 | -webkit-border-bottom-right-radius: 20px; | 1686 | -webkit-border-bottom-right-radius: 20px; |
864 | -moz-border-radius-bottomright: 20px; | 1687 | -moz-border-radius-bottomright: 20px; |
865 | border-bottom-right-radius: 20px; | 1688 | border-bottom-right-radius: 20px; |
866 | } | 1689 | } |
867 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { | 1690 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { |
868 | display: -moz-inline-box; | 1691 | display: -moz-inline-box; |
869 | } | 1692 | } |
870 | div#featurePoints { | 1693 | div#featurePoints { |
871 | min-width: 400px; | 1694 | min-width: 400px; |
872 | padding-top: 15px; | 1695 | padding-top: 15px; |
873 | padding-bottom: 20px; | 1696 | padding-bottom: 20px; |
874 | padding-left: 20px; | 1697 | padding-left: 20px; |
875 | padding-right: 330px; | 1698 | padding-right: 330px; |
876 | } | 1699 | } |
877 | div#featurePoints table tbody tr td { | 1700 | div#featurePoints table tbody tr td { |
@@ -947,821 +1770,345 @@ div.activeFeatures div.createAccountLink a.createAccountLink { | |||
947 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { | 1770 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { |
948 | margin-top: 23px; | 1771 | margin-top: 23px; |
949 | margin-left: 40px; | 1772 | margin-left: 40px; |
950 | font-size: 17pt; | 1773 | font-size: 17pt; |
951 | color: #64626c; | 1774 | color: #64626c; |
952 | } | 1775 | } |
953 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { | 1776 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { |
954 | padding-left: 40px; | 1777 | padding-left: 40px; |
955 | padding-right: 50px; | 1778 | padding-right: 50px; |
956 | padding-bottom: 10px; | 1779 | padding-bottom: 10px; |
957 | font-size: 12pt; | 1780 | font-size: 12pt; |
958 | } | 1781 | } |
959 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { | 1782 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { |
960 | color: #54535a; | 1783 | color: #54535a; |
961 | } | 1784 | } |
962 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { | 1785 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { |
963 | color: white; | 1786 | color: white; |
964 | } | 1787 | } |
965 | div.activeFeatures div.createAccountLink canvas { | 1788 | div.activeFeatures div.createAccountLink canvas { |
966 | width: 282px; | 1789 | width: 282px; |
967 | height: 93px; | 1790 | height: 93px; |
968 | } | 1791 | } |
969 | /* | 1792 | /* |
970 | 1793 | ||
971 | img.favicon { | 1794 | Color list: |
972 | height: 16px; | 1795 | - login box: |
973 | width: 16px; | 1796 | light#ff9955 |
974 | } | 1797 | dark#ff6622 |
975 | 1798 | - login button: | |
976 | body.ext-gecko .keepTogether { | 1799 | regular#dd5500 |
977 | display: -moz-inline-box; | 1800 | hover#773311 |
978 | } | 1801 | - login translations: |
979 | 1802 | box: #cc6622; | |
980 | 1803 | not-selected: | |
981 | 1804 | color: #ddaa99 | |
982 | 1805 | background:#994422 | |
983 | 1806 | selected: #772211; | |
984 | 1807 | */ | |
985 | 1808 | html { | |
986 | |||
987 | div.activeFeatures { | ||
988 | float: left; | ||
989 | margin-left: 20px; | ||
990 | height: 100px; | ||
991 | } | ||
992 | div.activeFeatures a { | ||
993 | display: inline-block; | ||
994 | padding-left: 46px; | ||
995 | color: #ff5906; | ||
996 | text-decoration: none; | ||
997 | font-size: 10pt; | ||
998 | } | ||
999 | div.activeFeatures .keepTogether a { | ||
1000 | padding-left: 0px; | ||
1001 | } | ||
1002 | div.activeFeatures a span.payoff { | ||
1003 | display: block; | ||
1004 | font-size: 13pt; | ||
1005 | font-weight: lighter; | ||
1006 | color: #9b9689; | ||
1007 | margin: 0px; | ||
1008 | padding: 0px; | ||
1009 | } | ||
1010 | // body.ext-gecko div.activeFeatures a { | ||
1011 | //display: -moz-inline-box; | ||
1012 | // } | ||
1013 | div.activeFeatures a:hover span.payoff { | ||
1014 | color: #666666; | ||
1015 | } | ||
1016 | div.activeFeatures a:hover span.link { | ||
1017 | //font-weight: bold; | ||
1018 | } | ||
1019 | div.activeFeatures div.keepTogether div { | ||
1020 | display: inline-block; | ||
1021 | padding-right: 15px; | ||
1022 | } | ||
1023 | // body.ext-gecko div.activeFeatures div.keepTogether div { | ||
1024 | //display: -moz-inline-box; | ||
1025 | // } | ||
1026 | div.activeFeatures div.createAccountLink { | ||
1027 | display: inline-block; | ||
1028 | width: 282; | ||
1029 | height: 65px; | ||
1030 | //background-image: url(../images/old/home/register.png); | ||
1031 | |||
1032 | margin-right: 20px; | ||
1033 | } | ||
1034 | // body.ext-gecko div.activeFeatures div.createAccountLink { | ||
1035 | //display: -moz-inline-box; | ||
1036 | // } | ||
1037 | div.activeFeatures a.createAccountLink { | ||
1038 | position: relative; | ||
1039 | top: -92px; | ||
1040 | left: 5px; | ||
1041 | } | ||
1042 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { | ||
1043 | margin-top: 23px; | ||
1044 | margin-left: 40px; | ||
1045 | font-size: 17pt; | ||
1046 | color: #64626c; | ||
1047 | } | ||
1048 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { | ||
1049 | padding-left: 40px; | ||
1050 | padding-right: 50px; | ||
1051 | padding-bottom: 10px; | ||
1052 | font-size: 12pt; | ||
1053 | } | ||
1054 | div.activeFeatures div.createAccountLink:hover { | ||
1055 | //background-image: url(../images/old/home/register_selected.png); | ||
1056 | |||
1057 | } | ||
1058 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { | ||
1059 | color: #54535a; | ||
1060 | } | ||
1061 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { | ||
1062 | color: white; | ||
1063 | } | ||
1064 | // div.activeFeatures div.screenshotLink { | ||
1065 | // background: url(../images/old/home/look.png) no-repeat 0 -3px; | ||
1066 | // } | ||
1067 | // | ||
1068 | // div.activeFeatures div.offlineLink { | ||
1069 | // background: url(../images/old/home/download.png) no-repeat 10px -4px; | ||
1070 | // } | ||
1071 | |||
1072 | div.createAccountLink canvas { | ||
1073 | width: 282px; | ||
1074 | height: 93px; | ||
1075 | } | ||
1076 | div.activeFeatures .keepTogether canvas { | ||
1077 | width: 46px; | ||
1078 | height: 46px; | ||
1079 | vertical-align: bottom; | ||
1080 | } | ||
1081 | |||
1082 | div.pageHeaderAndBody { | ||
1083 | height: 100%; | 1809 | height: 100%; |
1084 | } | 1810 | } |
1085 | body > div.pageHeaderAndBody { | 1811 | body { |
1086 | height: auto; | 1812 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
1087 | min-height: 100%; | ||
1088 | } | ||
1089 | div#pageBody { | ||
1090 | min-width: 1013px; | ||
1091 | padding-bottom: 90px; | ||
1092 | } | ||
1093 | div.pageFooter { | ||
1094 | margin-top: -90px; | ||
1095 | height: 90px; | ||
1096 | clear: both; | ||
1097 | } | ||
1098 | div.footerWrapper { | ||
1099 | clear: both; | ||
1100 | padding-top: 10px; | ||
1101 | } | ||
1102 | div.footerContent { | ||
1103 | background-color: #eaebe6; | ||
1104 | padding: 20px; | ||
1105 | font-size: 8pt; | ||
1106 | } | ||
1107 | // div.pageFooter div.footerContent div.footerStarIcon { | ||
1108 | div.pageFooter div.footerContent canvas.footerStarIcon { | ||
1109 | //background-image: url(../images/old/footer/star.png); | ||
1110 | |||
1111 | width: 40px; | ||
1112 | height: 40px; | ||
1113 | float: left; | ||
1114 | } | ||
1115 | div.pageFooter div.footerContent span.copyright { | ||
1116 | padding-left: 10px; | ||
1117 | color: #a0a0a0; | ||
1118 | } | ||
1119 | div.pageFooter div.footerContent a { | ||
1120 | padding-left: 50px; | ||
1121 | display: block; | ||
1122 | color: #888888; | ||
1123 | font-weight: bold; | ||
1124 | text-decoration: none; | ||
1125 | } | ||
1126 | div.pageFooter div.footerContent span.applicationVersion { | ||
1127 | padding: 8px; | ||
1128 | color: #888888; | ||
1129 | background-color: #d2d2d2; | ||
1130 | position: relative; | ||
1131 | top: -40px; | ||
1132 | float: right; | ||
1133 | } | ||
1134 | |||
1135 | div#javaScriptAlert div.mask { | ||
1136 | position: fixed; | ||
1137 | top: 0px; | ||
1138 | left: 0px; | ||
1139 | right: 0px; | ||
1140 | bottom: 0px; | ||
1141 | background-color: black; | ||
1142 | z-index: 1001; | ||
1143 | -moz-opacity: 0.7; | ||
1144 | opacity: .70; | ||
1145 | filter: alpha(opacity=70); | ||
1146 | } | ||
1147 | div#javaScriptAlert div.header { | ||
1148 | height: 34px; | ||
1149 | width: 468; | ||
1150 | background-image: url(../images/old/alert/header.png); | ||
1151 | } | ||
1152 | div#javaScriptAlert div.body { | ||
1153 | background-image: url(../images/old/alert/body.png); | ||
1154 | padding: 0px 20px 10px 20px; | ||
1155 | } | ||
1156 | // div#javaScriptAlert div.body div.alert { | ||
1157 | // padding-left: 100px; | ||
1158 | // background: url(../images/old/alert/alert.png) no-repeat; | ||
1159 | // } | ||
1160 | // div#javaScriptAlert div.body img.alert { | ||
1161 | div#javaScriptAlert div.body div.alertLogo { | ||
1162 | float: left; | ||
1163 | background-image: url(../images/old/alert/alert.png); | ||
1164 | width: 88px; | ||
1165 | height: 88px; | ||
1166 | } | ||
1167 | div#javaScriptAlert div.body div.alert { | ||
1168 | padding-left: 100px; | ||
1169 | } | ||
1170 | div#javaScriptAlert div.footer { | ||
1171 | height: 34px; | ||
1172 | width: 468; | ||
1173 | background-image: url(../images/old/alert/footer.png); | ||
1174 | } | ||
1175 | div#javaScriptAlert div.message { | ||
1176 | position: relative; | ||
1177 | top: -150px; | ||
1178 | z-index: 1002; | ||
1179 | //left: 100px; | ||
1180 | //right: 100px; | ||
1181 | |||
1182 | margin-left: auto; | ||
1183 | margin-right: auto; | ||
1184 | max-width: 468px; | ||
1185 | } | ||
1186 | div#javaScriptAlert div.message h1 { | ||
1187 | font-size: 16pt; | ||
1188 | margin: 0px; | ||
1189 | color: #ff5930; | ||
1190 | } | ||
1191 | div#javaScriptAlert div.message p { | ||
1192 | margin-top: 0px; | ||
1193 | color: #999999; | ||
1194 | } | ||
1195 | div#javaScriptAlert div.message h3 { | ||
1196 | font-size: 12pt; | ||
1197 | margin-bottom: 0px; | ||
1198 | color: #ff5930; | ||
1199 | } | ||
1200 | div#javaScriptAlert div.message h5 { | ||
1201 | margin: 0px; | ||
1202 | color: #999999; | ||
1203 | } | ||
1204 | |||
1205 | div.LoginProgress { | ||
1206 | position: relative; | ||
1207 | left: -190px; | ||
1208 | top: -100px; | ||
1209 | width: 380px; | ||
1210 | height: 200px; | ||
1211 | //background: url(../images/old/loginProgress/background.png); | ||
1212 | |||
1213 | background-color: #d7d7c0; | ||
1214 | -webkit-border-radius: 20px; | ||
1215 | -moz-border-radius: 20px; | ||
1216 | border-radius: 20px; | ||
1217 | -webkit-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1218 | -moz-box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1219 | box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.6); | ||
1220 | } | ||
1221 | div.LoginProgress div.header { | ||
1222 | height: 40px; | ||
1223 | } | ||
1224 | div.LoginProgress div.header h3 { | ||
1225 | font-size: 12pt; | ||
1226 | font-weight: normal; | ||
1227 | margin: 0px; | 1813 | margin: 0px; |
1228 | color: #777777; | ||
1229 | padding-top: 13px; | ||
1230 | padding-left: 18px; | ||
1231 | } | ||
1232 | div.LoginProgress div.body { | ||
1233 | height: 120px; | ||
1234 | overflow: auto; | ||
1235 | padding-left: 20px; | ||
1236 | padding-right: 20px; | ||
1237 | background-color: #f1f1e9; | ||
1238 | //margin-left: 19px; | ||
1239 | //margin-right: 18px; | ||
1240 | } | ||
1241 | div.LoginProgress div.body div.img { | ||
1242 | margin: 10px; | ||
1243 | width: 50px; | ||
1244 | height: 50px; | ||
1245 | float: left; | ||
1246 | } | ||
1247 | div.LoginProgress div.body div.img.ALERT { | ||
1248 | //background-image: url(../images/old/simpleMessageBox/Alert.png); | ||
1249 | |||
1250 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1, #333333)); | ||
1251 | background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9955); | ||
1252 | -webkit-border-radius: 25px; | ||
1253 | -moz-border-radius: 25px; | ||
1254 | border-radius: 25px; | ||
1255 | } | ||
1256 | div.LoginProgress div.body div.img.ALERT canvas { | ||
1257 | width: 50px; | ||
1258 | height: 50px; | ||
1259 | //background-image: url(../images/old/simpleMessageBox/excalmationPoint.png); | ||
1260 | |||
1261 | } | 1814 | } |
1262 | div.LoginProgress div.body div.loadingBar { | 1815 | div.modalDialogMask.userInfoBoxMask { |
1263 | position: relative; | 1816 | -moz-opacity: 0.0; |
1264 | top: 51px; | 1817 | opacity: .0; |
1265 | left: 60px; | 1818 | filter: alpha(opacity=0); |
1266 | } | 1819 | z-index: 19000; |
1267 | div.LoginProgress div.body div.errorBox p { | ||
1268 | color: #787872; | ||
1269 | padding-top: 20px; | ||
1270 | padding-left: 80px; | ||
1271 | } | ||
1272 | div.LoginProgress div.footer { | ||
1273 | margin-left: 19px; | ||
1274 | margin-right: 18px; | ||
1275 | } | ||
1276 | div.LoginProgress div.footer a { | ||
1277 | text-decoration: none; | ||
1278 | text-align: center; | ||
1279 | color: #787872; | ||
1280 | display: block; | ||
1281 | font-weight: bold; | ||
1282 | font-size: 11pt; | ||
1283 | width: 100px; | ||
1284 | margin-top: 11px; | ||
1285 | margin-left: auto; | ||
1286 | margin-right: auto; | ||
1287 | } | ||
1288 | div.LoginProgress div.footer div.button.default { | ||
1289 | text-decoration: underline; | ||
1290 | } | ||
1291 | div.LoginProgress div.buttonArea { | ||
1292 | text-align: center; | ||
1293 | } | ||
1294 | div.LoginProgress div.button { | ||
1295 | display: inline-block; | ||
1296 | } | ||
1297 | div.LoginProgress div.footer a:hover { | ||
1298 | color: #515247; | ||
1299 | } | ||
1300 | |||
1301 | div.SimpleMessagePanel { | ||
1302 | position: relative; | ||
1303 | left: -225px; | ||
1304 | top: -70px; | ||
1305 | width: 450px; | ||
1306 | height: 140px; | ||
1307 | //background: url(../images/old/loginProgress/background.png); | ||
1308 | } | ||
1309 | div.SimpleMessagePanel div.header { | ||
1310 | height: 17px; | ||
1311 | background: url(../images/old/simpleMessageBox/background_header.png) no-repeat; | ||
1312 | } | ||
1313 | div.SimpleMessagePanel div.body { | ||
1314 | //height: 120px; | ||
1315 | //overflow: auto; | ||
1316 | //margin-left: 19px; | ||
1317 | //margin-right: 18px; | ||
1318 | |||
1319 | background: url(../images/old/simpleMessageBox/background_body.png) repeat-y; | ||
1320 | padding-left: 25px; | ||
1321 | padding-right: 25px; | ||
1322 | padding-top: 10px; | ||
1323 | } | 1820 | } |
1324 | div.SimpleMessagePanel div.body h3 { | 1821 | .reset-margin { |
1325 | font-size: 14pt; | ||
1326 | font-weight: normal; | ||
1327 | margin: 0px; | 1822 | margin: 0px; |
1328 | padding-top: 4px; | 1823 | padding: 0px; |
1329 | color: #787872; | 1824 | border: 0px; |
1330 | } | ||
1331 | div.SimpleMessagePanel div.body div.img { | ||
1332 | width: 66px; | ||
1333 | height: 60px; | ||
1334 | float: left; | ||
1335 | } | ||
1336 | div.SimpleMessagePanel div.body p { | ||
1337 | margin: 0; | ||
1338 | font-size: 10pt; | ||
1339 | font-weight: normal; | ||
1340 | color: #787872; | ||
1341 | padding-top: 10px; | ||
1342 | padding-bottom: 5px; | ||
1343 | line-height: 1.3; | ||
1344 | } | ||
1345 | div.SimpleMessagePanel div.body div.img.ALERT { | ||
1346 | background: url(../images/old/simpleMessageBox/Alert.png) no-repeat; | ||
1347 | } | ||
1348 | div.SimpleMessagePanel div.body div.img.INFO { | ||
1349 | background: url(../images/old/simpleMessageBox/Info.png) no-repeat; | ||
1350 | } | 1825 | } |
1351 | div.SimpleMessagePanel div.body div.buttonArea { | 1826 | .clear { |
1352 | height: 40px; | ||
1353 | clear: both; | 1827 | clear: both; |
1354 | } | 1828 | } |
1355 | div.SimpleMessagePanel div.body div.buttonArea > div { | 1829 | .hidden_none { |
1356 | float: right; | 1830 | display: none; |
1357 | margin-left: 15px; | 1831 | visibility: hidden; |
1358 | margin-top: 10px; | ||
1359 | } | ||
1360 | div.SimpleMessagePanel div.footer { | ||
1361 | height: 25px; | ||
1362 | background: url(../images/old/simpleMessageBox/background_footer.png) no-repeat; | ||
1363 | } | ||
1364 | div.SimpleMessagePanel div.passphrase { | ||
1365 | padding-left: 65px; | ||
1366 | } | ||
1367 | div.SimpleMessagePanel div.passphrase input { | ||
1368 | width: 250px; | ||
1369 | font-size: 14pt; | ||
1370 | border: 1px solid #bb4924; | ||
1371 | color: #333366; | ||
1372 | background-color: white; | ||
1373 | padding: 2px 5px; | ||
1374 | height: 28px; | ||
1375 | } | ||
1376 | div.SimpleMessagePanel div.progressBarWrapper { | ||
1377 | margin-left: 80px; | ||
1378 | } | ||
1379 | |||
1380 | div.button_wrapper { | ||
1381 | height: 32px; | ||
1382 | background: url(../images/old/button/default_left.png) no-repeat; | ||
1383 | cursor: pointer; | ||
1384 | } | ||
1385 | div.button_wrapper.hover { | ||
1386 | background: url(../images/old/button/hover_left.png) no-repeat; | ||
1387 | } | ||
1388 | div.button_wrapper.clicked { | ||
1389 | background: url(../images/old/button/clicked_left.png) no-repeat; | ||
1390 | } | ||
1391 | div.button_bodyWrapper { | ||
1392 | height: 32px; | ||
1393 | margin-left: 6px; | ||
1394 | padding-right: 6px; | ||
1395 | background: url(../images/old/button/default_main.png) repeat-x right 0; | ||
1396 | } | ||
1397 | div.button_wrapper.hover div.button_bodyWrapper { | ||
1398 | background: url(../images/old/button/hover_main.png) repeat-x right 0; | ||
1399 | } | ||
1400 | div.button_wrapper.clicked div.button_bodyWrapper { | ||
1401 | background: url(../images/old/button/clicked_main.png) repeat-x right 0; | ||
1402 | } | ||
1403 | div.button_body { | ||
1404 | text-align: center; | ||
1405 | min-width: 60px; | ||
1406 | padding: 0px 7px; | ||
1407 | padding-top: 8px; | ||
1408 | } | ||
1409 | div.button_body span { | ||
1410 | font-size: 11pt; | ||
1411 | color: white; | ||
1412 | } | ||
1413 | div.button_wrapper.default div.button_body span { | ||
1414 | font-weight: bold; | ||
1415 | } | 1832 | } |
1416 | 1833 | .keepTogether { | |
1417 | // div.button_footer { | 1834 | display: inline-block; |
1418 | // margin: 0px; | 1835 | white-space: nowrap; |
1419 | // height: 31px; | ||
1420 | // width: 6px; | ||
1421 | // background: green url(../images/old/button/default_right.png) no-repeat; | ||
1422 | // } | ||
1423 | |||
1424 | input.entropyLevelIndicator { | ||
1425 | background: url(../images/old/passwordField/background.png) no-repeat 0 26px; | ||
1426 | } | 1836 | } |
1427 | div.passwordEntropyWrapper { | 1837 | #mainDiv { |
1428 | padding: 0px; | 1838 | margin: 0 auto; |
1429 | border: 1px solid #bb4924; | ||
1430 | border-top: 0px; | ||
1431 | margin-bottom: 4px; | ||
1432 | background-color: white; | ||
1433 | margin-right: 3px; | ||
1434 | margin-top: -2; | ||
1435 | } | ||
1436 | div.passwordEntropy { | ||
1437 | height: 4px; | ||
1438 | font-size: 1pt; | ||
1439 | background: url(../images/old/entropyBackground.gif) repeat-x 0 0; | ||
1440 | line-height: 3px; | ||
1441 | } | 1839 | } |
1442 | |||
1443 | div.userInfoBox { | 1840 | div.userInfoBox { |
1444 | position: absolute; | 1841 | position: absolute; |
1445 | width: 160px; | 1842 | width: 160px; |
1446 | height: 120px; | 1843 | height: 120px; |
1447 | top: 100px; | 1844 | top: 100px; |
1448 | left: 15px; | 1845 | left: 15px; |
1449 | //background-image: url(../images/old/main/userInfoBackground.png); | 1846 | color: white; |
1450 | |||
1451 | background-color: #ff9955; | 1847 | background-color: #ff9955; |
1452 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723), color-stop(1, #333333)); | 1848 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); |
1849 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1850 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1851 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1852 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1853 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1854 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1855 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1856 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1453 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | 1857 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); |
1858 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | ||
1859 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | ||
1860 | border-radius: 10px; | ||
1861 | -moz-border-radius: 10px; | ||
1454 | -webkit-border-radius: 10px; | 1862 | -webkit-border-radius: 10px; |
1863 | border-radius: 10px; | ||
1455 | -moz-border-radius: 10px; | 1864 | -moz-border-radius: 10px; |
1865 | -webkit-border-radius: 10px; | ||
1456 | border-radius: 10px; | 1866 | border-radius: 10px; |
1457 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 1867 | -moz-border-radius: 10px; |
1458 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 1868 | -webkit-border-radius: 10px; |
1459 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | 1869 | border-radius: 10px; |
1460 | color: white; | 1870 | -moz-border-radius: 10px; |
1871 | -webkit-border-radius: 10px; | ||
1872 | border-radius: 10px; | ||
1873 | -moz-border-radius: 10px; | ||
1874 | -webkit-border-radius: 10px; | ||
1875 | border-radius: 10px; | ||
1876 | -moz-border-radius: 10px; | ||
1877 | -webkit-border-radius: 10px; | ||
1878 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1879 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1880 | box-shadow: 2px 2px 9px #333333; | ||
1881 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1882 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1883 | box-shadow: 2px 2px 9px #333333; | ||
1884 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1885 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1886 | box-shadow: 2px 2px 9px #333333; | ||
1887 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1888 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1889 | box-shadow: 2px 2px 9px #333333; | ||
1890 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1891 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1892 | box-shadow: 2px 2px 9px #333333; | ||
1893 | -webkit-box-shadow: 2px 2px 9px #333333; | ||
1894 | -moz-box-shadow: 2px 2px 9px #333333; | ||
1895 | box-shadow: 2px 2px 9px #333333; | ||
1461 | } | 1896 | } |
1462 | div.userInfoBox div.body { | 1897 | div.userInfoBox.locked { |
1463 | padding: 0px 12px; | 1898 | z-index: 19001; |
1899 | } | ||
1900 | div.userInfoBox.locked div.header a.lockButton { | ||
1901 | background: url(../images/old/lock/locked.png) no-repeat -5px -2px; | ||
1902 | } | ||
1903 | div.userInfoBox.locked div.header a.lockButton:hover { | ||
1904 | background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px; | ||
1905 | } | ||
1906 | div.userInfoBox.locked div.body a { | ||
1907 | display: none; | ||
1464 | } | 1908 | } |
1465 | div.userInfoBox div.header { | 1909 | div.userInfoBox div.header { |
1466 | height: 30px; | 1910 | height: 30px; |
1467 | } | 1911 | } |
1468 | div.userInfoBox div.header h1 { | 1912 | div.userInfoBox div.header h1 { |
1469 | font-size: 8pt; | 1913 | font-size: 8pt; |
1470 | font-weight: normal; | 1914 | font-weight: normal; |
1471 | margin: 0px; | 1915 | margin: 0px; |
1472 | padding-top: 12px; | 1916 | padding-top: 12px; |
1473 | padding-left: 12px; | 1917 | padding-left: 12px; |
1474 | } | 1918 | } |
1475 | div.userInfoBox div.header a.lockButton { | 1919 | div.userInfoBox div.header a.lockButton { |
1476 | position: absolute; | 1920 | position: absolute; |
1477 | top: 8px; | 1921 | top: 8px; |
1478 | right: 12px; | 1922 | right: 12px; |
1479 | display: block; | 1923 | display: block; |
1480 | width: 15px; | 1924 | width: 15px; |
1481 | height: 20px; | 1925 | height: 20px; |
1482 | text-decoration: none; | 1926 | text-decoration: none; |
1483 | background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; | 1927 | background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; |
1484 | } | 1928 | } |
1485 | div.userInfoBox div.header a.lockButton:hover { | 1929 | div.userInfoBox div.header a.lockButton:hover { |
1486 | background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; | 1930 | background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; |
1487 | } | 1931 | } |
1488 | div.userInfoBox.locked { | 1932 | div.userInfoBox div.body { |
1489 | z-index: 19001; | 1933 | padding: 0px 12px; |
1490 | } | ||
1491 | div.modalDialogMask.userInfoBoxMask { | ||
1492 | -moz-opacity: 0.0; | ||
1493 | opacity: .0; | ||
1494 | filter: alpha(opacity=0); | ||
1495 | z-index: 19000; | ||
1496 | } | ||
1497 | div.userInfoBox.locked div.header a.lockButton { | ||
1498 | background: url(../images/old/lock/locked.png) no-repeat -5px -2px; | ||
1499 | } | ||
1500 | div.userInfoBox.locked div.header a.lockButton:hover { | ||
1501 | background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px; | ||
1502 | } | 1934 | } |
1503 | div.userInfoBox div.body h3 { | 1935 | div.userInfoBox div.body h3 { |
1504 | font-size: 11pt; | 1936 | font-size: 11pt; |
1505 | font-weight: bold; | 1937 | font-weight: bold; |
1506 | margin: 0px; | 1938 | margin: 0px; |
1507 | } | 1939 | } |
1508 | div.userInfoBox div.body ul { | 1940 | div.userInfoBox div.body ul { |
1509 | list-style-image: url(../images/old/main/userInfoBullet.png); | ||
1510 | font-size: 8pt; | 1941 | font-size: 8pt; |
1511 | padding: 0px; | 1942 | padding: 0px; |
1512 | margin: 4px 0px; | 1943 | margin: 4px 0px; |
1513 | list-style-position: inside; | 1944 | list-style-position: inside; |
1514 | text-shadow: #000000 0 0 0; | 1945 | text-shadow: #000000 0 0 0; |
1515 | } | 1946 | } |
1516 | div.userInfoBox div.body ul li span.number { | 1947 | div.userInfoBox div.body ul li span.number { |
1517 | font-weight: bold; | 1948 | font-weight: bold; |
1518 | padding-right: 3px; | 1949 | padding-right: 3px; |
1519 | } | 1950 | } |
1520 | div.userInfoBox div.body a { | 1951 | div.userInfoBox div.body a { |
1521 | display: block; | 1952 | display: block; |
1522 | margin-top: 8 | 1953 | margin-top: 8px; |
1523 | px; | ||
1524 | border-top: 1px solid white; | 1954 | border-top: 1px solid white; |
1525 | padding-top: 6px; | 1955 | padding-top: 6px; |
1526 | font-size: 10pt; | 1956 | font-size: 10pt; |
1527 | font-weight: bold; | 1957 | font-weight: bold; |
1528 | color: #d15a22; | 1958 | color: #d15a22; |
1529 | text-decoration: none; | ||
1530 | border-color: #fe9a5f; | 1959 | border-color: #fe9a5f; |
1960 | text-decoration: none; | ||
1531 | } | 1961 | } |
1532 | div.userInfoBox div.body a:hover { | 1962 | div.userInfoBox div.body a:hover { |
1533 | color: #8c3b15; | 1963 | color: #8c3b15; |
1534 | } | 1964 | } |
1535 | div.userInfoBox.locked div.body a { | ||
1536 | display: none; | ||
1537 | } | ||
1538 | |||
1539 | div.messageBox { | ||
1540 | position: absolute; | ||
1541 | width: 409px; | ||
1542 | height: 29px; | ||
1543 | top: 23px; | ||
1544 | left: 204px; | ||
1545 | background: url(../images/old/main/messageBoxBackground.png); | ||
1546 | } | ||
1547 | div.messageBox h3 { | ||
1548 | display: inline-block; | ||
1549 | color: #342f6b; | ||
1550 | font-weight: bold; | ||
1551 | margin: 7px 2px 0px 12px; | ||
1552 | font-size: 10pt; | ||
1553 | } | ||
1554 | body.ext-gecko div.messageBox h3 { | ||
1555 | display: -moz-inline-box; | ||
1556 | } | ||
1557 | div.messageBox h1 { | ||
1558 | color: #342f6b; | ||
1559 | display: inline; | ||
1560 | font-weight: normal; | ||
1561 | margin: 0px 1px; | ||
1562 | font-size: 9pt; | ||
1563 | } | ||
1564 | div.messageBox a { | ||
1565 | display: block; | ||
1566 | width: 20px; | ||
1567 | height: 20px; | ||
1568 | float: right; | ||
1569 | position: absolute; | ||
1570 | right: 5px; | ||
1571 | top: 4px; | ||
1572 | background-image: url(../images/old/main/messageBoxCloseButton.png); | ||
1573 | } | ||
1574 | div.messageBox a:hover { | ||
1575 | background-image: url(../images/old/main/messageBoxCloseButtonActive.png); | ||
1576 | } | ||
1577 | |||
1578 | div.sidePanels { | 1965 | div.sidePanels { |
1579 | //position: relative; | ||
1580 | //top: 110px; | ||
1581 | |||
1582 | float: left; | 1966 | float: left; |
1583 | margin-top: 106px; | 1967 | margin-top: 106px; |
1584 | margin-left: 20px; | 1968 | margin-left: 20px; |
1585 | width: 160px; | 1969 | width: 160px; |
1586 | } | 1970 | } |
1587 | 1971 | div.sidePanels div.tabSidePanel { | |
1588 | div.tabSidePanel { | ||
1589 | margin-right: -10px; | 1972 | margin-right: -10px; |
1590 | //position: absolute; | ||
1591 | //width: 250px; | ||
1592 | //height: 250px; | ||
1593 | //top: 250px; | ||
1594 | //left: 10px; | ||
1595 | } | 1973 | } |
1596 | div.tabSidePanel ul { | 1974 | div.sidePanels div.tabSidePanel ul { |
1597 | margin: 0px; | 1975 | margin: 0px; |
1598 | padding-left: 0px; | 1976 | padding-left: 0px; |
1599 | list-style-type: none; | 1977 | list-style-type: none; |
1600 | color: #f78b46; | 1978 | color: #f78b46; |
1601 | } | 1979 | } |
1602 | 1980 | div.sidePanels div.tabSidePanel ul.mainTabs { | |
1603 | div.tabSidePanel ul.mainTabs { | ||
1604 | margin: 0px; | 1981 | margin: 0px; |
1605 | } | 1982 | } |
1606 | div.tabSidePanel ul.mainTabs li { | 1983 | div.sidePanels div.tabSidePanel ul.mainTabs li a { |
1607 | //margin-bottom: 6px; | ||
1608 | |||
1609 | } | ||
1610 | div.tabSidePanel ul.mainTabs li a { | ||
1611 | display: block; | 1984 | display: block; |
1612 | line-height: 30px; | 1985 | line-height: 30px; |
1613 | height: 43px; | 1986 | height: 43px; |
1614 | padding-left: 40px; | 1987 | padding-left: 40px; |
1615 | color: #ff6621; | 1988 | color: #ff6621; |
1616 | margin: 0px; | 1989 | margin: 0px; |
1617 | font-weight: normal; | 1990 | font-weight: normal; |
1618 | font-size: 13pt; | 1991 | font-size: 13pt; |
1619 | text-decoration: none; | 1992 | text-decoration: none; |
1620 | } | 1993 | } |
1621 | div.tabSidePanel ul.mainTabs li div.selectionHighlighter { | 1994 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter { |
1622 | display: none; | 1995 | display: none; |
1623 | } | 1996 | } |
1624 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { | 1997 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add { |
1625 | display: block; | ||
1626 | position: absolute; | ||
1627 | left: 154px; | ||
1628 | margin-top: -43px; | ||
1629 | } | ||
1630 | |||
1631 | // div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter div.selectionHighlighterIcon { | ||
1632 | // background-image: url(../images/main/tabs/selectionHighligher.png); | ||
1633 | // width: 50px; | ||
1634 | // height: 34px; | ||
1635 | // float: left; | ||
1636 | // z-index: 35000; | ||
1637 | // border: 1px solid red; | ||
1638 | // } | ||
1639 | |||
1640 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add { | ||
1641 | font-size: 14pt; | 1998 | font-size: 14pt; |
1642 | font-weight: bold; | 1999 | font-weight: bold; |
1643 | position: relative; | 2000 | position: relative; |
1644 | top: -34px; | 2001 | top: -34px; |
1645 | right: 16px; | 2002 | right: 16px; |
1646 | background: none; | 2003 | background: none; |
1647 | color: #c0531b; | 2004 | color: #c0531b; |
1648 | padding-left: 15px; | 2005 | padding-left: 15px; |
1649 | } | 2006 | } |
1650 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add:hover { | 2007 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add:hover { |
1651 | color: white; | 2008 | color: white; |
1652 | } | 2009 | } |
1653 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add span { | 2010 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add span { |
1654 | font-size: 8pt; | 2011 | font-size: 8pt; |
1655 | vertical-align: middle; | 2012 | vertical-align: middle; |
1656 | } | 2013 | } |
1657 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add h3 { | 2014 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add h3 { |
1658 | display: inline; | 2015 | display: inline; |
1659 | padding-left: 5px; | 2016 | padding-left: 5px; |
1660 | } | 2017 | } |
1661 | div.tabSidePanel ul.mainTabs li.cards.selected a { | 2018 | div.sidePanels div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { |
2019 | display: block; | ||
2020 | position: absolute; | ||
2021 | left: 154px; | ||
2022 | margin-top: -43px; | ||
2023 | } | ||
2024 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a { | ||
2025 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px; | ||
2026 | } | ||
2027 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards a:hover { | ||
2028 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px; | ||
2029 | } | ||
2030 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a { | ||
1662 | margin-left: -10px; | 2031 | margin-left: -10px; |
1663 | padding-left: 50px; | 2032 | padding-left: 50px; |
1664 | color: white; | 2033 | color: white; |
1665 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | 2034 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; |
1666 | } | 2035 | } |
1667 | div.tabSidePanel ul.mainTabs li.cards.selected a:hover { | 2036 | div.sidePanels div.tabSidePanel ul.mainTabs li.cards.selected a:hover { |
1668 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | 2037 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; |
1669 | } | 2038 | } |
1670 | div.tabSidePanel ul.mainTabs li.cards a { | 2039 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a { |
1671 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px; | 2040 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px; |
1672 | } | 2041 | } |
1673 | div.tabSidePanel ul.mainTabs li.cards a:hover { | 2042 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins a:hover { |
1674 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px; | 2043 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px; |
1675 | } | 2044 | } |
1676 | div.tabSidePanel ul.mainTabs li.directLogins.selected a { | 2045 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a { |
1677 | margin-left: -10px; | 2046 | margin-left: -10px; |
1678 | padding-left: 50px; | 2047 | padding-left: 50px; |
1679 | color: white; | 2048 | color: white; |
1680 | //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px; | ||
1681 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | 2049 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; |
1682 | } | 2050 | } |
1683 | div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { | 2051 | div.sidePanels div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { |
1684 | color: white; | 2052 | color: white; |
1685 | //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px; | ||
1686 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | 2053 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; |
1687 | } | 2054 | } |
1688 | div.tabSidePanel ul.mainTabs li.directLogins a { | 2055 | div.sidePanels div.tabSidePanel ul.otherTabs { |
1689 | //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -34px; | ||
1690 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px; | ||
1691 | } | ||
1692 | div.tabSidePanel ul.mainTabs li.directLogins a:hover { | ||
1693 | //background: url(../images/old/main/tabs/directLoginBackground.png) 0 -67px; | ||
1694 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px; | ||
1695 | } | ||
1696 | |||
1697 | div.tabSidePanel ul.otherTabs { | ||
1698 | margin: 10px 0px; | 2056 | margin: 10px 0px; |
1699 | } | 2057 | } |
1700 | div.tabSidePanel ul.otherTabs li { | 2058 | div.sidePanels div.tabSidePanel ul.otherTabs li { |
1701 | margin-top: -4px; | 2059 | margin-top: -4px; |
1702 | } | 2060 | } |
1703 | div.tabSidePanel ul.otherTabs li div.selectionHighlighter { | 2061 | div.sidePanels div.tabSidePanel ul.otherTabs li div.selectionHighlighter { |
1704 | display: none; | 2062 | display: none; |
1705 | } | 2063 | } |
1706 | div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { | 2064 | div.sidePanels div.tabSidePanel ul.otherTabs li a { |
1707 | display: block; | ||
1708 | position: absolute; | ||
1709 | left: 154px; | ||
1710 | margin-top: -42px; | ||
1711 | } | ||
1712 | div.tabSidePanel ul.otherTabs a { | ||
1713 | display: block; | 2065 | display: block; |
1714 | line-height: 36px; | 2066 | line-height: 36px; |
1715 | height: 43px; | 2067 | height: 43px; |
1716 | padding-left: 40px; | 2068 | padding-left: 40px; |
1717 | color: #ff6621; | 2069 | color: #ff6621; |
1718 | text-decoration: none; | 2070 | text-decoration: none; |
1719 | //background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; | ||
1720 | } | 2071 | } |
1721 | div.tabSidePanel ul.otherTabs li.selected a { | 2072 | div.sidePanels div.tabSidePanel ul.otherTabs li a:hover { |
1722 | //background: url(../images/old/main/tabs/itemsBackground.png) 0 -1px; | 2073 | background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; |
1723 | //background: url(../images/old/main/tabs/itemsBackground.png) 0 -67px; | 2074 | } |
1724 | 2075 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected a { | |
1725 | margin-left: -10px; | 2076 | margin-left: -10px; |
1726 | padding-left: 50px; | 2077 | padding-left: 50px; |
1727 | background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px; | 2078 | background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px; |
1728 | color: white; | 2079 | color: white; |
1729 | } | 2080 | } |
1730 | div.tabSidePanel ul.otherTabs a:hover { | 2081 | div.sidePanels div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { |
1731 | //background: url(../images/old/main/tabs/itemsBackground.png) 0 -34px; | 2082 | display: block; |
1732 | 2083 | position: absolute; | |
1733 | background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; | 2084 | left: 154px; |
2085 | margin-top: -42px; | ||
1734 | } | 2086 | } |
1735 | |||
1736 | div.tagSidePanel { | 2087 | div.tagSidePanel { |
1737 | //position: relative; | 2088 | /* |
1738 | //width: 250px; | ||
1739 | //min-height: 100px; | ||
1740 | //left: 10px; | ||
1741 | |||
1742 | margin-right: -8px; | 2089 | margin-right: -8px; |
1743 | } | 2090 | |
1744 | div.tagSidePanel div.header { | 2091 | div.tagSidePanel div.header { |
1745 | height: 50px; | 2092 | height: 50px; |
1746 | background-image: url(../images/old/main/tabs/tagsBackground.png); | 2093 | background-image: url(../images/old/main/tabs/tagsBackground.png); |
1747 | } | 2094 | } |
1748 | div.tagSidePanel div.header h1 { | 2095 | div.tagSidePanel div.header h1 { |
1749 | padding-left: 52px; | 2096 | padding-left: 52px; |
1750 | padding-top: 14px; | 2097 | padding-top: 14px; |
1751 | font-size: 14pt; | 2098 | font-size: 14pt; |
1752 | font-weight: normal; | 2099 | font-weight: normal; |
1753 | color: #888888; | 2100 | color: #888888; |
1754 | } | 2101 | } |
1755 | div.tagSidePanel div.body { | 2102 | div.tagSidePanel div.body { |
1756 | background: url(../images/old/main/tabs/tagsBackground.png) -255px; | 2103 | background: url(../images/old/main/tabs/tagsBackground.png) -255px; |
1757 | } | 2104 | } |
1758 | div.tagSidePanel div.footer { | 2105 | div.tagSidePanel div.footer { |
1759 | height: 10px; | 2106 | height: 10px; |
1760 | background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px; | 2107 | background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px; |
1761 | } | 2108 | } |
1762 | div.tagSidePanel ul.tags { | 2109 | div.tagSidePanel ul.tags { |
1763 | margin: 0px; | 2110 | margin: 0px; |
1764 | list-style-type: none; | 2111 | list-style-type: none; |
1765 | padding: 0px; | 2112 | padding: 0px; |
1766 | } | 2113 | } |
1767 | div.tagSidePanel ul.tags li a { | 2114 | div.tagSidePanel ul.tags li a { |
@@ -1770,56 +2117,54 @@ div.tagSidePanel ul.tags li a { | |||
1770 | text-decoration: none; | 2117 | text-decoration: none; |
1771 | color: #ff6621; | 2118 | color: #ff6621; |
1772 | padding: 0px 4px 0px 15px; | 2119 | padding: 0px 4px 0px 15px; |
1773 | line-height: 20px; | 2120 | line-height: 20px; |
1774 | } | 2121 | } |
1775 | div.tagSidePanel ul.tags li a:hover { | 2122 | div.tagSidePanel ul.tags li a:hover { |
1776 | background-color: #dddddd; | 2123 | background-color: #dddddd; |
1777 | } | 2124 | } |
1778 | div.tagSidePanel ul.tags li span.tagCardinality { | 2125 | div.tagSidePanel ul.tags li span.tagCardinality { |
1779 | float: right; | 2126 | float: right; |
1780 | font-size: 8pt; | 2127 | font-size: 8pt; |
1781 | color: #999999; | 2128 | color: #999999; |
1782 | margin-right: 15px; | 2129 | margin-right: 15px; |
1783 | margin-top: -17px; | 2130 | margin-top: -17px; |
1784 | } | 2131 | } |
1785 | div.tagSidePanel ul.tags li.selected a { | 2132 | div.tagSidePanel ul.tags li.selected a { |
1786 | background-color: #d4d5cf; | 2133 | background-color: #d4d5cf; |
1787 | } | 2134 | } |
1788 | div.tagSidePanel ul.tags li.selected a:hover { | 2135 | div.tagSidePanel ul.tags li.selected a:hover { |
1789 | background-color: #d4d5cf; | 2136 | background-color: #d4d5cf; |
1790 | } | 2137 | } |
1791 | div.tagSidePanel ul.tags li.selected a { | 2138 | div.tagSidePanel ul.tags li.selected a { |
1792 | font-weight: bold; | 2139 | font-weight: bold; |
1793 | } | 2140 | } |
1794 | 2141 | */ | |
2142 | } | ||
1795 | div.groupSidePanel { | 2143 | div.groupSidePanel { |
2144 | /* | ||
1796 | margin-right: -10px; | 2145 | margin-right: -10px; |
1797 | //position: relative; | 2146 | |
1798 | //width: 250px; | ||
1799 | //min-height: 100px; | ||
1800 | //left: 10px; | ||
1801 | } | ||
1802 | div.groupSidePanel div.header { | 2147 | div.groupSidePanel div.header { |
1803 | height: 50px; | 2148 | height: 50px; |
1804 | background-image: url(../images/old/main/tabs/groupsBackground.png); | 2149 | background-image: url(../images/old/main/tabs/groupsBackground.png); |
1805 | } | 2150 | } |
1806 | div.groupSidePanel div.header h1 { | 2151 | div.groupSidePanel div.header h1 { |
1807 | padding-left: 52px; | 2152 | padding-left: 52px; |
1808 | padding-top: 14px; | 2153 | padding-top: 14px; |
1809 | font-size: 14pt; | 2154 | font-size: 14pt; |
1810 | font-weight: normal; | 2155 | font-weight: normal; |
1811 | color: white; | 2156 | color: white; |
1812 | } | 2157 | } |
1813 | div.groupSidePanel div.header a { | 2158 | div.groupSidePanel div.header a { |
1814 | float: right; | 2159 | float: right; |
1815 | margin-top: -30px; | 2160 | margin-top: -30px; |
1816 | margin-right: 20px; | 2161 | margin-right: 20px; |
1817 | text-decoration: none; | 2162 | text-decoration: none; |
1818 | color: #666666; | 2163 | color: #666666; |
1819 | font-size: 9pt; | 2164 | font-size: 9pt; |
1820 | line-height: 18px; | 2165 | line-height: 18px; |
1821 | } | 2166 | } |
1822 | div.groupSidePanel div.header a:hover { | 2167 | div.groupSidePanel div.header a:hover { |
1823 | color: #444444; | 2168 | color: #444444; |
1824 | } | 2169 | } |
1825 | div.groupSidePanel div.body { | 2170 | div.groupSidePanel div.body { |
@@ -1840,1864 +2185,26 @@ div.groupSidePanel ul.groups li a { | |||
1840 | text-decoration: none; | 2185 | text-decoration: none; |
1841 | color: white; | 2186 | color: white; |
1842 | padding: 0px 4px 0px 15px; | 2187 | padding: 0px 4px 0px 15px; |
1843 | line-height: 20px; | 2188 | line-height: 20px; |
1844 | } | 2189 | } |
1845 | div.groupSidePanel ul.groups li a:hover { | 2190 | div.groupSidePanel ul.groups li a:hover { |
1846 | background-color: #aaaaaa; | 2191 | background-color: #aaaaaa; |
1847 | } | 2192 | } |
1848 | div.groupSidePanel ul.groups li span.groupCardinality { | 2193 | div.groupSidePanel ul.groups li span.groupCardinality { |
1849 | float: right; | 2194 | float: right; |
1850 | font-size: 8pt; | 2195 | font-size: 8pt; |
1851 | color: #dddddd; | 2196 | color: #dddddd; |
1852 | margin-right: 15px; | 2197 | margin-right: 15px; |
1853 | margin-top: -17px; | 2198 | margin-top: -17px; |
1854 | } | 2199 | } |
1855 | div.groupSidePanel ul.groups li.selected a { | 2200 | div.groupSidePanel ul.groups li.selected a { |
1856 | background-color: #bbbbbb; | 2201 | background-color: #bbbbbb; |
1857 | } | 2202 | } |
1858 | div.groupSidePanel ul.groups li.selected a:hover { | 2203 | div.groupSidePanel ul.groups li.selected a:hover { |
1859 | background-color: #bbbbbb; | 2204 | background-color: #bbbbbb; |
1860 | } | 2205 | } |
1861 | div.groupSidePanel ul.groups li.selected a { | 2206 | div.groupSidePanel ul.groups li.selected a { |
1862 | font-weight: bold; | 2207 | font-weight: bold; |
1863 | } | 2208 | } |
1864 | |||
1865 | div.mainPanels { | ||
1866 | float: left; | ||
1867 | width: 833px; | ||
1868 | margin-top: -38px; | ||
1869 | //position: relative; | ||
1870 | //width: 100%; | ||
1871 | //min-height: 600px; | ||
1872 | //top: -40px; | ||
1873 | //left: 250px; | ||
1874 | } | ||
1875 | div.mainFooter { | ||
1876 | clear: both; | ||
1877 | } | ||
1878 | // div.body div.rows table.rows tbody tr td.delete | ||
1879 | div.delete, div.new { | ||
1880 | padding-left: 5px; | ||
1881 | height: 19px; | ||
1882 | } | ||
1883 | div.new span, div.delete span { | ||
1884 | margin: 0px; | ||
1885 | padding: 0px; | ||
1886 | border: 0px; | ||
1887 | display: inline-block; | ||
1888 | height: 19px; | ||
1889 | padding-right: 6px; | ||
1890 | } | ||
1891 | div.new span a, div.delete span a { | ||
1892 | white-space: nowrap; | ||
1893 | } | ||
1894 | div.delete:hover { | ||
1895 | background: url(../images/old/delete_background_left.png) no-repeat 0; | ||
1896 | } | ||
1897 | div.delete:hover span { | ||
1898 | background: url(../images/old/delete_background.png) no-repeat right 0; | ||
1899 | } | ||
1900 | div.new:hover { | ||
1901 | background: url(../images/old/new_background_left.png) no-repeat 0; | ||
1902 | } | ||
1903 | div.new:hover span { | ||
1904 | background: url(../images/old/new_background.png) no-repeat right 0; | ||
1905 | } | ||
1906 | |||
1907 | // tr.selected div.delete { | ||
1908 | // background: url(../images/old/delete_background_left.png) no-repeat 0; | ||
1909 | // } | ||
1910 | // tr.selected div.delete span { | ||
1911 | // background: url(../images/old/delete_background.png) no-repeat right 0; | ||
1912 | // } | ||
1913 | |||
1914 | div.body div.rows table.rows tbody tr td.delete div.delete span a { | ||
1915 | visibility: hidden; | ||
1916 | font-size: 8pt; | ||
1917 | vertical-align: -13px; | ||
1918 | color: black; | ||
1919 | } | ||
1920 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1921 | visibility: visible; | ||
1922 | } | ||
1923 | div.body div.rows table.rows tbody tr:hover td.delete div.delete span a { | ||
1924 | visibility: visible; | ||
1925 | } | ||
1926 | div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a { | ||
1927 | color: white; | ||
1928 | } | ||
1929 | |||
1930 | // div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1931 | // color: white; | ||
1932 | // } | ||
1933 | |||
1934 | div.gridComponent table.rows thead tr th { | ||
1935 | text-align: left; | ||
1936 | height: 30px; | ||
1937 | vertical-align: bottom; | ||
1938 | } | ||
1939 | div.gridComponent table.rows thead tr th.sortable span { | ||
1940 | cursor: pointer; | ||
1941 | } | ||
1942 | div.gridComponent table.rows thead tr th.sortable span a { | ||
1943 | margin-left: 5px; | ||
1944 | padding-left: 10px; | ||
1945 | } | ||
1946 | div.gridComponent table.rows thead tr th.directLoginTH { | ||
1947 | width: 420px; | ||
1948 | } | ||
1949 | div.gridComponent table.rows thead tr th.latestUpdateTH { | ||
1950 | width: 100px; | ||
1951 | } | ||
1952 | div.gridComponent table.rows thead tr th.commandsTH { | ||
1953 | width: 150px; | ||
1954 | } | ||
1955 | div.gridComponent table.rows thead a { | ||
1956 | text-decoration: none; | ||
1957 | } | ||
1958 | div.gridComponent table.rows thead span { | ||
1959 | font-weight: normal; | ||
1960 | font-size: 9pt; | ||
1961 | line-height: 20px; | ||
1962 | } | ||
1963 | div.gridComponent div.header div.headerSlot { | ||
1964 | float: right; | ||
1965 | } | ||
1966 | |||
1967 | div.mainPanels div.gridComponent div.body table.rows td.favicon { | ||
1968 | padding-left: 25px; | ||
1969 | } | ||
1970 | div.mainPanels div.gridComponent div.body table.rows td.favicon img { | ||
1971 | width: 16px; | ||
1972 | height: 16px; | ||
1973 | border: 0px; | ||
1974 | } | ||
1975 | |||
1976 | div.gridComponent th.directLoginTH span { | ||
1977 | margin-left: 7px; | ||
1978 | } | ||
1979 | td.card_directLogins div { | ||
1980 | display: inline-table; | ||
1981 | } | ||
1982 | td.card_directLogins span { | ||
1983 | display: inline-block; | ||
1984 | } | ||
1985 | |||
1986 | // td.card_directLogins a { | ||
1987 | // display: inline-table; | ||
1988 | // height: 19px; | ||
1989 | // | ||
1990 | // padding-right: 7px; | ||
1991 | // } | ||
1992 | // | ||
1993 | // td.card_directLogins a:hover { | ||
1994 | // background: url(../images/old/directLink_background.png) right 0; | ||
1995 | // } | ||
1996 | |||
1997 | div.card_directLogin { | ||
1998 | display: inline-block; | ||
1999 | height: 19px; | ||
2000 | padding-left: 7px; | ||
2001 | } | ||
2002 | div.card_directLogin_ellipses span { | ||
2003 | padding-bottom: 2px; | ||
2004 | } | ||
2005 | div.card_directLogin div.card_directLogin_body { | ||
2006 | display: inline-block; | ||
2007 | height: 19px; | ||
2008 | padding-right: 8px; | ||
2009 | background-position: left; | ||
2010 | } | ||
2011 | div.card_directLogin div.card_directLogin_body a { | ||
2012 | vertical-align: -14px; | ||
2013 | } | ||
2014 | // div.card_directLogin:hover { | ||
2015 | div.card_directLogin:hover { | ||
2016 | background: url(../images/old/directLink_background_left.png) no-repeat 0 0; | ||
2017 | } | ||
2018 | // div.card_directLogin:hover div { | ||
2019 | div.card_directLogin:hover div.card_directLogin_body { | ||
2020 | background: url(../images/old/directLink_background.png) right 0; | ||
2021 | } | ||
2022 | |||
2023 | div.DirectLoginListPopup { | ||
2024 | position: absolute; | ||
2025 | width: 184px; | ||
2026 | } | ||
2027 | div.DirectLoginListPopup div.DirectLoginListPopup_body { | ||
2028 | background-image: url(../images/old/directLogins_background.png); | ||
2029 | padding-top: 8px; | ||
2030 | } | ||
2031 | div.DirectLoginListPopup div.DirectLoginListPopup_footer { | ||
2032 | height: 8px; | ||
2033 | background-image: url(../images/old/directLogins_background_bottom.png); | ||
2034 | } | ||
2035 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul { | ||
2036 | margin: 0px; | ||
2037 | padding-left: 13px; | ||
2038 | list-style: none; | ||
2039 | } | ||
2040 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li { | ||
2041 | padding-top: 4px; | ||
2042 | height: 20px; | ||
2043 | padding-right: 10px; | ||
2044 | white-space: nowrap; | ||
2045 | } | ||
2046 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div { | ||
2047 | padding-right: 10px; | ||
2048 | overflow: hidden; | ||
2049 | } | ||
2050 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon { | ||
2051 | padding-left: 9px; | ||
2052 | padding-right: 5px; | ||
2053 | } | ||
2054 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a { | ||
2055 | text-decoration: none; | ||
2056 | color: white; | ||
2057 | font-weight: normal; | ||
2058 | font-size: 10pt; | ||
2059 | vertical-align: 3px; | ||
2060 | white-space: nowrap; | ||
2061 | padding-right: 8px; | ||
2062 | } | ||
2063 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover { | ||
2064 | //background-color: #a5a696; | ||
2065 | //background-color: #7b7d70; | ||
2066 | background-color: rgba(123, 125, 112, 0.5); | ||
2067 | } | ||
2068 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a { | ||
2069 | background: url(../images/old/directLink_no_background.png) right; | ||
2070 | } | ||
2071 | |||
2072 | div.mainPanels div.gridComponent div.header { | ||
2073 | //height: 90px; | ||
2074 | //background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
2075 | |||
2076 | background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
2077 | padding-left: 40px; | ||
2078 | padding-right: 40px; | ||
2079 | padding-top: 20px; | ||
2080 | padding-bottom: 10px; | ||
2081 | } | ||
2082 | div.mainPanels div.gridComponent div.header form.search { | ||
2083 | height: 32px; | ||
2084 | margin: 0px; | ||
2085 | } | ||
2086 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton { | ||
2087 | position: absolute; | ||
2088 | margin-left: 192px; | ||
2089 | width: 22px; | ||
2090 | height: 22px; | ||
2091 | margin-top: 6px; | ||
2092 | background: url(../images/old/filter/clearFilter_notSelected.png) no-repeat; | ||
2093 | } | ||
2094 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover { | ||
2095 | background: url(../images/old/filter/clearFilter_selected.png) no-repeat; | ||
2096 | cursor: pointer; | ||
2097 | } | ||
2098 | div.mainPanels div.gridComponent div.header form.search div.search { | ||
2099 | display: block; | ||
2100 | float: left; | ||
2101 | width: 217px; | ||
2102 | } | ||
2103 | div.mainPanels div.gridComponent div.header form.search input.search { | ||
2104 | border: 1px solid #76786a; | ||
2105 | color: #666666; | ||
2106 | font-size: 12pt; | ||
2107 | width: 100%; | ||
2108 | padding: 4px; | ||
2109 | padding-left: 24px; | ||
2110 | padding-right: 26px; | ||
2111 | background: #e8ecde url(../images/old/main/grid/search.png) no-repeat 2px 4px; | ||
2112 | } | ||
2113 | div.mainPanels div.gridComponent div.header form.search input.search.disabled { | ||
2114 | disabled: disabled; | ||
2115 | } | ||
2116 | div.mainPanels div.gridComponent div.header form.search input.search.running { | ||
2117 | background: #e8ecde url(../images/old/main/grid/running_search.gif) no-repeat 4px 5px; | ||
2118 | } | ||
2119 | div.mainPanels div.gridComponent div.body { | ||
2120 | clear: both; | ||
2121 | background: url(../images/old/main/blocks/cardGridBackground.png) repeat-y -836px; | ||
2122 | } | ||
2123 | div.mainPanels div.gridComponent div.footer { | ||
2124 | background: url(../images/old/main/blocks/cardGridBackground.png) 834px -28px; | ||
2125 | height: 35px; | ||
2126 | } | ||
2127 | div.mainPanels div.gridComponent div.body h1 { | ||
2128 | margin: 0px; | ||
2129 | } | ||
2130 | div.mainPanels div.gridComponent div.body div.rows { | ||
2131 | margin-left: 9px; | ||
2132 | margin-right: 6px; | ||
2133 | min-height: 582px; | ||
2134 | background: url(../images/old/main/blocks/cardGridStripes.png) 0 7px; | ||
2135 | } | ||
2136 | div.mainPanels div.gridComponent.noRows div.body table.rows thead, div.mainPanels div.gridComponent.empty div.body table.rows thead { | ||
2137 | visibility: hidden; | ||
2138 | } | ||
2139 | div.mainPanels div.gridComponent.empty div.body div.rows { | ||
2140 | background: #eaebe6 url(../images/old/lock/background_star.png) no-repeat center center; | ||
2141 | } | ||
2142 | div.mainPanels div.gridComponent.noRows div.body div.rows { | ||
2143 | background: #eaebe6; | ||
2144 | } | ||
2145 | div.mainPanels div.gridComponent div.body table.rows { | ||
2146 | display: block; | ||
2147 | width: 100%; | ||
2148 | } | ||
2149 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected { | ||
2150 | background-color: #a5a696; | ||
2151 | } | ||
2152 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected { | ||
2153 | background-color: #a5a696; | ||
2154 | } | ||
2155 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a { | ||
2156 | color: #f3f4eb; | ||
2157 | } | ||
2158 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd { | ||
2159 | background-color: #d4d5cf; | ||
2160 | } | ||
2161 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even { | ||
2162 | background-color: #eaebe6; | ||
2163 | } | ||
2164 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover { | ||
2165 | background-color: #a5a696; | ||
2166 | } | ||
2167 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover { | ||
2168 | background-color: #a5a696; | ||
2169 | } | ||
2170 | div.mainPanels div.gridComponent div.body table.rows tbody tr td { | ||
2171 | height: 23px; | ||
2172 | max-height: 23px; | ||
2173 | //white-space: nowrap; | ||
2174 | //overflow: hidden; | ||
2175 | } | ||
2176 | div.mainPanels div.gridComponent div.body table.rows tbody tr td span { | ||
2177 | color: #828479; | ||
2178 | font-size: 10pt; | ||
2179 | } | ||
2180 | div.mainPanels div.gridComponent div.body table.rows tbody tr td a { | ||
2181 | color: #828479; | ||
2182 | font-size: 10pt; | ||
2183 | text-decoration: none; | ||
2184 | } | ||
2185 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span { | ||
2186 | color: #f3f4eb; | ||
2187 | } | ||
2188 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span { | ||
2189 | color: #f3f4eb; | ||
2190 | } | ||
2191 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a { | ||
2192 | color: #f3f4eb; | ||
2193 | } | ||
2194 | div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a { | ||
2195 | font-weight: bold; | ||
2196 | } | ||
2197 | div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon { | ||
2198 | float: right; | ||
2199 | padding-right: 6px; | ||
2200 | } | ||
2201 | div.gridComponent table.rows thead img { | ||
2202 | padding-left: 10px; | ||
2203 | vertical-align: middle; | ||
2204 | } | ||
2205 | div.gridComponent table.rows thead tr th { | ||
2206 | background-color: #eaebe6; | ||
2207 | border-bottom: 1px solid #b3b4af; | ||
2208 | } | ||
2209 | div.gridComponent table.rows thead span { | ||
2210 | color: #8c8f7e; | ||
2211 | } | ||
2212 | div.gridComponent table.rows thead tr th.unsorted span.sortable a { | ||
2213 | background-image: url(../images/old/main/grid/unsorted.png); | ||
2214 | } | ||
2215 | div.gridComponent table.rows thead tr th.descending span.sortable a { | ||
2216 | background-image: url(../images/old/main/grid/descending.png); | ||
2217 | } | ||
2218 | div.gridComponent table.rows thead tr th.ascending span.sortable a { | ||
2219 | background-image: url(../images/old/main/grid/ascending.png); | ||
2220 | } | ||
2221 | div.gridComponent table.rows thead tr th.faviconTH { | ||
2222 | width: 53px; | ||
2223 | } | ||
2224 | div.gridComponent table.rows thead tr th.titleTH { | ||
2225 | width: 200px; | ||
2226 | max-width: 200px; | ||
2227 | } | ||
2228 | div.gridComponent table.rows thead tr th.deleteTH { | ||
2229 | width: 50px; | ||
2230 | } | ||
2231 | |||
2232 | |||
2233 | div.mainPanels div.directLoginGrid div.header form.search { | ||
2234 | background: url(../images/old/main/blocks/directLoginGridBackground.png) no-repeat; | ||
2235 | padding-left: 40px; | ||
2236 | padding-top: 20px; | ||
2237 | padding-bottom: 10px; | ||
2238 | margin: 0px; | ||
2239 | } | ||
2240 | |||
2241 | div.mainPanels div.directLoginGrid div.header form.search input.search { | ||
2242 | border: 1px solid #76786a; | ||
2243 | color: #666666; | ||
2244 | font-size: 12pt; | ||
2245 | padding: 4px; | ||
2246 | background-color: #e8ecde; | ||
2247 | } | ||
2248 | |||
2249 | div.mainPanels div.directLoginGrid div.header form.search input.searchButton { | ||
2250 | background-color: #858877; | ||
2251 | border: 0px; | ||
2252 | color: white; | ||
2253 | font-size: 10pt; | ||
2254 | } | ||
2255 | |||
2256 | div.mainPanels div.directLoginGrid div.body { | ||
2257 | background: url(../images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px; | ||
2258 | } | ||
2259 | |||
2260 | div.mainPanels div.directLoginGrid div.footer { | ||
2261 | background: url(../images/old/main/blocks/directLoginGridBackground.png) 834px -28px; | ||
2262 | height: 35px; | ||
2263 | } | ||
2264 | |||
2265 | div.mainPanels div.directLoginGrid div.body h1 { | ||
2266 | margin: 0px; | ||
2267 | } | ||
2268 | |||
2269 | div.mainPanels div.directLoginGrid div.body div.rows { | ||
2270 | margin-left: 9px; | ||
2271 | margin-right: 6px; | ||
2272 | min-height: 582px; | ||
2273 | background: url(../images/old/main/blocks/directLoginGridStripes.png) 0 7px; | ||
2274 | } | ||
2275 | |||
2276 | div.mainPanels div.directLoginGrid div.body table.rows { | ||
2277 | display: block; | ||
2278 | width: 100%; | ||
2279 | } | ||
2280 | |||
2281 | div.mainPanels div.directLoginGrid div.body table.rows img { | ||
2282 | border: 0px; | ||
2283 | } | ||
2284 | |||
2285 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even { | ||
2286 | background-color: #787666; | ||
2287 | } | ||
2288 | |||
2289 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd { | ||
2290 | background-color: #646351; | ||
2291 | } | ||
2292 | |||
2293 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover { | ||
2294 | background-color: #d1d4c6; | ||
2295 | } | ||
2296 | |||
2297 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover { | ||
2298 | background-color: #d1d4c6; | ||
2299 | } | ||
2300 | |||
2301 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td { | ||
2302 | height: 23px; | ||
2303 | color: #e1e0d6; | ||
2304 | font-size: 10pt; | ||
2305 | } | ||
2306 | |||
2307 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td { | ||
2308 | color: #777867; | ||
2309 | } | ||
2310 | |||
2311 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title { | ||
2312 | font-weight: bold; | ||
2313 | } | ||
2314 | |||
2315 | div.directLoginGrid div.body table.rows tbody tr a { | ||
2316 | color: #e1e0d6; | ||
2317 | text-decoration: none; | ||
2318 | } | ||
2319 | |||
2320 | div.directLoginGrid div.body table.rows tbody tr:hover a { | ||
2321 | color: #777867; | ||
2322 | } | ||
2323 | |||
2324 | div.directLogin_directLogin { | ||
2325 | display: inline-block; | ||
2326 | height: 19px; | ||
2327 | padding-left: 7px; | ||
2328 | } | ||
2329 | div.directLogin_directLogin div.directLogin_directLogin_body { | ||
2330 | display: inline-block; | ||
2331 | height: 19px; | ||
2332 | padding-right: 8px; | ||
2333 | background-position: left; | ||
2334 | } | ||
2335 | div.directLogin_directLogin div.directLogin_directLogin_body a { | ||
2336 | vertical-align: -14px; | ||
2337 | } | ||
2338 | div.directLogin_directLogin:hover { | ||
2339 | background: url(../images/old/directLink_background_left.png) no-repeat 0 0; | ||
2340 | } | ||
2341 | div.directLogin_directLogin:hover div.directLogin_directLogin_body { | ||
2342 | background: url(../images/old/directLink_background.png) right 0; | ||
2343 | } | ||
2344 | table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a { | ||
2345 | color: #f3f4eb; | ||
2346 | } | ||
2347 | |||
2348 | div.directLoginGrid table.rows thead span { | ||
2349 | color: #e1e0d6; | ||
2350 | } | ||
2351 | div.directLoginGrid table.rows thead tr th { | ||
2352 | background-color: #787762; | ||
2353 | border-bottom: 1px solid #999883; | ||
2354 | } | ||
2355 | div.directLoginGrid table.rows thead tr th.faviconTH { | ||
2356 | min-width: 53px; | ||
2357 | width: 53px; | ||
2358 | } | ||
2359 | div.directLoginGrid table.rows thead tr th.titleTH { | ||
2360 | min-width: 250px; | ||
2361 | width: 250px; | ||
2362 | } | ||
2363 | div.directLoginGrid table.rows thead tr th.titleTH span { | ||
2364 | margin-left: 7px; | ||
2365 | } | ||
2366 | div.directLoginGrid table.rows thead tr th.strengthTH { | ||
2367 | width: 100px; | ||
2368 | } | ||
2369 | div.directLoginGrid table.rows thead tr th.cardTitleTH { | ||
2370 | width: 400px; | ||
2371 | } | ||
2372 | div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH { | ||
2373 | width: 64px; | ||
2374 | } | ||
2375 | div.directLoginGrid table.rows thead tr th.deleteTH { | ||
2376 | width: 50px; | ||
2377 | } | ||
2378 | div.directLoginGrid table.rows thead tr th.latestAccessTH { | ||
2379 | width: 100px; | ||
2380 | } | ||
2381 | div.directLoginGrid table.rows thead tr th.commandsTH { | ||
2382 | width: 100px; | ||
2383 | } | ||
2384 | |||
2385 | div.directLoginGrid table.rows thead img { | ||
2386 | padding-left: 10px; | ||
2387 | vertical-align: middle; | ||
2388 | } | ||
2389 | div.directLoginGrid table.rows thead tr th.unsorted span.sortable a { | ||
2390 | background: url(../images/old/main/grid/directLogins/unsorted.png) no-repeat; | ||
2391 | } | ||
2392 | div.directLoginGrid table.rows thead tr th.descending span.sortable a { | ||
2393 | background: url(../images/old/main/grid/directLogins/descending.png) no-repeat; | ||
2394 | } | ||
2395 | div.directLoginGrid table.rows thead tr th.ascending span.sortable a { | ||
2396 | background: url(../images/old/main/grid/directLogins/ascending.png) no-repeat; | ||
2397 | } | ||
2398 | |||
2399 | div.subPanelTabs ul { | ||
2400 | margin: 0px; | ||
2401 | margin-right: 7px; | ||
2402 | padding: 0px; | ||
2403 | } | ||
2404 | div.subPanelTabs ul li { | ||
2405 | display: inline-block; | ||
2406 | vertical-align: middle; | ||
2407 | //width: 130px; | ||
2408 | |||
2409 | height: 50px; | ||
2410 | //border-right: 1px solid #a5a79c; | ||
2411 | //border-bottom: 1px solid #a5a79c; | ||
2412 | |||
2413 | border-right: 1px solid #eef0e3; | ||
2414 | border-bottom: 1px solid #d5d5bc; | ||
2415 | } | ||
2416 | div.subPanelTabs ul li.first:hover { | ||
2417 | //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; | ||
2418 | } | ||
2419 | div.subPanelTabs ul li:hover { | ||
2420 | //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; | ||
2421 | |||
2422 | border-right: 1px solid #d5d5bc; | ||
2423 | background-color: #eef0e3; | ||
2424 | } | ||
2425 | div.subPanelTabs ul li a { | ||
2426 | color: #787872; | ||
2427 | text-decoration: none; | ||
2428 | display: block; | ||
2429 | text-align: center; | ||
2430 | padding-top: 15px; | ||
2431 | padding-left: 20px; | ||
2432 | padding-right: 20px; | ||
2433 | font-size: 13pt; | ||
2434 | } | ||
2435 | div.subPanelTabs ul li.first { | ||
2436 | //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; | ||
2437 | |||
2438 | -webkit-border-top-left-radius: 20px; | ||
2439 | -moz-border-radius-topleft: 20px; | ||
2440 | border-top-left-radius: 20px; | ||
2441 | } | ||
2442 | div.subPanelTabs ul li.selected { | ||
2443 | //background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; | ||
2444 | |||
2445 | background-color: #eef0e3; | ||
2446 | border-bottom: 1px solid #eef0e3; | ||
2447 | border-right: 1px solid #d5d5bc; | ||
2448 | } | ||
2449 | div.subPanelTabs ul li.selected:hover { | ||
2450 | border-right: 1px solid #d5d5bc; | ||
2451 | } | ||
2452 | div.subPanelTabs ul li.selected a { | ||
2453 | color: #444440; | ||
2454 | } | ||
2455 | div.subPanelContent { | ||
2456 | padding-top: 20px; | ||
2457 | padding-left: 30px; | ||
2458 | padding-right: 30px; | ||
2459 | min-height: 280px; | ||
2460 | color: #787872; | ||
2461 | margin: 0px 6px 0 9px; | ||
2462 | } | ||
2463 | div.subPanelContent ul { | ||
2464 | margin: 0px; | ||
2465 | padding: 0px; | ||
2466 | list-style-type: none; | ||
2467 | } | ||
2468 | div.subPanelContent ul li.selected { | ||
2469 | display: block; | ||
2470 | } | ||
2471 | div.subPanelContent ul li { | ||
2472 | display: none; | ||
2473 | } | ||
2474 | div.subPanelContent h3 { | ||
2475 | margin: 0px; | ||
2476 | border: 0px; | ||
2477 | padding: 0px; | ||
2478 | } | ||
2479 | |||
2480 | div.mainPanels div.otherPanel { | ||
2481 | margin: 5px 10px; | ||
2482 | background-color: #eef0e3; | ||
2483 | -webkit-border-radius: 20px; | ||
2484 | -moz-border-radius: 20px; | ||
2485 | border-radius: 20px; | ||
2486 | -webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2487 | -moz-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2488 | box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.6); | ||
2489 | } | ||
2490 | div.mainPanels div.otherPanel div.header { | ||
2491 | //background: url(../images/old/main/blocks/otherPanelBackground.png) no-repeat; | ||
2492 | //height: 90px; | ||
2493 | background-color: #d5d5bc; | ||
2494 | //padding-left: 9px; | ||
2495 | //padding-top: 5px; | ||
2496 | |||
2497 | margin: 0px; | ||
2498 | margin-bottom: 0px; | ||
2499 | -webkit-border-top-left-radius: 20px; | ||
2500 | -webkit-border-top-right-radius: 20px; | ||
2501 | -moz-border-radius-topleft: 20px; | ||
2502 | -moz-border-radius-topright: 20px; | ||
2503 | border-top-left-radius: 20px; | ||
2504 | border-top-right-radius: 20px; | ||
2505 | } | ||
2506 | div.mainPanels div.otherPanel div.body { | ||
2507 | //background: url(../images/old/main/blocks/otherPanelBackground.png) repeat-y -836px; | ||
2508 | |||
2509 | margin: 0px; | ||
2510 | border: 0px; | ||
2511 | padding: 0px; | ||
2512 | } | ||
2513 | div.mainPanels div.otherPanel div.footer { | ||
2514 | //background: url(../images/old/main/blocks/otherPanelBackground.png) 834px -18px; | ||
2515 | |||
2516 | height: 45px; | ||
2517 | } | ||
2518 | div.mainPanels div.otherPanel div.body h1 { | ||
2519 | margin: 0px; | ||
2520 | } | ||
2521 | |||
2522 | form.changePassphrase div.currentCredentials, form.changePassphrase div.newPassphrase { | ||
2523 | float: left; | ||
2524 | padding: 10px 20px; | ||
2525 | } | ||
2526 | form.changePassphrase label { | ||
2527 | display: inline-block; | ||
2528 | width: 150px; | ||
2529 | } | ||
2530 | form.changePassphrase div.confirm { | ||
2531 | clear: both; | ||
2532 | padding: 10px 20px; | ||
2533 | } | ||
2534 | form.changePassphrase div.confirm label { | ||
2535 | width: 500px; | ||
2536 | } | ||
2537 | div.accountPanel h3.manageOTP { | ||
2538 | margin-top: 20px; | ||
2539 | margin-left: -20px; | ||
2540 | padding-top: 10px; | ||
2541 | padding-left: 20px; | ||
2542 | border-top: 1px solid #aaaaaa; | ||
2543 | } | ||
2544 | |||
2545 | div#modalDialogMask, div.modalDialogMask { | ||
2546 | z-index: 20000; | ||
2547 | //position: absolute; | ||
2548 | |||
2549 | position: fixed; | ||
2550 | top: 0; | ||
2551 | left: 0; | ||
2552 | -moz-opacity: 0.5; | ||
2553 | opacity: .50; | ||
2554 | filter: alpha(opacity=50); | ||
2555 | //background-color: #cccccc; | ||
2556 | |||
2557 | background-color: #000000; | ||
2558 | width: 100%; | ||
2559 | height: 100%; | ||
2560 | zoom: 1; | ||
2561 | } | ||
2562 | div#modalDialogFrame, div.modalDialogFrame { | ||
2563 | position: absolute; | ||
2564 | //border: 1px solid white; | ||
2565 | |||
2566 | -moz-opacity: 0.5; | ||
2567 | opacity: .50; | ||
2568 | filter: alpha(opacity=50); | ||
2569 | background-color: #333333; | ||
2570 | z-index: 20001; | ||
2571 | -webkit-border-radius: 20px; | ||
2572 | -moz-border-radius: 20px; | ||
2573 | border-radius: 20px; | ||
2574 | } | ||
2575 | div#modalDialog, div.modalDialog { | ||
2576 | z-index: 20001; | ||
2577 | } | ||
2578 | // div#modalDialog.scrollable, | ||
2579 | div.modalDialog.scrollable { | ||
2580 | position: absolute; | ||
2581 | top: 0; | ||
2582 | left: 50%; | ||
2583 | } | ||
2584 | // div#modalDialog.fixed, | ||
2585 | div.modalDialog.fixed { | ||
2586 | position: fixed; | ||
2587 | top: 40%; | ||
2588 | left: 50%; | ||
2589 | } | ||
2590 | div#modalDialog div, div.modalDialog div { | ||
2591 | z-index: 20002; | ||
2592 | list-style-type: circle; | ||
2593 | } | ||
2594 | div.modalDialogMask.simpleMessagePanelMask { | ||
2595 | z-index: 20010; | ||
2596 | } | ||
2597 | div.modalDialogFrame.simpleMessagePanelMask { | ||
2598 | z-index: 20011; | ||
2599 | } | ||
2600 | div.modalDialog.simpleMessagePanelMask { | ||
2601 | z-index: 20011; | ||
2602 | } | ||
2603 | div.modalDialog.simpleMessagePanelMask div { | ||
2604 | z-index: 20012; | ||
2605 | } | ||
2606 | |||
2607 | div.bookmarklet div.bookmarklet_link { | ||
2608 | //padding-top: 5px; | ||
2609 | //padding-left: 4px; | ||
2610 | //padding-right: 3px; | ||
2611 | |||
2612 | //float: right; | ||
2613 | //margin-top: 12px; | ||
2614 | //margin-right: 13px; | ||
2615 | |||
2616 | height: 34px; | ||
2617 | } | ||
2618 | div.bookmarklet div.bookmarklet_link a { | ||
2619 | color: #838975; | ||
2620 | text-decoration: none; | ||
2621 | font-weight: bold; | ||
2622 | font-size: 10pt; | ||
2623 | |||
2624 | //display: block; | ||
2625 | //text-align: right; | ||
2626 | //padding-top: 7px; | ||
2627 | //padding-right: 11px; | ||
2628 | //padding-bottom: 6px; | ||
2629 | } | ||
2630 | div.bookmarklet div.bookmarklet_link a div.icon { | ||
2631 | background: url(../images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0; | ||
2632 | float: left; | ||
2633 | width: 34px; | ||
2634 | height: 34px; | ||
2635 | } | ||
2636 | div.bookmarklet div.bookmarklet_link a:hover div.icon { | ||
2637 | background: url(../images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0; | ||
2638 | } | ||
2639 | div.bookmarklet div.bookmarklet_link a div.text { | ||
2640 | display: block; | ||
2641 | float: right; | ||
2642 | background: url(../images/old/bookmarklet/placeholder.png) no-repeat right 0; | ||
2643 | white-space: nowrap; | ||
2644 | height: 34px; | ||
2645 | } | ||
2646 | div.bookmarklet div.bookmarklet_link a:hover div.text { | ||
2647 | background: url(../images/old/bookmarklet/placeholder_selected.png) no-repeat right 0; | ||
2648 | } | ||
2649 | div.bookmarklet div.bookmarklet_link a div.text span { | ||
2650 | display: block; | ||
2651 | padding-top: 10px; | ||
2652 | padding-right: 10px; | ||
2653 | padding-left: 6px; | ||
2654 | clear: both; | ||
2655 | } | ||
2656 | |||
2657 | div.tooltip { | ||
2658 | position: absolute; | ||
2659 | z-index: 30001; | ||
2660 | } | ||
2661 | div.tooltip div.tooltip_body { | ||
2662 | position: absolute; | ||
2663 | } | ||
2664 | div.tooltip div.tooltip_arrow { | ||
2665 | position: absolute; | ||
2666 | } | ||
2667 | div.tooltip.BELOW div.tooltip_arrow { | ||
2668 | background: url(../images/old/tooltips/top_arrow.png) no-repeat; | ||
2669 | } | ||
2670 | div.tooltip.ABOVE div.tooltip_arrow { | ||
2671 | background: url(../images/old/tooltips/bottom_arrow.png) no-repeat; | ||
2672 | } | ||
2673 | div.tooltip.LEFT div.tooltip_arrow { | ||
2674 | background: url(../images/old/tooltips/right_arrow.png) no-repeat; | ||
2675 | } | ||
2676 | div.tooltip.RIGHT div.tooltip_arrow { | ||
2677 | //margin-top: 7px; | ||
2678 | |||
2679 | background: url(../images/old/tooltips/left_arrow.png) no-repeat; | ||
2680 | } | ||
2681 | div.tooltip.RIGHT div.tooltip_body { | ||
2682 | //padding-left: 13px; | ||
2683 | |||
2684 | } | ||
2685 | div.tooltip div.tooltip_body div.tooltip_text { | ||
2686 | width: 171px; | ||
2687 | background: url(../images/old/tooltips/body.png) no-repeat center top; | ||
2688 | } | ||
2689 | div.tooltip.LEFT div.tooltip_body div.tooltip_text, div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | ||
2690 | min-height: 45px; | ||
2691 | } | ||
2692 | div.tooltip div.tooltip_body span { | ||
2693 | display: block; | ||
2694 | padding: 10px; | ||
2695 | padding-bottom: 4px; | ||
2696 | font-size: 10pt; | ||
2697 | color: white; | ||
2698 | } | ||
2699 | div.tooltip div.tooltip_footer { | ||
2700 | height: 7px; | ||
2701 | background: url(../images/old/tooltips/body_bottom.png) no-repeat; | ||
2702 | } | ||
2703 | |||
2704 | // --------------------------------------- | ||
2705 | |||
2706 | |||
2707 | div.mainDialog { | ||
2708 | position: relative; | ||
2709 | left: -263px; | ||
2710 | width: 525px; | ||
2711 | height: 325px; | ||
2712 | } | ||
2713 | div.scrollable div.mainDialog { | ||
2714 | top: 0px; | ||
2715 | } | ||
2716 | div.fixed div.mainDialog { | ||
2717 | top: -118px; | ||
2718 | } | ||
2719 | div.mainDialog div.header { | ||
2720 | height: 55px; | ||
2721 | background: url(../images/old/cardDialog/background_header.png) no-repeat; | ||
2722 | } | ||
2723 | div.mainDialog div.header div.title { | ||
2724 | padding-top: 16px; | ||
2725 | padding-left: 20px; | ||
2726 | padding-right: 20px; | ||
2727 | } | ||
2728 | div.mainDialog div.header div.title input { | ||
2729 | width: 100%; | ||
2730 | display: block; | ||
2731 | font-size: 16pt; | ||
2732 | margin: 0px; | ||
2733 | border: 0px; | ||
2734 | padding: 3px 10px; | ||
2735 | color: #787872; | ||
2736 | border: 1px solid #cccec0; | ||
2737 | background-color: #cccec0; | ||
2738 | } | ||
2739 | div.mainDialog div.header div.title h3 { | ||
2740 | display: block; | ||
2741 | font-size: 16pt; | ||
2742 | color: #787872; | ||
2743 | margin: 0px; | ||
2744 | border: 0px; | ||
2745 | padding: 3px 10px; | ||
2746 | } | ||
2747 | div.mainDialog div.header div.title.selectedField input, div.mainDialog div.header div.title:hover input { | ||
2748 | border: 1px solid #515247; | ||
2749 | background-color: #b5b7ab; | ||
2750 | } | ||
2751 | div.mainDialog div.header div.title.disabled:hover input { | ||
2752 | border: 1px solid #cccec0; | ||
2753 | background-color: #cccec0; | ||
2754 | } | ||
2755 | div.mainDialog div.body { | ||
2756 | padding-top: 0px; | ||
2757 | padding-left: 10px; | ||
2758 | padding-right: 9px; | ||
2759 | min-height: 200px; | ||
2760 | background: url(../images/old/cardDialog/background_body.png) repeat-y; | ||
2761 | } | ||
2762 | div.mainDialog div.body div.mask { | ||
2763 | display: none; | ||
2764 | } | ||
2765 | div.mainDialog.loading div.body div.mask { | ||
2766 | display: block; | ||
2767 | position: absolute; | ||
2768 | top: 55px; | ||
2769 | left: 10px; | ||
2770 | right: 9px; | ||
2771 | bottom: 70px; | ||
2772 | z-index: 1001; | ||
2773 | background-color: white; | ||
2774 | padding-left: 146px; | ||
2775 | padding-right: 146px; | ||
2776 | padding-top: 70px; | ||
2777 | } | ||
2778 | div.mainDialog.loading div.body .tabPanels { | ||
2779 | display: none; | ||
2780 | } | ||
2781 | div.mainDialog.loading div.body div.mask h3.progressDescription { | ||
2782 | margin: 0px; | ||
2783 | text-align: center; | ||
2784 | padding-bottom: 10px; | ||
2785 | color: #cccec0; | ||
2786 | font-size: 14pt; | ||
2787 | font-weight: normal; | ||
2788 | } | ||
2789 | div.loadingBar { | ||
2790 | height: 22px; | ||
2791 | width: 214px; | ||
2792 | background: url(../images/old/loading/loadingBar.gif) no-repeat center top; | ||
2793 | } | ||
2794 | div.loadingBar div.loadingBarProgressBox { | ||
2795 | padding: 2px; | ||
2796 | } | ||
2797 | div.loadingBar div.loadingBarProgress { | ||
2798 | height: 18px; | ||
2799 | width: 0%; | ||
2800 | //background-repeat: no-repeat; | ||
2801 | |||
2802 | background-color: rgba(248, 79, 0, 0.6); | ||
2803 | -webkit-border-radius: 9px; | ||
2804 | -moz-border-radius: 9px; | ||
2805 | border-radius: 9px; | ||
2806 | } | ||
2807 | |||
2808 | div.mainDialog div.body div ul { | ||
2809 | padding: 0px; | ||
2810 | clear: both; | ||
2811 | margin: 0px; | ||
2812 | list-style-type: none; | ||
2813 | } | ||
2814 | div.mainDialog div.body div.tabs { | ||
2815 | height: 20px; | ||
2816 | } | ||
2817 | div.mainDialog div.body div.tabs ul.tabs { | ||
2818 | height: 33px; | ||
2819 | //border-bottom: 1px solid #515247; | ||
2820 | //background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; | ||
2821 | |||
2822 | background: url(../images/old/cardDialog/tabs_background.png) repeat-x; | ||
2823 | } | ||
2824 | div.mainDialog div.body div.tabs ul.tabs li { | ||
2825 | //width: 150px; | ||
2826 | |||
2827 | height: 32px; | ||
2828 | font-size: 11pt; | ||
2829 | text-align: center; | ||
2830 | border-right: 1px solid #515247; | ||
2831 | float: left; | ||
2832 | color: #787872; | ||
2833 | border-bottom: 1px solid #515247; | ||
2834 | background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; | ||
2835 | cursor: pointer; | ||
2836 | } | ||
2837 | div.mainDialog div.body div.tabs ul.tabs li div { | ||
2838 | display: none; | ||
2839 | } | ||
2840 | div.mainDialog div.body div.tabs ul.tabs li span { | ||
2841 | display: block; | ||
2842 | padding-top: 9px; | ||
2843 | padding-bottom: 6px; | ||
2844 | padding-left: 40px; | ||
2845 | padding-right: 40px; | ||
2846 | } | ||
2847 | div.mainDialog div.body div.tabs ul.tabs li:hover { | ||
2848 | color: #515247; | ||
2849 | } | ||
2850 | div.mainDialog div.body div.tabs ul.tabs li.disabled:hover { | ||
2851 | color: #787872; | ||
2852 | cursor: default; | ||
2853 | } | ||
2854 | div.mainDialog div.body div.tabs ul.tabs li.selected { | ||
2855 | color: #515247; | ||
2856 | background-color: #f1f2e9; | ||
2857 | border-bottom: 1px solid #f1f2e9; | ||
2858 | cursor: default; | ||
2859 | } | ||
2860 | div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover { | ||
2861 | color: #515247; | ||
2862 | } | ||
2863 | div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList { | ||
2864 | position: absolute; | ||
2865 | display: block; | ||
2866 | top: 63px; | ||
2867 | left: 140; | ||
2868 | width: 20px; | ||
2869 | } | ||
2870 | div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton { | ||
2871 | position: absolute; | ||
2872 | display: block; | ||
2873 | top: 63px; | ||
2874 | left: 265px; | ||
2875 | width: 20px; | ||
2876 | } | ||
2877 | div.mainDialog div.body div.tabs ul.tabs li.selected div span { | ||
2878 | padding: 0px; | ||
2879 | margin: 0px; | ||
2880 | } | ||
2881 | div.mainDialog div.body div.tabs ul.tabs li.selected div:hover { | ||
2882 | cursor: pointer; | ||
2883 | } | ||
2884 | div.mainDialog div.body .tabPanels { | ||
2885 | clear: both; | ||
2886 | } | ||
2887 | div.mainDialog div.body ul.tabPanels li.tabPanel { | ||
2888 | display: none; | ||
2889 | } | ||
2890 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected { | ||
2891 | display: block; | ||
2892 | } | ||
2893 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 { | ||
2894 | margin: 0px; | ||
2895 | text-align: center; | ||
2896 | padding-top: 50px; | ||
2897 | color: #787872; | ||
2898 | } | ||
2899 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription { | ||
2900 | margin: 0px 20px 10px; | ||
2901 | font-size: 10pt; | ||
2902 | color: b0b0b0; | ||
2903 | font-style: italic; | ||
2904 | text-align: center; | ||
2905 | } | ||
2906 | div.mainDialog div.footer { | ||
2907 | height: 70px; | ||
2908 | background: url(../images/old/cardDialog/background_footer.png) no-repeat 0 -14px; | ||
2909 | } | ||
2910 | div.mainDialog div.footer div.buttonArea { | ||
2911 | padding-left: 40px; | ||
2912 | padding-right: 40px; | ||
2913 | padding-top: 15px; | ||
2914 | } | ||
2915 | div.mainDialog div.footer div.buttonArea div { | ||
2916 | padding-left: 20px; | ||
2917 | padding-right: 20px; | ||
2918 | float: left; | ||
2919 | font-weight: bold; | ||
2920 | color: #787872; | ||
2921 | } | ||
2922 | div.mainDialog div.footer div.buttonArea div.disabled { | ||
2923 | color: #b1b1a8; | ||
2924 | } | ||
2925 | div.mainDialog div.footer div.buttonArea div.disabled:hover { | ||
2926 | color: #b1b1a8; | ||
2927 | cursor: default; | ||
2928 | } | ||
2929 | div.mainDialog div.footer div.buttonArea div:hover { | ||
2930 | color: #515247; | ||
2931 | cursor: pointer; | ||
2932 | } | ||
2933 | div.mainDialog div.footer div.buttonArea div.save { | ||
2934 | float: right; | ||
2935 | } | ||
2936 | |||
2937 | div.addDirectLoginButton { | ||
2938 | height: 20px; | ||
2939 | width: 20px; | ||
2940 | background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px; | ||
2941 | color: white; | ||
2942 | font-weight: bold; | ||
2943 | } | ||
2944 | div.addDirectLoginButton span { | ||
2945 | display: block; | ||
2946 | height: 20px; | ||
2947 | width: 20px; | ||
2948 | } | ||
2949 | div.addDirectLoginButton:hover { | ||
2950 | background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px; | ||
2951 | } | ||
2952 | |||
2953 | div.directLoginsComponentContainer { | ||
2954 | overflow: hidden; | ||
2955 | //background-color: green; | ||
2956 | |||
2957 | } | ||
2958 | div.CardDialog div.directLogins { | ||
2959 | //background-color: yellow; | ||
2960 | |||
2961 | padding-top: 2px; | ||
2962 | } | ||
2963 | div.CardDialog div.addNewDirectLoginSplash { | ||
2964 | margin: 0px 80px; | ||
2965 | } | ||
2966 | div.CardDialog div.addNewDirectLoginSplash h3 { | ||
2967 | color: #aaaaaa; | ||
2968 | text-align: center; | ||
2969 | font-weight: normal; | ||
2970 | font-size: 11pt; | ||
2971 | } | ||
2972 | div.CardDialog div.addNewDirectLoginSplash a { | ||
2973 | display: block; | ||
2974 | text-decoration: none; | ||
2975 | margin-left: auto; | ||
2976 | margin-right: auto; | ||
2977 | width: 190px; | ||
2978 | //color: #787878; | ||
2979 | |||
2980 | color: rgba(255, 98, 6, 0.75); | ||
2981 | text-transform: uppercase; | ||
2982 | background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right; | ||
2983 | } | ||
2984 | div.CardDialog div.addNewDirectLoginSplash a span { | ||
2985 | text-align: center; | ||
2986 | } | ||
2987 | div.CardDialog div.addNewDirectLoginSplash a:hover { | ||
2988 | color: #ff6206; | ||
2989 | background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat right; | ||
2990 | } | ||
2991 | div.CardDialog div.directLoginItem { | ||
2992 | clear: both; | ||
2993 | min-height: 32px; | ||
2994 | padding-left: 10px; | ||
2995 | padding-top: 4px; | ||
2996 | padding-bottom: 2px; | ||
2997 | //width: 100px; | ||
2998 | |||
2999 | max-height: 32px; | ||
3000 | overflow: hidden; | ||
3001 | } | ||
3002 | div.CardDialog div.directLoginItem:hover { | ||
3003 | background-color: #cccec0; | ||
3004 | } | ||
3005 | div.CardDialog div.addDirectLoginListItem { | ||
3006 | min-height: 32px; | ||
3007 | padding-left: 10px; | ||
3008 | padding-top: 4px; | ||
3009 | padding-bottom: 2px; | ||
3010 | max-height: 32px; | ||
3011 | overflow: hidden; | ||
3012 | background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0; | ||
3013 | } | ||
3014 | div.CardDialog div.addDirectLoginListItem a { | ||
3015 | display: block; | ||
3016 | font-size: 11pt; | ||
3017 | padding-top: 6px; | ||
3018 | padding-left: 50px; | ||
3019 | color: rgba(255, 98, 6, 0.75); | ||
3020 | text-decoration: none; | ||
3021 | text-transform: uppercase; | ||
3022 | } | ||
3023 | div.CardDialog div.addDirectLoginListItem:hover { | ||
3024 | background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0; | ||
3025 | color: #ff6206; | ||
3026 | background-color: #cccec0; | ||
3027 | } | ||
3028 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon { | ||
3029 | width: 32px; | ||
3030 | height: 32px; | ||
3031 | float: left; | ||
3032 | } | ||
3033 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input { | ||
3034 | float: left; | ||
3035 | font-size: 11pt; | ||
3036 | border: 0px; | ||
3037 | padding: 5px; | ||
3038 | color: #787872; | ||
3039 | border: 1px solid #ededeb; | ||
3040 | background-color: #ededeb; | ||
3041 | height: 30px; | ||
3042 | margin-left: 10px; | ||
3043 | width: 68%; | ||
3044 | margin-right: 5px; | ||
3045 | } | ||
3046 | div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input { | ||
3047 | border: 1px solid #515247; | ||
3048 | background-color: #b5b7ab; | ||
3049 | } | ||
3050 | div.CardDialog div.directLoginItem > div.open { | ||
3051 | float: left; | ||
3052 | margin-top: 5px; | ||
3053 | margin-right: 2px; | ||
3054 | padding-left: 5px; | ||
3055 | visibility: hidden; | ||
3056 | } | ||
3057 | div.CardDialog div.directLoginItem > div.edit, div.CardDialog div.directLoginItem > div.delete { | ||
3058 | float: left; | ||
3059 | margin-top: 5px; | ||
3060 | margin-left: 3px; | ||
3061 | padding-left: 5px; | ||
3062 | visibility: hidden; | ||
3063 | } | ||
3064 | div.CardDialog div.directLoginItem > div.open a { | ||
3065 | display: block; | ||
3066 | width: 22px; | ||
3067 | height: 22px; | ||
3068 | background: url(../images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px; | ||
3069 | } | ||
3070 | div.CardDialog div.directLoginItem > div.open a:hover { | ||
3071 | background: url(../images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px; | ||
3072 | } | ||
3073 | div.CardDialog div.directLoginItem:hover > div.open, div.CardDialog div.directLoginItem:hover > div.edit, div.CardDialog div.directLoginItem:hover > div.delete { | ||
3074 | visibility: visible; | ||
3075 | } | ||
3076 | div.CardDialog div.directLoginItem div.edit span { | ||
3077 | padding-right: 6px; | ||
3078 | display: block; | ||
3079 | } | ||
3080 | div.CardDialog div.directLoginItem div.open span a, div.CardDialog div.directLoginItem div.edit span a, div.CardDialog div.directLoginItem div.delete span a { | ||
3081 | font-size: 8pt; | ||
3082 | color: #666666; | ||
3083 | text-decoration: none; | ||
3084 | line-height: 19px; | ||
3085 | } | ||
3086 | div.CardDialog div.directLoginItem div.edit:hover { | ||
3087 | background: url(../images/old/new_background_left.png) no-repeat; | ||
3088 | } | ||
3089 | div.CardDialog div.directLoginItem div:hover span a { | ||
3090 | color: white; | ||
3091 | } | ||
3092 | div.CardDialog div.directLoginItem div.edit:hover span { | ||
3093 | background: url(../images/old/new_background.png) no-repeat right center; | ||
3094 | } | ||
3095 | div.CardDialog div.directLoginItem div.delete:hover { | ||
3096 | background: url(../images/old/delete_background_left.png) no-repeat; | ||
3097 | } | ||
3098 | div.CardDialog div.directLoginItem div.delete:hover span { | ||
3099 | background: url(../images/old/delete_background.png) right; | ||
3100 | } | ||
3101 | div.CardDialog div.directLoginEditDetail { | ||
3102 | position: relative; | ||
3103 | //background-color: red; | ||
3104 | |||
3105 | } | ||
3106 | |||
3107 | form.directLoginEditingForm div.title, form.directLoginEditingForm div.favicon { | ||
3108 | padding: 5px 10px; | ||
3109 | } | ||
3110 | form.directLoginEditingForm div.title.disabled:hover { | ||
3111 | background-color: #f1f2e9; | ||
3112 | } | ||
3113 | form.directLoginEditingForm div.title:hover, form.directLoginEditingForm div.favicon:hover { | ||
3114 | background-color: #cccec0; | ||
3115 | } | ||
3116 | form.directLoginEditingForm div.title input { | ||
3117 | //width: 100%; | ||
3118 | |||
3119 | margin: 0px; | ||
3120 | margin-left: 10px; | ||
3121 | width: 440px; | ||
3122 | } | ||
3123 | form.directLoginEditingForm div.favicon { | ||
3124 | padding-left: 10px; | ||
3125 | } | ||
3126 | // form.directLoginEditingForm div.favicon img.favicon { | ||
3127 | form.directLoginEditingForm img.favicon { | ||
3128 | float: left; | ||
3129 | width: 32px; | ||
3130 | height: 32px; | ||
3131 | } | ||
3132 | form.directLoginEditingForm div.favicon input { | ||
3133 | margin-top: 1px; | ||
3134 | width: 465px; | ||
3135 | } | ||
3136 | form.directLoginEditingForm div.disabled:hover input, form.directLoginEditingForm div input { | ||
3137 | font-size: 11pt; | ||
3138 | border: 0px; | ||
3139 | padding: 5px; | ||
3140 | color: #787872; | ||
3141 | border: 1px solid #ededeb; | ||
3142 | background-color: #ededeb; | ||
3143 | height: 30px; | ||
3144 | } | ||
3145 | form.directLoginEditingForm div:hover input { | ||
3146 | border: 1px solid #515247; | ||
3147 | background-color: #b5b7ab; | ||
3148 | } | ||
3149 | |||
3150 | div.bindings div.binding > span.formFieldName { | ||
3151 | display: inline-block; | ||
3152 | width: 140px; | ||
3153 | overflow: hidden; | ||
3154 | margin-right: 10px; | ||
3155 | color: #6b5147; | ||
3156 | text-overflow: ellipsis; | ||
3157 | } | ||
3158 | div.bindings div.binding { | ||
3159 | padding-bottom: 3px; | ||
3160 | } | ||
3161 | div.bindings div.binding > input { | ||
3162 | margin-right: 10px; | ||
3163 | background: #cccec0; | ||
3164 | width: 150px; | ||
3165 | border: 1px solid #cccec0; | ||
3166 | } | ||
3167 | div.bindings div.binding:hover > input { | ||
3168 | border: 1px solid #cccec0; | ||
3169 | } | ||
3170 | div.bindings div.binding > select { | ||
3171 | font-size: 13pt; | ||
3172 | } | ||
3173 | div.bindings div.binding span.fieldLock { | ||
3174 | display: inline-block; | ||
3175 | width: 20px; | ||
3176 | height: 20px; | ||
3177 | margin-right: 3px; | ||
3178 | } | ||
3179 | div.bindings div.binding.showLocked input { | ||
3180 | background: url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3181 | //color: black; | ||
3182 | |||
3183 | overflow: hidden; | ||
3184 | background: #cccec0 url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3185 | color: rgba(237, 237, 235, 0.1); | ||
3186 | } | ||
3187 | div.bindings div.binding span.fieldLock a { | ||
3188 | display: none; | ||
3189 | } | ||
3190 | div.bindings div.binding.locked span.fieldLock a { | ||
3191 | display: block; | ||
3192 | width: 20px; | ||
3193 | height: 20px; | ||
3194 | text-decoration: none; | ||
3195 | background-image: url(../images/old/cardDialog/lock_open.png); | ||
3196 | } | ||
3197 | div.bindings div.binding.locked.showLocked span.fieldLock a { | ||
3198 | background-image: url(../images/old/cardDialog/lock_closed.png); | ||
3199 | text-decoration: none; | ||
3200 | } | ||
3201 | |||
3202 | div.formValues { | ||
3203 | padding-top: 15px; | ||
3204 | } | ||
3205 | div.formValues div.formValue div { | ||
3206 | margin: 0px; | ||
3207 | display: inline-block; | ||
3208 | } | ||
3209 | div.formValues div.formValue > span.formFieldName { | ||
3210 | display: inline-table; | ||
3211 | width: 160px; | ||
3212 | overflow: hidden; | ||
3213 | margin-right: 10px; | ||
3214 | color: #6b5147; | ||
3215 | } | ||
3216 | |||
3217 | div.directLoginEditing { | ||
3218 | padding-top: 2px; | ||
3219 | } | ||
3220 | div.directLoginEditing div.tabContainer { | ||
3221 | min-height: 150px; | ||
3222 | height: 200px; | ||
3223 | } | ||
3224 | div.directLoginEditing div.tabContainer > ul.tabs { | ||
3225 | display: none; | ||
3226 | } | ||
3227 | |||
3228 | div.directLoginEditing li { | ||
3229 | padding: 10px; | ||
3230 | } | ||
3231 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { | ||
3232 | float: left; | ||
3233 | width: 320px; | ||
3234 | height: 125px; | ||
3235 | font-family: monospace; | ||
3236 | font-weight: normal; | ||
3237 | font-size: 8pt; | ||
3238 | border: 1px solid #ccc; | ||
3239 | } | ||
3240 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { | ||
3241 | float: right; | ||
3242 | } | ||
3243 | div.directLoginEditing li.configuration > textarea.error { | ||
3244 | border: 1px solid red; | ||
3245 | background-color: rgba(255, 0, 0, 0.1); | ||
3246 | } | ||
3247 | |||
3248 | div.CardDialog div.body { | ||
3249 | padding-bottom: 1px; | ||
3250 | } | ||
3251 | div.CardDialog div.body table.fields { | ||
3252 | width: 100%; | ||
3253 | padding-top: 8px; | ||
3254 | padding-bottom: 1px; | ||
3255 | } | ||
3256 | div.CardDialog div.body table.fields thead { | ||
3257 | background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; | ||
3258 | } | ||
3259 | div.CardDialog div.body table.fields tfoot { | ||
3260 | background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; | ||
3261 | } | ||
3262 | div.CardDialog div.body table.fields thead th { | ||
3263 | text-align: left; | ||
3264 | font-weight: normal; | ||
3265 | font-size: 9pt; | ||
3266 | color: #787872; | ||
3267 | padding-left: 10px; | ||
3268 | padding-bottom: 3px; | ||
3269 | //border-bottom: 1px dotted; | ||
3270 | } | ||
3271 | div.CardDialog div.body table.fields thead th.fieldStateTH { | ||
3272 | width: 10px; | ||
3273 | } | ||
3274 | div.CardDialog div.body table.fields tbody td.fieldLabel input { | ||
3275 | width: 130px; | ||
3276 | } | ||
3277 | div.CardDialog div.body table.fields thead th.fieldLockTH { | ||
3278 | width: 10px; | ||
3279 | } | ||
3280 | div.CardDialog div.body table.fields tbody td.fieldValue input { | ||
3281 | width: 280px; | ||
3282 | } | ||
3283 | div.CardDialog div.body table.fields thead th.fieldActionTH { | ||
3284 | width: 30px; | ||
3285 | } | ||
3286 | div.CardDialog div.body table.fields thead th.fieldDeleteTH { | ||
3287 | width: 40px; | ||
3288 | } | ||
3289 | div.CardDialog div.body table.fields tbody tr:hover, div.CardDialog div.body table.fields tbody tr.selectedField { | ||
3290 | background-color: #cccec0; | ||
3291 | } | ||
3292 | div.CardDialog div.body table.fields tbody tr td { | ||
3293 | font-size: 11pt; | ||
3294 | color: #787872; | ||
3295 | height: 35px; | ||
3296 | } | ||
3297 | div.CardDialog div.body table.fields tbody tr td input { | ||
3298 | font-size: 11pt; | ||
3299 | border: 0px; | ||
3300 | padding: 5px; | ||
3301 | color: #787872; | ||
3302 | border: 1px solid #ededeb; | ||
3303 | background-color: #ededeb; | ||
3304 | height: 30px; | ||
3305 | } | ||
3306 | |||
3307 | div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { | ||
3308 | background: #ededeb url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3309 | color: #ededeb; | ||
3310 | color: rgba(237, 237, 235, 0.1); | ||
3311 | //color: black; | ||
3312 | //line-height: 100px; | ||
3313 | |||
3314 | overflow: hidden; | ||
3315 | } | ||
3316 | div.locked input.value::-moz-selection { | ||
3317 | background: #ff0000; | ||
3318 | } | ||
3319 | div.locked input.value::selection { | ||
3320 | background: #ff0000; | ||
3321 | } | ||
3322 | div.CardDialog div.body table.fields tbody tr.new.selectedField td input, | ||
3323 | div.CardDialog div.body table.fields tbody tr.new:hover td input, | ||
3324 | div.CardDialog div.body table.fields tbody tr:hover td input, | ||
3325 | div.CardDialog div.body table.fields tbody tr.selectedField td input { | ||
3326 | border: 1px solid #515247; | ||
3327 | background-color: #b5b7ab; | ||
3328 | } | ||
3329 | div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { | ||
3330 | background: #b5b7ab url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3331 | color: #b5b7ab; | ||
3332 | color: rgba(237, 237, 235, 0.1); | ||
3333 | } | ||
3334 | div.CardDialog div.body table.fields tbody td.fieldLock div { | ||
3335 | width: 20px; | ||
3336 | height: 19px; | ||
3337 | cursor: pointer; | ||
3338 | } | ||
3339 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { | ||
3340 | background-image: url(../images/old/cardDialog/lock_closed.png); | ||
3341 | } | ||
3342 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { | ||
3343 | background-image: url(../images/old/cardDialog/lock_open.png); | ||
3344 | } | ||
3345 | div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { | ||
3346 | text-decoration: none; | ||
3347 | visibility: hidden; | ||
3348 | font-size: 8pt; | ||
3349 | vertical-align: -13px; | ||
3350 | color: black; | ||
3351 | } | ||
3352 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { | ||
3353 | visibility: visible; | ||
3354 | } | ||
3355 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { | ||
3356 | visibility: visible; | ||
3357 | } | ||
3358 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a { | ||
3359 | color: white; | ||
3360 | } | ||
3361 | div.CardDialog div.body div.notes { | ||
3362 | background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 0; | ||
3363 | padding-top: 2px; | ||
3364 | } | ||
3365 | div.CardDialog div.body div.notes div { | ||
3366 | padding-left: 20px; | ||
3367 | padding-right: 20px; | ||
3368 | padding-top: 4px; | ||
3369 | padding-bottom: 4px; | ||
3370 | } | ||
3371 | div.CardDialog div.body div.notes div:hover, div.CardDialog div.body div.notes.selectedField div { | ||
3372 | background-color: #cccec0; | ||
3373 | } | ||
3374 | div.CardDialog.loading div.body div.notes div textarea { | ||
3375 | display: none; | ||
3376 | } | ||
3377 | div.CardDialog div.body div.notes div textarea { | ||
3378 | border: 0; | ||
3379 | width: 470px; | ||
3380 | //width: 100%; | ||
3381 | //height: 100px; | ||
3382 | // min-height: 400px; | ||
3383 | //overflow: hidden; | ||
3384 | |||
3385 | color: #787872; | ||
3386 | border: 1px solid #ededeb; | ||
3387 | background-color: #ededeb; | ||
3388 | display: block; | ||
3389 | line-height: 12pt; | ||
3390 | min-height: 50px; | ||
3391 | } | ||
3392 | div.CardDialog div.body div.notes div:hover textarea, div.CardDialog div.body div.notes.selectedField div textarea { | ||
3393 | border: 1px solid #515247; | ||
3394 | background-color: #b5b7ab; | ||
3395 | } | ||
3396 | div.CardDialog div.body table.fields tbody tr td.fieldAction { | ||
3397 | //background-color: red; | ||
3398 | |||
3399 | padding-left: 4px; | ||
3400 | } | ||
3401 | div.CardDialog div.body table.fields tbody tr td.fieldAction a { | ||
3402 | display: inline-block; | ||
3403 | text-decoration: none; | ||
3404 | text-align: center; | ||
3405 | width: 16px; | ||
3406 | height: 16px; | ||
3407 | } | ||
3408 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email { | ||
3409 | background: url(../images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0; | ||
3410 | } | ||
3411 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover { | ||
3412 | background: url(../images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0; | ||
3413 | } | ||
3414 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url { | ||
3415 | background: url(../images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0; | ||
3416 | } | ||
3417 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover { | ||
3418 | background: url(../images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0; | ||
3419 | } | ||
3420 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password { | ||
3421 | background: url(../images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0; | ||
3422 | } | ||
3423 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover { | ||
3424 | background: url(../images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0; | ||
3425 | } | ||
3426 | div#disabledZone { | ||
3427 | display: block; | ||
3428 | visibility: visible; | ||
3429 | } | ||
3430 | div#messageZone { | ||
3431 | display: block; | ||
3432 | visibility: visible; | ||
3433 | } | ||
3434 | div.CardDialog div.error div.img { | ||
3435 | margin: 10px; | ||
3436 | width: 50px; | ||
3437 | height: 50px; | ||
3438 | float: left; | ||
3439 | background-image: url(../images/old/simpleMessageBox/Alert.png); | ||
3440 | } | ||
3441 | div.rulerWrapper { | ||
3442 | left: -1000px; | ||
3443 | margin-top: -30px; | ||
3444 | margin-left: 50%; | ||
3445 | z-index: 25000; | ||
3446 | } | ||
3447 | div.rulerWrapper.fixed { | ||
3448 | position: fixed; | ||
3449 | } | ||
3450 | div.rulerWrapper.scrollable { | ||
3451 | position: absolute; | ||
3452 | } | ||
3453 | div.ruler { | ||
3454 | //position: absolute; | ||
3455 | |||
3456 | width: 541px; | ||
3457 | height: 96px; | ||
3458 | margin-left: -270px; | ||
3459 | background: url(../images/old/ruler/ruler.png) no-repeat; | ||
3460 | } | ||
3461 | div.ruler a { | ||
3462 | position: absolute; | ||
3463 | display: block; | ||
3464 | width: 15px; | ||
3465 | height: 15px; | ||
3466 | top: 3px; | ||
3467 | text-decoration: none; | ||
3468 | } | ||
3469 | div.ruler a.exit { | ||
3470 | margin-left: 2px; | ||
3471 | background: url(../images/old/ruler/exit.png) no-repeat; | ||
3472 | } | ||
3473 | div.ruler a.exit:hover { | ||
3474 | background: url(../images/old/ruler/exit_selected.png) no-repeat; | ||
3475 | } | ||
3476 | div.ruler a.smallButton.previous { | ||
3477 | right: 16px; | ||
3478 | background: url(../images/old/ruler/small_previous.png) no-repeat; | ||
3479 | } | ||
3480 | div.ruler a.smallButton.previous:hover { | ||
3481 | cursor: pointer; | ||
3482 | background: url(../images/old/ruler/small_previous_selected.png) no-repeat; | ||
3483 | } | ||
3484 | div.ruler a.smallButton.previous.disabled, div.ruler a.smallButton.previous.disabled:hover { | ||
3485 | cursor: default; | ||
3486 | background: url(../images/old/ruler/small_previous_disabled.png) no-repeat; | ||
3487 | } | ||
3488 | div.ruler a.smallButton.next { | ||
3489 | right: 3px; | ||
3490 | background: url(../images/old/ruler/small_next.png) no-repeat; | ||
3491 | } | ||
3492 | div.ruler a.smallButton.next:hover { | ||
3493 | cursor: pointer; | ||
3494 | background: url(../images/old/ruler/small_next_selected.png) no-repeat; | ||
3495 | } | ||
3496 | div.ruler a.smallButton.next.disabled, div.ruler a.smallButton.next.disabled:hover { | ||
3497 | cursor: default; | ||
3498 | background: url(../images/old/ruler/small_next_disabled.png) no-repeat; | ||
3499 | } | ||
3500 | div.ruler div.steps, div.ruler div.dots { | ||
3501 | position: absolute; | ||
3502 | background-color: rgba(255, 255, 255, 0); | ||
3503 | margin-left: 30px; | ||
3504 | margin-right: 30px; | ||
3505 | } | ||
3506 | div.ruler div.steps { | ||
3507 | top: 25px; | ||
3508 | height: 30px; | ||
3509 | } | ||
3510 | div.ruler div.dots { | ||
3511 | top: 58px; | ||
3512 | height: 25px; | ||
3513 | } | ||
3514 | div.ruler div ul { | ||
3515 | list-style-type: none; | ||
3516 | margin: 0px; | ||
3517 | padding: 0px; | ||
3518 | } | ||
3519 | div.ruler div ul li { | ||
3520 | display: inline-block; | ||
3521 | vertical-align: top; | ||
3522 | } | ||
3523 | div.ruler > div.steps > ul > li:first-child, div.ruler > div.dots > ul > li:first-child { | ||
3524 | margin-left: 0px; | ||
3525 | } | ||
3526 | div.ruler div.steps_3 ul li { | ||
3527 | margin-left: 135px; | ||
3528 | } | ||
3529 | div.ruler div.steps_4 ul li { | ||
3530 | margin-left: 67px; | ||
3531 | } | ||
3532 | div.ruler div.steps_5 ul li { | ||
3533 | margin-left: 32px; | ||
3534 | } | ||
3535 | div.ruler div.steps_6 ul li { | ||
3536 | margin-left: 12px; | ||
3537 | } | ||
3538 | div.ruler div ul li span { | ||
3539 | font-weight: bold; | ||
3540 | text-align: center; | ||
3541 | width: 70px; | ||
3542 | display: block; | ||
3543 | font-size: 8pt; | ||
3544 | overflow: hidden; | ||
3545 | color: rgba(0, 0, 0, 0.3); | ||
3546 | } | ||
3547 | div.ruler div ul li.selected span { | ||
3548 | color: black; | ||
3549 | } | ||
3550 | div.ruler div.dots ul li span { | ||
3551 | //text-align: center; | ||
3552 | //width: 26px; | ||
3553 | //margin-left: 22px; | ||
3554 | //margin-right: 22px; | ||
3555 | //height: 25px; | ||
3556 | //background-color: #e57218; | ||
3557 | |||
3558 | font-size: 40pt; | ||
3559 | line-height: 47px; | ||
3560 | } | ||
3561 | div.ruler div.marker { | ||
3562 | position: absolute; | ||
3563 | top: -3px; | ||
3564 | //left: -246px; | ||
3565 | } | ||
3566 | div.ruler div.marker div.markerBody { | ||
3567 | width: 77px; | ||
3568 | height: 97px; | ||
3569 | background: url(../images/old/ruler/marker.png) no-repeat; | ||
3570 | } | ||
3571 | div.ruler div.marker div.next { | ||
3572 | position: absolute; | ||
3573 | top: 25px; | ||
3574 | left: 76px; | ||
3575 | width: 27px; | ||
3576 | height: 65px; | ||
3577 | background: url(../images/old/ruler/next.png) no-repeat -13px; | ||
3578 | z-index: 26000; | ||
3579 | } | ||
3580 | div.ruler div.marker div.next:hover { | ||
3581 | cursor: pointer; | ||
3582 | background: url(../images/old/ruler/next.png) no-repeat -2px; | ||
3583 | } | ||
3584 | div.ruler div.marker div.disabled { | ||
3585 | display: none; | ||
3586 | } | ||
3587 | div.ruler div.marker div.previous { | ||
3588 | position: absolute; | ||
3589 | top: 25px; | ||
3590 | left: -24px; | ||
3591 | width: 27px; | ||
3592 | height: 65px; | ||
3593 | //background: url(../images/old/ruler/previous.png) no-repeat 13px 1px; | ||
3594 | background: url(../images/old/ruler/previous.png) no-repeat 18px 1px; | ||
3595 | z-index: 26000; | ||
3596 | } | ||
3597 | div.ruler div.marker div.previous:hover { | ||
3598 | cursor: pointer; | ||
3599 | //background: url(../images/old/ruler/previous.png) no-repeat 2px 1px; | ||
3600 | background: url(../images/old/ruler/previous.png) no-repeat 7px 1px; | ||
3601 | } | ||
3602 | |||
3603 | div.createNewCardSplash { | ||
3604 | margin-top: -450px; | ||
3605 | margin-left: 250px; | ||
3606 | width: 354px; | ||
3607 | float: left; | ||
3608 | height: 186px; | ||
3609 | text-align: center; | ||
3610 | background: url(../images/old/main/grid/createNewCardSplash.png) no-repeat; | ||
3611 | } | ||
3612 | div.createNewCardSplash:hover { | ||
3613 | cursor: pointer; | ||
3614 | background: url(../images/old/main/grid/createNewCardSplash_selected.png) no-repeat; | ||
3615 | } | ||
3616 | div.createNewCardSplash span { | ||
3617 | display: block; | ||
3618 | padding-top: 130px; | ||
3619 | font-size: 14pt; | ||
3620 | color: #9a9586; | ||
3621 | } | ||
3622 | div.createNewCardSplash:hover span { | ||
3623 | color: #605c4e; | ||
3624 | } | ||
3625 | //============================================= | ||
3626 | div.NewUserCreation div.tabContainer { | ||
3627 | min-height: 150px; | ||
3628 | height: 200px; | ||
3629 | } | ||
3630 | div.NewUserCreation div.tabContainer > ul.tabs { | ||
3631 | display: none; | ||
3632 | } | ||
3633 | ul.createUserStates li.creating { | ||
3634 | background: url(../images/old/creatingUser.gif) no-repeat center center; | ||
3635 | } | ||
3636 | ul.createUserStates li { | ||
3637 | height: 100px; | ||
3638 | } | ||
3639 | ul.createUserStates li span { | ||
3640 | display: block; | ||
3641 | width: 100%; | ||
3642 | text-align: center; | ||
3643 | color: #999; | ||
3644 | font-style: italic; | ||
3645 | } | ||
3646 | div.NewUserCreation form.newUserCreationForm ul.tabPanels { | ||
3647 | padding-top: 10px; | ||
3648 | } | ||
3649 | div.NewUserCreation form.newUserCreationForm ul ul { | ||
3650 | margin-left: auto; | ||
3651 | margin-right: auto; | ||
3652 | width: 400px; | ||
3653 | } | ||
3654 | div.NewUserCreation form.newUserCreationForm ul.credentials li { | ||
3655 | height: 45px; | ||
3656 | } | ||
3657 | div.NewUserCreation form.newUserCreationForm ul.credentials span.label { | ||
3658 | text-align: right; | ||
3659 | display: inline-block; | ||
3660 | font-size: 12pt; | ||
3661 | color: #787872; | ||
3662 | width: 110px; | ||
3663 | vertical-align: baseline; | ||
3664 | } | ||
3665 | div.NewUserCreation form.newUserCreationForm ul.credentials input { | ||
3666 | font-size: 13pt; | ||
3667 | color: #787872; | ||
3668 | height: 35px; | ||
3669 | margin-left: 15px; | ||
3670 | padding-left: 5px; | ||
3671 | } | ||
3672 | div.NewUserCreation form.newUserCreationForm ul.termsOfService li { | ||
3673 | padding: 0 0 15 0; | ||
3674 | } | ||
3675 | div.NewUserCreation form.newUserCreationForm ul.termsOfService input { | ||
3676 | display: inline-block; | ||
3677 | } | ||
3678 | div.NewUserCreation form.newUserCreationForm ul.termsOfService .label { | ||
3679 | display: inline-block; | ||
3680 | text-align: left; | ||
3681 | font-size: 12pt; | ||
3682 | color: #787872; | ||
3683 | width: 350px; | ||
3684 | vertical-align: top; | ||
3685 | padding-left: 10px; | ||
3686 | } | ||
3687 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a { | ||
3688 | font-weight: bold; | ||
3689 | color: #787872; | ||
3690 | text-decoration: none; | ||
3691 | } | ||
3692 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover { | ||
3693 | color: #444; | ||
3694 | } | ||
3695 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span { | ||
3696 | font-size: 16pt; | ||
3697 | color: green; | ||
3698 | } | ||
3699 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span { | ||
3700 | font-size: 16pt; | ||
3701 | color: red; | ||
3702 | } | ||
3703 | */ \ No newline at end of file | 2209 | */ \ No newline at end of file |
2210 | } | ||
diff --git a/frontend/gamma/html/exitPage_template.html b/frontend/gamma/html/exitPage_template.html index b46f9f6..e17bee0 100644 --- a/frontend/gamma/html/exitPage_template.html +++ b/frontend/gamma/html/exitPage_template.html | |||
@@ -1,49 +1,24 @@ | |||
1 | <!-- | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz Community Edition. | ||
6 | Clipperz Community Edition is an online password manager. | ||
7 | For further information about its features and functionalities please | ||
8 | refer to http://www.clipperz.com. | ||
9 | |||
10 | * Clipperz Community Edition is free software: you can redistribute | ||
11 | it and/or modify it under the terms of the GNU Affero General Public | ||
12 | License as published by the Free Software Foundation, either version | ||
13 | 3 of the License, or (at your option) any later version. | ||
14 | |||
15 | * Clipperz Community Edition is distributed in the hope that it will | ||
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
18 | See the GNU Affero General Public License for more details. | ||
19 | |||
20 | * You should have received a copy of the GNU Affero General Public | ||
21 | License along with Clipperz Community Edition. If not, see | ||
22 | <http://www.gnu.org/licenses/>. | ||
23 | |||
24 | --> | ||
25 | |||
26 | <html> | 1 | <html> |
27 | <head> | 2 | <head> |
28 | <title>clipperz</title> | 3 | <title>clipperz</title> |
29 | <link rel="stylesheet" type="text/css" href="./static.css" /> | 4 | <link rel="stylesheet" type="text/css" href="./static.css" /> |
30 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | 5 | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
31 | </head> | 6 | </head> |
32 | <body> | 7 | <body> |
33 | 8 | ||
34 | <!-- h1>clipper<span class="logo_z">z</span></h1 --> | 9 | <!-- h1>clipper<span class="logo_z">z</span></h1 --> |
35 | <div class="header"> | 10 | <div class="header"> |
36 | <div id="logo"></div> | 11 | <div id="logo"></div> |
37 | <h5 class="clipperzPayoff">keep it to yourself!</h5> | 12 | <h5 class="clipperzPayoff">keep it to yourself!</h5> |
38 | </div> | 13 | </div> |
39 | 14 | ||
40 | 15 | ||
41 | <div class="contentWrapper"> | 16 | <div class="contentWrapper"> |
42 | <div class="block1"> | 17 | <div class="block1"> |
43 | <div class="languageBlock en-us"> | 18 | <div class="languageBlock en-us"> |
44 | <div class="flags"></div> | 19 | <div class="flags"></div> |
45 | <div class="content"> | 20 | <div class="content"> |
46 | <h3>Goodbye! Thanks for using Clipperz.</h3> | 21 | <h3>Goodbye! Thanks for using Clipperz.</h3> |
47 | 22 | ||
48 | <p>You just logged out from your Clipperz account. We hope to see you again soon!</p> | 23 | <p>You just logged out from your Clipperz account. We hope to see you again soon!</p> |
49 | </div> | 24 | </div> |
diff --git a/frontend/gamma/js/Clipperz/PM/Proxy.js b/frontend/gamma/js/Clipperz/PM/Proxy.js index 9817eac..190bffd 100644 --- a/frontend/gamma/js/Clipperz/PM/Proxy.js +++ b/frontend/gamma/js/Clipperz/PM/Proxy.js | |||
@@ -121,49 +121,49 @@ Clipperz.PM.Proxy.prototype = MochiKit.Base.update(null, { | |||
121 | 121 | ||
122 | //========================================================================= | 122 | //========================================================================= |
123 | 123 | ||
124 | 'registration': function (someParameters) { | 124 | 'registration': function (someParameters) { |
125 | return this.processMessage('registration', someParameters, 'REGISTER'); | 125 | return this.processMessage('registration', someParameters, 'REGISTER'); |
126 | }, | 126 | }, |
127 | 127 | ||
128 | 'handshake': function (someParameters) { | 128 | 'handshake': function (someParameters) { |
129 | return this.processMessage('handshake', someParameters, 'CONNECT'); | 129 | return this.processMessage('handshake', someParameters, 'CONNECT'); |
130 | }, | 130 | }, |
131 | 131 | ||
132 | 'message': function (someParameters) { | 132 | 'message': function (someParameters) { |
133 | return this.processMessage('message', someParameters, 'MESSAGE'); | 133 | return this.processMessage('message', someParameters, 'MESSAGE'); |
134 | }, | 134 | }, |
135 | 135 | ||
136 | 'logout': function (someParameters) { | 136 | 'logout': function (someParameters) { |
137 | return this.processMessage('logout', someParameters, 'MESSAGE'); | 137 | return this.processMessage('logout', someParameters, 'MESSAGE'); |
138 | }, | 138 | }, |
139 | 139 | ||
140 | //========================================================================= | 140 | //========================================================================= |
141 | 141 | ||
142 | 'processMessage': function (aFunctionName, someParameters, aRequestType) { | 142 | 'processMessage': function (aFunctionName, someParameters, aRequestType) { |
143 | vardeferredResult; | 143 | vardeferredResult; |
144 | 144 | ||
145 | deferredResult = new Clipperz.Async.Deferred("Proxy.processMessage", {trace:true}); | 145 | deferredResult = new Clipperz.Async.Deferred("Proxy.processMessage", {trace:false}); |
146 | deferredResult.addMethod(this, 'payToll', aRequestType); | 146 | deferredResult.addMethod(this, 'payToll', aRequestType); |
147 | deferredResult.addMethod(this, 'sendMessage', aFunctionName); | 147 | deferredResult.addMethod(this, 'sendMessage', aFunctionName); |
148 | deferredResult.addMethod(this, 'setTollCallback'); | 148 | deferredResult.addMethod(this, 'setTollCallback'); |
149 | deferredResult.callback(someParameters); | 149 | deferredResult.callback(someParameters); |
150 | 150 | ||
151 | return deferredResult; | 151 | return deferredResult; |
152 | }, | 152 | }, |
153 | 153 | ||
154 | //========================================================================= | 154 | //========================================================================= |
155 | 155 | ||
156 | 'sendMessage': function () { | 156 | 'sendMessage': function () { |
157 | throw Clipperz.Base.exception.AbstractMethod; | 157 | throw Clipperz.Base.exception.AbstractMethod; |
158 | }, | 158 | }, |
159 | 159 | ||
160 | //========================================================================= | 160 | //========================================================================= |
161 | 161 | ||
162 | 'isReadOnly': function () { | 162 | 'isReadOnly': function () { |
163 | return false; | 163 | return false; |
164 | }, | 164 | }, |
165 | 165 | ||
166 | //========================================================================= | 166 | //========================================================================= |
167 | __syntaxFix__: "syntax fix" | 167 | __syntaxFix__: "syntax fix" |
168 | 168 | ||
169 | }); | 169 | }); |
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js index 095e8ed..8df7e0e 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Common/Components/Tooltip.js | |||
@@ -81,131 +81,132 @@ Clipperz.Base.extend(Clipperz.PM.UI.Common.Components.Tooltip, Clipperz.PM.UI.Co | |||
81 | 81 | ||
82 | 'setIsEnabled': function (aValue) { | 82 | 'setIsEnabled': function (aValue) { |
83 | this._enabled = aValue; | 83 | this._enabled = aValue; |
84 | }, | 84 | }, |
85 | 85 | ||
86 | //------------------------------------------------------------------------- | 86 | //------------------------------------------------------------------------- |
87 | 87 | ||
88 | 'isVisible': function () { | 88 | 'isVisible': function () { |
89 | return this._isVisible; | 89 | return this._isVisible; |
90 | }, | 90 | }, |
91 | 91 | ||
92 | 'setIsVisible': function (aValue) { | 92 | 'setIsVisible': function (aValue) { |
93 | this._isVisible = aValue; | 93 | this._isVisible = aValue; |
94 | }, | 94 | }, |
95 | 95 | ||
96 | //------------------------------------------------------------------------- | 96 | //------------------------------------------------------------------------- |
97 | 97 | ||
98 | 'renderSelf': function() { | 98 | 'renderSelf': function() { |
99 | // this.append(this.element(), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ | 99 | // this.append(this.element(), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ |
100 | // this.append(MochiKit.DOM.currentDocument().body, {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ | 100 | // this.append(MochiKit.DOM.currentDocument().body, {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ |
101 | this.append(MochiKit.DOM.getElement('Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ | 101 | this.append(MochiKit.DOM.getElement('Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'), {tag:'div', id:this.getId('tooltip'), cls:'tooltip ' + this.position(), children:[ |
102 | {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[ | 102 | {tag:'div', id:this.getId('body'), cls:'tooltip_body', children:[ |
103 | {tag:'div', cls:'tooltip_text', children:[ | 103 | {tag:'div', cls:'tooltip_text', children:[ |
104 | {tag:'span', html:this.text()} | 104 | {tag:'span', html:this.text()} |
105 | ]}, | 105 | ]}//, |
106 | {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'} | 106 | // {tag:'div', id:this.getId('footer'), cls:'tooltip_footer'} |
107 | ]}, | 107 | ]}, |
108 | {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'} | 108 | {tag:'div', id:this.getId('arrow'), cls:'tooltip_arrow'} |
109 | ]}); | 109 | ]}); |
110 | 110 | ||
111 | this._boxDimensions = MochiKit.Style.getElementDimensions(this.getId('body')); | 111 | this._boxDimensions = MochiKit.Style.getElementDimensions(this.getId('body')); |
112 | // this._boxDimensions.h += MochiKit.Style.getElementDimensions(this.getId('footer')).h; | 112 | // this._boxDimensions.h += MochiKit.Style.getElementDimensions(this.getId('footer')).h; |
113 | 113 | ||
114 | MochiKit.Style.hideElement(this.displayElement()); | 114 | MochiKit.Style.hideElement(this.displayElement()); |
115 | MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show'); | 115 | MochiKit.Signal.connect(this.element(), 'onmouseenter', this, 'show'); |
116 | MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide'); | 116 | MochiKit.Signal.connect(this.element(), 'onmouseleave', this, 'hide'); |
117 | }, | 117 | }, |
118 | 118 | ||
119 | //----------------------------------------------------- | 119 | //----------------------------------------------------- |
120 | 120 | ||
121 | 'displayElement': function() { | 121 | 'displayElement': function() { |
122 | return this.getElement('tooltip'); | 122 | return this.getElement('tooltip'); |
123 | }, | 123 | }, |
124 | 124 | ||
125 | //------------------------------------------------------------------------- | 125 | //------------------------------------------------------------------------- |
126 | 126 | ||
127 | 'boxDimensions': function () { | 127 | 'boxDimensions': function () { |
128 | return this._boxDimensions; | 128 | return this._boxDimensions; |
129 | }, | 129 | }, |
130 | 130 | ||
131 | //------------------------------------------------------------------------- | 131 | //------------------------------------------------------------------------- |
132 | 132 | ||
133 | 'show': function () { | 133 | 'show': function () { |
134 | var elementSizeAndPosition; | 134 | var elementSizeAndPosition; |
135 | var arrowPosition; | 135 | var arrowPosition; |
136 | var bodyPosition; | 136 | var bodyPosition; |
137 | 137 | ||
138 | if (this.isVisible() == false) { | 138 | if (this.isVisible() == false) { |
139 | arrowPosition = {}; | 139 | arrowPosition = {}; |
140 | bodyPosition = {}; | 140 | bodyPosition = {}; |
141 | 141 | ||
142 | this.setIsVisible(true); | 142 | this.setIsVisible(true); |
143 | elementSizeAndPosition = Clipperz.Style.getSizeAndPosition(this.element()); | 143 | elementSizeAndPosition = Clipperz.Style.getSizeAndPosition(this.element()); |
144 | //console.log("ELEMENT SIZE AND POSITION", Clipperz.Base.serializeJSON(elementSizeAndPosition)); | 144 | //console.log("ELEMENT SIZE AND POSITION", Clipperz.Base.serializeJSON(elementSizeAndPosition)); |
145 | //console.log("BOX DIMENSIONS", Clipperz.Base.serializeJSON(this.boxDimensions())); | 145 | //console.log("BOX DIMENSIONS", Clipperz.Base.serializeJSON(this.boxDimensions())); |
146 | switch (this.position()) { | 146 | switch (this.position()) { |
147 | case 'ABOVE': | 147 | case 'ABOVE': |
148 | //console.log("ABOVE"); | 148 | //console.log("ABOVE"); |
149 | MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); | 149 | // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); |
150 | bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); | 150 | bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); |
151 | bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13; | 151 | bodyPosition.y = elementSizeAndPosition.position.y - this.boxDimensions().h - 13; |
152 | 152 | ||
153 | arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); | 153 | // arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); |
154 | arrowPosition.y = elementSizeAndPosition.position.y - 13; | 154 | // arrowPosition.y = elementSizeAndPosition.position.y - 13; |
155 | break; | 155 | break; |
156 | case 'BELOW': | 156 | case 'BELOW': |
157 | //console.log("BELOW"); | 157 | //console.log("BELOW"); |
158 | MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); | 158 | // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:36, h:13}, 'px'); |
159 | bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); | 159 | bodyPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - this.boxDimensions().w/2); |
160 | bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13; | 160 | bodyPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h + 13; |
161 | 161 | ||
162 | arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); | 162 | // arrowPosition.x = elementSizeAndPosition.position.x + (elementSizeAndPosition.dimensions.w/2 - 36/2); |
163 | arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h; | 163 | // arrowPosition.y = elementSizeAndPosition.position.y + elementSizeAndPosition.dimensions.h; |
164 | break; | 164 | break; |
165 | case 'LEFT': | 165 | case 'LEFT': |
166 | //console.log("LEFT"); | 166 | //console.log("LEFT"); |
167 | MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); | 167 | // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); |
168 | bodyPosition.x = elementSizeAndPosition.position.x - this.boxDimensions().w - 13; | 168 | bodyPosition.x = elementSizeAndPosition.position.x - this.boxDimensions().w - 13; |
169 | bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); | 169 | bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); |
170 | 170 | ||
171 | arrowPosition.x = elementSizeAndPosition.position.x -13; | 171 | // arrowPosition.x = elementSizeAndPosition.position.x -13; |
172 | arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); | 172 | // arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); |
173 | break; | 173 | break; |
174 | case 'RIGHT': | 174 | case 'RIGHT': |
175 | //console.log("RIGHT"); | 175 | //console.log("RIGHT"); |
176 | MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); | 176 | // MochiKit.Style.setElementDimensions(this.getId('arrow'), {w:13, h:36}, 'px'); |
177 | bodyPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w + 13; | 177 | bodyPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w + 13; |
178 | bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); | 178 | bodyPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - this.boxDimensions().h/2); |
179 | 179 | ||
180 | arrowPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w; | 180 | // arrowPosition.x = elementSizeAndPosition.position.x + elementSizeAndPosition.dimensions.w; |
181 | arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); | 181 | // arrowPosition.y = elementSizeAndPosition.position.y + (elementSizeAndPosition.dimensions.h/2 - 36/2); |
182 | break; | 182 | break; |
183 | } | 183 | } |
184 | //console.log("X: " + bodyPosition.x + ", Y: " + bodyPosition.y); | 184 | //console.log("X: " + bodyPosition.x + ", Y: " + bodyPosition.y); |
185 | 185 | ||
186 | MochiKit.Style.setElementPosition(this.getId('body'), bodyPosition); | 186 | MochiKit.Style.setElementPosition(this.getId('tooltip'), bodyPosition); |
187 | MochiKit.Style.setElementPosition(this.getId('arrow'), arrowPosition); | 187 | // MochiKit.Style.setElementPosition(this.getId('body'), bodyPosition); |
188 | // MochiKit.Style.setElementPosition(this.getId('arrow'), arrowPosition); | ||
188 | MochiKit.Visual.appear(this.displayElement(), {duration:0.4}); | 189 | MochiKit.Visual.appear(this.displayElement(), {duration:0.4}); |
189 | } | 190 | } |
190 | }, | 191 | }, |
191 | 192 | ||
192 | 'hide': function () { | 193 | 'hide': function () { |
193 | if (this.isVisible() == true) { | 194 | if (this.isVisible() == true) { |
194 | MochiKit.Visual.fade(this.displayElement(), {duration:0.4}); | 195 | MochiKit.Visual.fade(this.displayElement(), {duration:0.4}); |
195 | this.setIsVisible(false); | 196 | this.setIsVisible(false); |
196 | } | 197 | } |
197 | }, | 198 | }, |
198 | 199 | ||
199 | //------------------------------------------------------------------------- | 200 | //------------------------------------------------------------------------- |
200 | /* | 201 | /* |
201 | 'shouldRemoveElementWhenClearningUp': function () { | 202 | 'shouldRemoveElementWhenClearningUp': function () { |
202 | return false; | 203 | return false; |
203 | }, | 204 | }, |
204 | */ | 205 | */ |
205 | //------------------------------------------------------------------------- | 206 | //------------------------------------------------------------------------- |
206 | __syntaxFix__: "syntax fix" | 207 | __syntaxFix__: "syntax fix" |
207 | }); | 208 | }); |
208 | 209 | ||
209 | Clipperz.PM.UI.Common.Components.Tooltip.initTooltips = function () { | 210 | Clipperz.PM.UI.Common.Components.Tooltip.initTooltips = function () { |
210 | Clipperz.DOM.Helper.insertBefore(MochiKit.DOM.currentDocument().body.childNodes[0], {tag:'div', id:'Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'}); | 211 | Clipperz.DOM.Helper.insertBefore(MochiKit.DOM.currentDocument().body.childNodes[0], {tag:'div', id:'Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode'}); |
211 | } | 212 | } |
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js index 389d876..a10ba4f 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/LoginForm.js | |||
@@ -44,66 +44,51 @@ Clipperz.PM.UI.Web.Components.LoginForm = function(args) { | |||
44 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Common.Components.BaseComponent, { | 44 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Common.Components.BaseComponent, { |
45 | 45 | ||
46 | //------------------------------------------------------------------------- | 46 | //------------------------------------------------------------------------- |
47 | 47 | ||
48 | 'toString': function () { | 48 | 'toString': function () { |
49 | return "Clipperz.PM.UI.Web.Components.LoginForm component"; | 49 | return "Clipperz.PM.UI.Web.Components.LoginForm component"; |
50 | }, | 50 | }, |
51 | 51 | ||
52 | 'autocomplete': function () { | 52 | 'autocomplete': function () { |
53 | return this._autocomplete; | 53 | return this._autocomplete; |
54 | }, | 54 | }, |
55 | 55 | ||
56 | //------------------------------------------------------------------------- | 56 | //------------------------------------------------------------------------- |
57 | 57 | ||
58 | 'renderSelf': function() { | 58 | 'renderSelf': function() { |
59 | this.append(this.element(), {tag:'div', id:'loginBox', children:[ | 59 | this.append(this.element(), {tag:'div', id:'loginBox', children:[ |
60 | {tag:'div', cls:'header'}, | 60 | {tag:'div', cls:'header'}, |
61 | {tag:'div', cls:'body', id:this.getId('body'), children:[ | 61 | {tag:'div', cls:'body', id:this.getId('body'), children:[ |
62 | {tag:'div', id:this.getId('loginForm'), children:[ | 62 | {tag:'div', id:this.getId('loginForm'), children:[ |
63 | {tag:'div', children:[ | 63 | {tag:'div', children:[ |
64 | {tag:'h4', html:'Login'}, | 64 | {tag:'h4', html:'Login'}, |
65 | // {tag:'form', cls:'loginForm', autocomplete:this.autocomplete(), children:[ | 65 | // {tag:'form', cls:'loginForm', autocomplete:this.autocomplete(), children:[ |
66 | {tag:'form', id:this.getId('form'), cls:'loginForm', children:[ | 66 | {tag:'form', id:this.getId('form'), cls:'loginForm', children:[ |
67 | {tag:'label', html:'username', 'for':this.getId('usernameField')}, | 67 | {tag:'label', html:'username', 'for':this.getId('usernameField')}, |
68 | {tag:'input', id:this.getId('usernameField'), type:'text', cls:'username'/*, value:'joe'*/}, | 68 | {tag:'input', id:this.getId('usernameField'), type:'text', cls:'username'}, |
69 | {tag:'ul', id:this.getId('passwordOptions'), children:[ | ||
70 | {tag:'li', id:this.getId('passphraseOption'), children:[ | ||
71 | {tag:'label', html:'passphrase / OTP', 'for':this.getId('passphraseField')}, | 69 | {tag:'label', html:'passphrase / OTP', 'for':this.getId('passphraseField')}, |
72 | {tag:'input', id:this.getId('passphraseField'), type:'password', cls:'password'/*, value:'clipperz'*/} | 70 | {tag:'input', id:this.getId('passphraseField'), type:'password', cls:'password'}, |
73 | ]} //, | ||
74 | /* | ||
75 | {tag:'li', id:this.getId('otpOption'), children:[ | ||
76 | {tag:'label', html:'one-time password', 'for':this.getId('otpField_1')}, | ||
77 | {tag:'input', id:this.getId('otpField_1'), type:'text', cls:'otp', value:'abcd-efgh'}, | ||
78 | {tag:'input', id:this.getId('otpField_2'), type:'text', cls:'otp', value:'abcd-efgh'}, | ||
79 | {tag:'input', id:this.getId('otpField_3'), type:'text', cls:'otp', value:'abcd-efgh'}, | ||
80 | {tag:'input', id:this.getId('otpField_4'), type:'text', cls:'otp', value:'abcd-efgh'} | ||
81 | ]} | ||
82 | */ | ||
83 | ]}, | ||
84 | // {tag:'input', id:this.getId('otpCheckbox'), type:'checkbox', cls:'checkbox'}, | ||
85 | // {tag:'label', html:'use a one-time passphrase', 'for':this.getId('otpCheckbox'), cls:'checkbox'}, | ||
86 | 71 | ||
87 | {tag:'div', cls:'translations', children:[ | 72 | {tag:'div', cls:'translations', children:[ |
88 | {tag:'h4', html:'choose your language'}, | 73 | {tag:'h4', html:'choose your language'}, |
89 | {tag:'ul', children:[ | 74 | {tag:'ul', children:[ |
90 | {tag:'li', cls:'selected', html:'english'}, | 75 | {tag:'li', cls:'selected', html:'english'}, |
91 | {tag:'li', html:'italiano'}, | 76 | {tag:'li', html:'italiano'}, |
92 | {tag:'li', html:'dutch'}, | 77 | {tag:'li', html:'dutch'}, |
93 | {tag:'li', html:'french'}, | 78 | {tag:'li', html:'french'}, |
94 | {tag:'li', html:'spanish'}, | 79 | {tag:'li', html:'spanish'}, |
95 | {tag:'li', html:'chinese'}, | 80 | {tag:'li', html:'chinese'}, |
96 | {tag:'li', html:'japanese'}, | 81 | {tag:'li', html:'japanese'}, |
97 | {tag:'li', html:'portugal'}, | 82 | {tag:'li', html:'portugal'}, |
98 | {tag:'li', html:'arabic'} | 83 | {tag:'li', html:'arabic'} |
99 | ]} | 84 | ]} |
100 | ]}, | 85 | ]}, |
101 | 86 | ||
102 | {tag:'input', id:this.getId('submitButton'), type:'submit', value:'login', cls:'submit'} | 87 | {tag:'input', id:this.getId('submitButton'), type:'submit', value:'login', cls:'submit'} |
103 | ]} | 88 | ]} |
104 | ]} | 89 | ]} |
105 | ]} | 90 | ]} |
106 | ]}, | 91 | ]}, |
107 | {tag:'div', cls:'footer'} | 92 | {tag:'div', cls:'footer'} |
108 | ]}); | 93 | ]}); |
109 | 94 | ||
@@ -140,61 +125,54 @@ Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.LoginForm, Clipperz.PM.UI.Com | |||
140 | //----------------------------------------------------------------------------- | 125 | //----------------------------------------------------------------------------- |
141 | /* | 126 | /* |
142 | 'showPassphraseField': function() { | 127 | 'showPassphraseField': function() { |
143 | this.showElement('passphraseOption'); | 128 | this.showElement('passphraseOption'); |
144 | this.hideElement('otpOption'); | 129 | this.hideElement('otpOption'); |
145 | }, | 130 | }, |
146 | */ | 131 | */ |
147 | //----------------------------------------------------------------------------- | 132 | //----------------------------------------------------------------------------- |
148 | 133 | ||
149 | 'focusOnPassphraseField': function () { | 134 | 'focusOnPassphraseField': function () { |
150 | this.getElement('passphraseField').focus(); | 135 | this.getElement('passphraseField').focus(); |
151 | this.getElement('passphraseField').select(); | 136 | this.getElement('passphraseField').select(); |
152 | }, | 137 | }, |
153 | 138 | ||
154 | //----------------------------------------------------------------------------- | 139 | //----------------------------------------------------------------------------- |
155 | /* | 140 | /* |
156 | 'showOTPFields': function() { | 141 | 'showOTPFields': function() { |
157 | this.hideElement('passphraseOption'); | 142 | this.hideElement('passphraseOption'); |
158 | this.showElement('otpOption'); | 143 | this.showElement('otpOption'); |
159 | }, | 144 | }, |
160 | */ | 145 | */ |
161 | //------------------------------------------------------------------------- | 146 | //------------------------------------------------------------------------- |
162 | 147 | ||
163 | 'loginEventHandler': function(anEvent) { | 148 | 'loginEventHandler': function(anEvent) { |
164 | varusername; | 149 | // varusername; |
165 | var passphrase; | 150 | // var passphrase; |
166 | // var shouldUseOTP; | ||
167 | // var otp; | ||
168 | var signalArguments; | 151 | var signalArguments; |
169 | 152 | ||
170 | anEvent.preventDefault(); | 153 | anEvent.preventDefault(); |
171 | 154 | ||
172 | username = this.getElement('usernameField').value; | 155 | // username = this.getElement('usernameField').value; |
173 | passphrase = this.getElement('passphraseField').value; | 156 | // passphrase = this.getElement('passphraseField').value; |
174 | // otp =this.getElement('otpField_1').value + | 157 | |
175 | // this.getElement('otpField_2').value + | 158 | // signalArguments = {username:username}; |
176 | // this.getElement('otpField_3').value + | 159 | // signalArguments.passphrase = passphrase; |
177 | // this.getElement('otpField_4').value; | 160 | |
178 | // shouldUseOTP = this.getElement('otpCheckbox').checked; | 161 | signalArguments = { |
179 | 162 | 'username': this.getElement('usernameField').value, | |
180 | signalArguments = {username:username}; | 163 | 'passphrase':this.getElement('passphraseField').value |
181 | 164 | }; | |
182 | // if (shouldUseOTP) { | ||
183 | // signalArguments.otp = otp; | ||
184 | // } else { | ||
185 | signalArguments.passphrase = passphrase; | ||
186 | // } | ||
187 | 165 | ||
188 | MochiKit.Signal.signal(this, 'doLogin', signalArguments); | 166 | MochiKit.Signal.signal(this, 'doLogin', signalArguments); |
189 | }, | 167 | }, |
190 | 168 | ||
191 | //------------------------------------------------------------------------- | 169 | //------------------------------------------------------------------------- |
192 | 170 | ||
193 | 'submitButtonElement': function() { | 171 | 'submitButtonElement': function() { |
194 | return this.getElement('submitButton'); | 172 | return this.getElement('submitButton'); |
195 | }, | 173 | }, |
196 | 174 | ||
197 | //------------------------------------------------------------------------- | 175 | //------------------------------------------------------------------------- |
198 | 176 | ||
199 | __syntaxFix__: "syntax fix" | 177 | __syntaxFix__: "syntax fix" |
200 | }); | 178 | }); |
diff --git a/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js b/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js index d0b378c..a57152d 100644 --- a/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js +++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Controllers/LoginController.js | |||
@@ -60,71 +60,65 @@ MochiKit.Base.update(Clipperz.PM.UI.Web.Controllers.LoginController.prototype, { | |||
60 | 60 | ||
61 | //----------------------------------------------------------------------------- | 61 | //----------------------------------------------------------------------------- |
62 | 62 | ||
63 | 'run': function(args) { | 63 | 'run': function(args) { |
64 | varslot; | 64 | varslot; |
65 | varloginPage; | 65 | varloginPage; |
66 | varloginForm; | 66 | varloginForm; |
67 | 67 | ||
68 | slot = args.slot; | 68 | slot = args.slot; |
69 | 69 | ||
70 | loginForm =new Clipperz.PM.UI.Web.Components.LoginForm({'autocomplete': this.args()['autocomplete']}); | 70 | loginForm =new Clipperz.PM.UI.Web.Components.LoginForm({'autocomplete': this.args()['autocomplete']}); |
71 | 71 | ||
72 | slot.setContent(this.loginPage()); | 72 | slot.setContent(this.loginPage()); |
73 | this.loginPage().slotNamed('loginForm').setContent(loginForm); | 73 | this.loginPage().slotNamed('loginForm').setContent(loginForm); |
74 | 74 | ||
75 | MochiKit.Signal.connect(loginForm, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm)); | 75 | MochiKit.Signal.connect(loginForm, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm)); |
76 | MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm)); | 76 | MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'doLogin', MochiKit.Base.method(this, 'doLogin', loginForm)); |
77 | }, | 77 | }, |
78 | 78 | ||
79 | //----------------------------------------------------------------------------- | 79 | //----------------------------------------------------------------------------- |
80 | 80 | ||
81 | 'doLogin': function(aLoginForm, anEvent) { | 81 | 'doLogin': function(aLoginForm, anEvent) { |
82 | var deferredResult; | 82 | var deferredResult; |
83 | varparameters; | 83 | varparameters; |
84 | // varshouldUseOTP; | ||
85 | var loginProgress; | 84 | var loginProgress; |
86 | varuser; | 85 | varuser; |
87 | var getPassphraseDelegate; | 86 | var getPassphraseDelegate; |
88 | 87 | ||
89 | parameters = anEvent; | 88 | parameters = anEvent; |
90 | // shouldUseOTP = (typeof(parameters.passphrase) == 'undefined'); | ||
91 | 89 | ||
92 | getPassphraseDelegate = MochiKit.Base.partial(MochiKit.Async.succeed, parameters.passphrase); | 90 | getPassphraseDelegate = MochiKit.Base.partial(MochiKit.Async.succeed, parameters.passphrase); |
93 | user = new Clipperz.PM.DataModel.User({'username':parameters.username, 'getPassphraseFunction':MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'getPassphrase')}); | 91 | user = new Clipperz.PM.DataModel.User({'username':parameters.username, 'getPassphraseFunction':MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'getPassphrase')}); |
94 | 92 | ||
95 | loginProgress = new Clipperz.PM.UI.Web.Components.LoginProgress(); | 93 | loginProgress = new Clipperz.PM.UI.Web.Components.LoginProgress(); |
96 | 94 | ||
97 | deferredResult = new Clipperz.Async.Deferred("LoginController.doLogin", {trace:false}); | 95 | deferredResult = new Clipperz.Async.Deferred("LoginController.doLogin", {trace:false}); |
98 | deferredResult.addCallbackPass(MochiKit.Signal.signal, Clipperz.Signal.NotificationCenter, 'initProgress', {'steps':4}); | 96 | deferredResult.addCallbackPass(MochiKit.Signal.signal, Clipperz.Signal.NotificationCenter, 'initProgress', {'steps':4}); |
99 | deferredResult.addMethod(Clipperz.PM.RunTime.mainController, 'setPassphraseDelegate', getPassphraseDelegate); | 97 | deferredResult.addMethod(Clipperz.PM.RunTime.mainController, 'setPassphraseDelegate', getPassphraseDelegate); |
100 | deferredResult.addMethod(loginProgress, 'deferredShowModal', {deferredObject:deferredResult, openFromElement:aLoginForm.submitButtonElement()}); | 98 | deferredResult.addMethod(loginProgress, 'deferredShowModal', {deferredObject:deferredResult, openFromElement:aLoginForm.submitButtonElement()}); |
101 | deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection'); | 99 | deferredResult.addMethod(Clipperz.Crypto.PRNG.defaultRandomGenerator(), 'deferredEntropyCollection'); |
102 | // if (shouldUseOTP == false) { | ||
103 | deferredResult.addMethod(user, 'login'); | 100 | deferredResult.addMethod(user, 'login'); |
104 | // } else { | ||
105 | // deferredResult.addMethod(user, 'loginUsingOTP', parameters.username, parameters.otp); | ||
106 | // } | ||
107 | deferredResult.addCallback(function(aLoginProgress, res) { | 101 | deferredResult.addCallback(function(aLoginProgress, res) { |
108 | aLoginProgress.disableCancel(); | 102 | aLoginProgress.disableCancel(); |
109 | return res; | 103 | return res; |
110 | }, loginProgress); | 104 | }, loginProgress); |
111 | deferredResult.addCallback(function () { | 105 | deferredResult.addCallback(function () { |
112 | MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'CARDS_CONTROLLER_DID_RUN',MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:MochiKit.DOM.currentDocument().body})); | 106 | MochiKit.Signal.connect(Clipperz.Signal.NotificationCenter, 'CARDS_CONTROLLER_DID_RUN',MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:MochiKit.DOM.currentDocument().body})); |
113 | }) | 107 | }) |
114 | deferredResult.addMethod(this, 'userLoggedIn', user, loginProgress, aLoginForm); | 108 | deferredResult.addMethod(this, 'userLoggedIn', user, loginProgress, aLoginForm); |
115 | deferredResult.addErrback (MochiKit.Base.method(this, 'handleFailedLogin', loginProgress)); | 109 | deferredResult.addErrback (MochiKit.Base.method(this, 'handleFailedLogin', loginProgress)); |
116 | 110 | ||
117 | deferredResult.addErrback (MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:aLoginForm.submitButtonElement()})); | 111 | deferredResult.addErrback (MochiKit.Base.method(loginProgress, 'deferredHideModalAndRemove', {closeToElement:aLoginForm.submitButtonElement()})); |
118 | deferredResult.addErrbackPass (MochiKit.Base.method(aLoginForm, 'focusOnPassphraseField')); | 112 | deferredResult.addErrbackPass (MochiKit.Base.method(aLoginForm, 'focusOnPassphraseField')); |
119 | deferredResult.addBoth(MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'removePassphraseDelegate', getPassphraseDelegate)); | 113 | deferredResult.addBoth(MochiKit.Base.method(Clipperz.PM.RunTime.mainController, 'removePassphraseDelegate', getPassphraseDelegate)); |
120 | deferredResult.callback(); | 114 | deferredResult.callback(); |
121 | 115 | ||
122 | MochiKit.Signal.connect(loginProgress, 'cancelEvent', deferredResult, 'cancel'); | 116 | MochiKit.Signal.connect(loginProgress, 'cancelEvent', deferredResult, 'cancel'); |
123 | 117 | ||
124 | return deferredResult; | 118 | return deferredResult; |
125 | }, | 119 | }, |
126 | 120 | ||
127 | //----------------------------------------------------------------------------- | 121 | //----------------------------------------------------------------------------- |
128 | 122 | ||
129 | 'userLoggedIn': function(aUser) { | 123 | 'userLoggedIn': function(aUser) { |
130 | //Clipperz.log(">>> LoginController.userLoggedIn"); | 124 | //Clipperz.log(">>> LoginController.userLoggedIn"); |