-rw-r--r-- | frontend/gamma/css/clipperz/clipperz.css | 4520 | ||||
-rw-r--r-- | frontend/gamma/css/clipperz/compact.css | 162 | ||||
-rw-r--r-- | frontend/gamma/css/clipperz/iPhone.css | 464 | ||||
-rw-r--r-- | frontend/gamma/css/clipperz/ie.css | 356 |
4 files changed, 5502 insertions, 0 deletions
diff --git a/frontend/gamma/css/clipperz/clipperz.css b/frontend/gamma/css/clipperz/clipperz.css new file mode 100644 index 0000000..dba4d57 --- a/dev/null +++ b/frontend/gamma/css/clipperz/clipperz.css | |||
@@ -0,0 +1,4520 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz's Javascript Crypto Library. | ||
6 | Javascript Crypto Library provides web developers with an extensive | ||
7 | and efficient set of cryptographic functions. The library aims to | ||
8 | obtain maximum execution speed while preserving modularity and | ||
9 | reusability. | ||
10 | For further information about its features and functionalities please | ||
11 | refer to http://www.clipperz.com | ||
12 | |||
13 | * Javascript Crypto Library is free software: you can redistribute | ||
14 | it and/or modify it under the terms of the GNU Affero General Public | ||
15 | License as published by the Free Software Foundation, either version | ||
16 | 3 of the License, or (at your option) any later version. | ||
17 | |||
18 | * Javascript Crypto Library is distributed in the hope that it will | ||
19 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
20 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
21 | See the GNU Affero General Public License for more details. | ||
22 | |||
23 | * You should have received a copy of the GNU Affero General Public | ||
24 | License along with Javascript Crypto Library. If not, see | ||
25 | <http://www.gnu.org/licenses/>. | ||
26 | |||
27 | */ | ||
28 | |||
29 | /* @override | ||
30 | https://www.example.com/DEVELOPMENT/css/clipperz.css | ||
31 | http://www.example.com/DEVELOPMENT/css/clipperz.css | ||
32 | https://www.clipperz.com/gamma/css/clipperz.css | ||
33 | https://www.example.com/iPHONE/css/clipperz.css | ||
34 | */ | ||
35 | |||
36 | /* | ||
37 | Color list: | ||
38 | - login box: | ||
39 | light#ff9955 | ||
40 | dark#ff6622 | ||
41 | - login button: | ||
42 | regular#dd5500 | ||
43 | hover#773311 | ||
44 | - login translations: | ||
45 | box: #cc6622; | ||
46 | not-selected: | ||
47 | color: #ddaa99 | ||
48 | background:#994422 | ||
49 | selected: #772211; | ||
50 | |||
51 | */ | ||
52 | |||
53 | html { | ||
54 | height: 100%; | ||
55 | } | ||
56 | |||
57 | body { | ||
58 | /*margin-left: 15px; margin-right: 15px;*/ | ||
59 | font-family: Helvetica, Arial, Geneva, sans-serif; | ||
60 | margin: 0px; | ||
61 | /* | ||
62 | min-width: 600px; | ||
63 | */ | ||
64 | height: 100%; | ||
65 | } | ||
66 | |||
67 | img.favicon { | ||
68 | height: 16px; | ||
69 | width: 16px; | ||
70 | } | ||
71 | |||
72 | /* @group Misc */ | ||
73 | |||
74 | .clear { | ||
75 | clear: both; | ||
76 | } | ||
77 | |||
78 | .hidden_none { | ||
79 | display: none; | ||
80 | visibility: hidden; | ||
81 | } | ||
82 | |||
83 | .keepTogether { | ||
84 | display: inline-block; | ||
85 | white-space: nowrap; | ||
86 | } | ||
87 | |||
88 | body.ext-gecko .keepTogether { | ||
89 | display: -moz-inline-box; | ||
90 | } | ||
91 | |||
92 | /* @end */ | ||
93 | |||
94 | /* @group Loading */ | ||
95 | |||
96 | div#loading { | ||
97 | margin-left: auto; | ||
98 | margin-right: auto; | ||
99 | text-align: center; | ||
100 | margin-top: 60px; | ||
101 | width: 200px; | ||
102 | } | ||
103 | |||
104 | div#loading img { | ||
105 | border: 0px; | ||
106 | } | ||
107 | |||
108 | div#loading h5 { | ||
109 | font-size: 16pt; | ||
110 | padding: 0px; | ||
111 | color: #333366; | ||
112 | } | ||
113 | |||
114 | div#loading h2 { | ||
115 | padding-left: 20px; | ||
116 | color: #ff9200; | ||
117 | } | ||
118 | |||
119 | |||
120 | /* @end */ | ||
121 | |||
122 | /* @group Login page */ | ||
123 | |||
124 | /* @group Header */ | ||
125 | |||
126 | div.pageHeader { | ||
127 | background-color: #1f2148; | ||
128 | min-width: 1013px; | ||
129 | } | ||
130 | |||
131 | div#logoFrame { | ||
132 | padding: 16px 16px 60px 16px; | ||
133 | min-height: 44px; | ||
134 | } | ||
135 | |||
136 | |||
137 | div#logoFrame div#logo { | ||
138 | background: url(../images/old/logo.png); | ||
139 | width: 150px; | ||
140 | height: 39px; | ||
141 | } | ||
142 | |||
143 | |||
144 | div#loading div#logo { | ||
145 | background: url(../images/old/logo_blue.png); | ||
146 | width: 193px; | ||
147 | height: 58px; | ||
148 | display: block; | ||
149 | } | ||
150 | |||
151 | h5.clipperzPayoff { | ||
152 | color: white; | ||
153 | font-size: 13pt; | ||
154 | font-weight: normal; | ||
155 | padding-left: 20px; | ||
156 | white-space: nowrap; | ||
157 | margin: 0px; | ||
158 | padding-left: 4px; | ||
159 | } | ||
160 | |||
161 | |||
162 | /* @group Misc links */ | ||
163 | |||
164 | div#miscLinks { | ||
165 | float: right; | ||
166 | } | ||
167 | |||
168 | div#miscLinks ul { | ||
169 | margin: 12px 0px 0px; | ||
170 | padding: 15px; | ||
171 | } | ||
172 | |||
173 | div#miscLinks ul li { | ||
174 | display: inline; | ||
175 | margin: 0px; padding: 0px; border: 0px; | ||
176 | } | ||
177 | |||
178 | div#miscLinks ul li a { | ||
179 | /* | ||
180 | color: #ccccff; | ||
181 | */ | ||
182 | color: white; | ||
183 | margin: 0px; padding: 0px; border: 0px; | ||
184 | font-weight: normal; | ||
185 | text-decoration: none; | ||
186 | font-size: 12pt; | ||
187 | border-left: 1px solid #45486b; | ||
188 | padding: 15px; | ||
189 | margin: 0px; | ||
190 | min-width: 70px; | ||
191 | } | ||
192 | |||
193 | div#miscLinks ul li a#donateHeaderLink { | ||
194 | border-left: 0px; | ||
195 | } | ||
196 | |||
197 | div#miscLinks ul li a:hover { | ||
198 | color: #ff9200; | ||
199 | } | ||
200 | |||
201 | |||
202 | |||
203 | /* @end */ | ||
204 | |||
205 | |||
206 | /* @group Features Tabs */ | ||
207 | #featureTabs table { | ||
208 | width: 100%; | ||
209 | padding: 6px; | ||
210 | padding-bottom: 46px; | ||
211 | } | ||
212 | |||
213 | #featureTabs table tr td { | ||
214 | width: 25%; | ||
215 | vertical-align: top; | ||
216 | font-size: 11pt; | ||
217 | color: white; | ||
218 | } | ||
219 | |||
220 | #featureTabs table tr td img { | ||
221 | float: left; | ||
222 | } | ||
223 | |||
224 | #featureTabs table tr td span { | ||
225 | display: block; | ||
226 | padding: 5 10 5 85; | ||
227 | } | ||
228 | |||
229 | div#featureTabs canvas.featureIcon { | ||
230 | width: 76px; | ||
231 | height: 76px; | ||
232 | display: block; | ||
233 | float: left; | ||
234 | |||
235 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1,#333333)); | ||
236 | background: -moz-linear-gradient(0% 100% 90deg,#ff6622, #ff9955); | ||
237 | |||
238 | -webkit-border-radius: 38px; | ||
239 | -moz-border-radius: 38px; | ||
240 | border-radius: 38px; | ||
241 | } | ||
242 | /* | ||
243 | div#featureTabs div.featureIcon.storeIcon { | ||
244 | background-image: url(../images/old/home/features/store.png); | ||
245 | } | ||
246 | |||
247 | div#featureTabs div.featureIcon.protectIcon { | ||
248 | background-image: url(../images/old/home/features/protect.png); | ||
249 | } | ||
250 | |||
251 | div#featureTabs div.featureIcon.directLoginIcon { | ||
252 | background-image: url(../images/old/home/features/directLogin.png); | ||
253 | } | ||
254 | |||
255 | div#featureTabs div.featureIcon.shareIcon { | ||
256 | background-image: url(../images/old/home/features/share.png); | ||
257 | } | ||
258 | */ | ||
259 | /* | ||
260 | ./images/home/features/store.png | ||
261 | ./images/home/features/protect.png | ||
262 | ./images/home/features/directLogin.png | ||
263 | ./images/home/features/share.png | ||
264 | */ | ||
265 | |||
266 | /* @end */ | ||
267 | |||
268 | /* @group Feature bullets */ | ||
269 | |||
270 | div#featurePoints { | ||
271 | min-width: 400px; | ||
272 | padding-left: 20px; | ||
273 | padding-right: 330px; | ||
274 | padding-top: 15px; | ||
275 | padding-bottom: 20px; | ||
276 | } | ||
277 | |||
278 | div#featurePoints table tbody tr td { | ||
279 | width: 50%; | ||
280 | vertical-align: top; | ||
281 | } | ||
282 | |||
283 | div#featurePoints table tbody tr td.separator { | ||
284 | width: 1px; | ||
285 | border-left: 1px solid #bebebe; | ||
286 | } | ||
287 | |||
288 | div#featurePoints div.block { | ||
289 | padding: 10px; | ||
290 | color: #8e8e8e; | ||
291 | } | ||
292 | |||
293 | div#featurePoints div.block h3 { | ||
294 | font-weight: normal; | ||
295 | font-size: 12pt; | ||
296 | margin: 0px; | ||
297 | padding: 5px 0px; | ||
298 | } | ||
299 | |||
300 | div#featurePoints div.block ul { | ||
301 | margin: 0px; | ||
302 | margin-left: 20px; | ||
303 | padding: 0px; | ||
304 | list-style-position: outside; | ||
305 | list-style-image: url(../images/old/home/features/bullet.png); | ||
306 | } | ||
307 | |||
308 | div#featurePoints div.block ul li { | ||
309 | font-size: 10pt; | ||
310 | padding: 3px 0px; | ||
311 | } | ||
312 | |||
313 | /* @end */ | ||
314 | |||
315 | |||
316 | |||
317 | /* @end */ | ||
318 | |||
319 | /* @group Login box */ | ||
320 | |||
321 | div#loginBox { | ||
322 | width: 273px; | ||
323 | /* z-index: 40000;*/ | ||
324 | z-index: 19000; | ||
325 | position: relative; | ||
326 | top: -30px; | ||
327 | right: 30px; | ||
328 | float: right; | ||
329 | } | ||
330 | |||
331 | div#loginBox div.header { | ||
332 | height: 25px; | ||
333 | width: 273px; | ||
334 | /* background-image: url(../images/old/home/box/box_top.png);*/ | ||
335 | /* background-color: #fe965f;*/ | ||
336 | background-color: #ff9955; | ||
337 | |||
338 | -webkit-border-top-left-radius: 20px; | ||
339 | -webkit-border-top-right-radius: 20px; | ||
340 | -moz-border-radius-topleft: 20px; | ||
341 | -moz-border-radius-topright: 20px; | ||
342 | border-top-left-radius: 20px; | ||
343 | border-top-right-radius: 20px; | ||
344 | } | ||
345 | |||
346 | div#loginBox div.body { | ||
347 | background-color: #ff9955; | ||
348 | |||
349 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1,#333333)); | ||
350 | background: -moz-linear-gradient(0% 100% 90deg,#ff6622, #ff9955); | ||
351 | |||
352 | /*background: url(../images/old/home/box/box_body.png) repeat-x; */ | ||
353 | } | ||
354 | |||
355 | div#loginBox div.body h3.loading { | ||
356 | margin: 0px; | ||
357 | text-align: center; | ||
358 | padding-top: 60px; | ||
359 | color: white; | ||
360 | font-size: 30pt; | ||
361 | padding-left: 20px; | ||
362 | } | ||
363 | |||
364 | div#loginBox div.footer { | ||
365 | height: 37px; | ||
366 | width: 273px; | ||
367 | /* background-image: url(../images/old/home/box/box_bottom.png);*/ | ||
368 | background-color: #ff6622; | ||
369 | |||
370 | -webkit-border-bottom-left-radius: 20px; | ||
371 | -webkit-border-bottom-right-radius: 20px; | ||
372 | -moz-border-radius-bottomleft: 20px; | ||
373 | -moz-border-radius-bottomright: 20px; | ||
374 | border-bottom-left-radius: 20px; | ||
375 | border-bottom-right-radius: 20px; | ||
376 | } | ||
377 | |||
378 | /* @group Login form */ | ||
379 | |||
380 | div#loginBox h4 { | ||
381 | color: white; | ||
382 | font-size: 16pt; | ||
383 | font-weight: normal; | ||
384 | padding-left: 20px; | ||
385 | margin: 0px; | ||
386 | } | ||
387 | |||
388 | div#loginBox form.loginForm { | ||
389 | padding: 5px 20px 0px; | ||
390 | margin-bottom: 0px; | ||
391 | } | ||
392 | |||
393 | div#loginBox form.loginForm label { | ||
394 | color: white; | ||
395 | font-size: 10pt; | ||
396 | display: block; | ||
397 | padding-top: 5px; | ||
398 | } | ||
399 | |||
400 | div#loginBox form.loginForm input { | ||
401 | width: 230px; | ||
402 | font-size: 14pt; | ||
403 | border: 1px solid #bb4924; | ||
404 | color: #333366; | ||
405 | background-color: white; | ||
406 | padding: 2px 5px; | ||
407 | height: 28px; | ||
408 | } | ||
409 | |||
410 | div#loginBox form.loginForm label.checkbox { | ||
411 | display: inline; | ||
412 | } | ||
413 | |||
414 | div#loginBox form.loginForm .checkbox:hover { | ||
415 | cursor: pointer; | ||
416 | } | ||
417 | |||
418 | div#loginBox form.loginForm input.checkbox { | ||
419 | margin: 10px 8px 0px 0px; | ||
420 | height: auto; | ||
421 | width: auto; | ||
422 | border: 0px; | ||
423 | } | ||
424 | |||
425 | div#loginBox form.loginForm ul { | ||
426 | list-style-type: none; | ||
427 | padding: 0px; | ||
428 | margin: 0px; | ||
429 | } | ||
430 | |||
431 | div#loginBox form.loginForm ul li { | ||
432 | display: block; | ||
433 | } | ||
434 | |||
435 | div#loginBox form.loginForm input.otp { | ||
436 | width: 57px; | ||
437 | display: inline; | ||
438 | padding-left: 0px; | ||
439 | padding-right: 0px; | ||
440 | height: 28px; | ||
441 | font: 8pt monospace; | ||
442 | } | ||
443 | |||
444 | |||
445 | |||
446 | div#loginBox form.loginForm input.submit { | ||
447 | margin: 0px 45px; | ||
448 | width: 140px; | ||
449 | border: 1px solid white; | ||
450 | color: white; | ||
451 | background-color: #dd5500; | ||
452 | padding: 6px; | ||
453 | font-size: 12pt; | ||
454 | height: auto; | ||
455 | } | ||
456 | |||
457 | div#loginBox form.loginForm input.submit:hover { | ||
458 | background-color: #773311; | ||
459 | color: white; | ||
460 | cursor: pointer; | ||
461 | } | ||
462 | |||
463 | |||
464 | /* @group language chooser */ | ||
465 | |||
466 | div#loginBox form.loginForm div.translations { | ||
467 | margin: 15px -20px; | ||
468 | background-color: #cc6622; | ||
469 | } | ||
470 | |||
471 | div#loginBox form.loginForm div.translations h4 { | ||
472 | font-size: 9pt; | ||
473 | padding: 6px 20px 0px; | ||
474 | } | ||
475 | |||
476 | div#loginBox form.loginForm div.translations ul { | ||
477 | margin: 0px; | ||
478 | padding: 5px 10px 10px; | ||
479 | margin-bottom: 15px; | ||
480 | } | ||
481 | |||
482 | div#loginBox form.loginForm div.translations ul li { | ||
483 | font-size: 8pt; | ||
484 | color: #ddaa99; | ||
485 | display: inline-block; | ||
486 | padding: 2px 4px; | ||
487 | background-color: #994422; | ||
488 | margin: 1px; | ||
489 | } | ||
490 | |||
491 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { | ||
492 | display: -moz-inline-box; | ||
493 | } | ||
494 | |||
495 | div#loginBox form.loginForm div.translations ul li.selected { | ||
496 | background-color: #772211; | ||
497 | color: white; | ||
498 | } | ||
499 | |||
500 | div#loginBox form.loginForm div.translations ul li.selected:hover { | ||
501 | cursor: default; | ||
502 | } | ||
503 | |||
504 | div#loginBox form.loginForm div.translations ul li:hover { | ||
505 | cursor: pointer; | ||
506 | color: white; | ||
507 | } | ||
508 | |||
509 | /* @end */ | ||
510 | |||
511 | /* @end */ | ||
512 | |||
513 | /* @end */ | ||
514 | |||
515 | /* @group Create/Look/Offline */ | ||
516 | |||
517 | div.activeFeatures { | ||
518 | float: left; | ||
519 | margin-left: 20px; | ||
520 | height: 100px; | ||
521 | } | ||
522 | |||
523 | div.activeFeatures a { | ||
524 | display: inline-block; | ||
525 | |||
526 | padding-left: 46px; | ||
527 | color: #ff5906; | ||
528 | text-decoration: none; | ||
529 | font-size: 10pt; | ||
530 | } | ||
531 | |||
532 | |||
533 | div.activeFeatures .keepTogether a { | ||
534 | padding-left: 0px; | ||
535 | } | ||
536 | |||
537 | div.activeFeatures a span.payoff { | ||
538 | display: block; | ||
539 | font-size: 13pt; | ||
540 | font-weight: lighter; | ||
541 | color: #9b9689; | ||
542 | margin: 0px; | ||
543 | padding: 0px; | ||
544 | } | ||
545 | |||
546 | /*body.ext-gecko div.activeFeatures a { | ||
547 | display: -moz-inline-box; | ||
548 | }*/ | ||
549 | div.activeFeatures a:hover span.payoff { | ||
550 | color: #666666; | ||
551 | } | ||
552 | |||
553 | div.activeFeatures a:hover span.link { | ||
554 | /*font-weight: bold;*/ | ||
555 | } | ||
556 | |||
557 | div.activeFeatures div.keepTogether div { | ||
558 | display: inline-block; | ||
559 | padding-right: 15px; | ||
560 | } | ||
561 | |||
562 | /*body.ext-gecko div.activeFeatures div.keepTogether div { | ||
563 | display: -moz-inline-box; | ||
564 | }*/ | ||
565 | |||
566 | div.activeFeatures div.createAccountLink { | ||
567 | display: inline-block; | ||
568 | width: 282; | ||
569 | height: 65px; | ||
570 | /* background-image: url(../images/old/home/register.png);*/ | ||
571 | margin-right: 20px; | ||
572 | } | ||
573 | |||
574 | /*body.ext-gecko div.activeFeatures div.createAccountLink { | ||
575 | display: -moz-inline-box; | ||
576 | }*/ | ||
577 | |||
578 | div.activeFeatures a.createAccountLink { | ||
579 | position: relative; | ||
580 | top: -92px; | ||
581 | left: 5px; | ||
582 | } | ||
583 | |||
584 | div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { | ||
585 | margin-top: 23px; | ||
586 | margin-left: 40px; | ||
587 | font-size: 17pt; | ||
588 | color: #64626c; | ||
589 | } | ||
590 | |||
591 | div.activeFeatures div.createAccountLink a.createAccountLink span.link { | ||
592 | padding-left: 40px; | ||
593 | padding-right: 50px; | ||
594 | padding-bottom: 10px; | ||
595 | font-size: 12pt; | ||
596 | } | ||
597 | |||
598 | div.activeFeatures div.createAccountLink:hover { | ||
599 | /*background-image: url(../images/old/home/register_selected.png);*/ | ||
600 | } | ||
601 | |||
602 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { | ||
603 | color: #54535a; | ||
604 | } | ||
605 | |||
606 | div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { | ||
607 | color: white; | ||
608 | } | ||
609 | |||
610 | /* | ||
611 | div.activeFeatures div.screenshotLink { | ||
612 | background: url(../images/old/home/look.png) no-repeat 0 -3px; | ||
613 | } | ||
614 | |||
615 | div.activeFeatures div.offlineLink { | ||
616 | background: url(../images/old/home/download.png) no-repeat 10px -4px; | ||
617 | } | ||
618 | */ | ||
619 | |||
620 | div.createAccountLink canvas { | ||
621 | width: 282px; | ||
622 | height: 93px; | ||
623 | } | ||
624 | div.activeFeatures .keepTogether canvas { | ||
625 | width: 46px; | ||
626 | height: 46px; | ||
627 | vertical-align: bottom; | ||
628 | } | ||
629 | |||
630 | /* @end */ | ||
631 | |||
632 | |||
633 | |||
634 | /* @end */ | ||
635 | |||
636 | /* @group Footer */ | ||
637 | |||
638 | div.pageHeaderAndBody { | ||
639 | height: 100%; | ||
640 | } | ||
641 | |||
642 | body > div.pageHeaderAndBody { | ||
643 | height: auto; min-height: 100%; | ||
644 | } | ||
645 | |||
646 | div#pageBody { | ||
647 | min-width: 1013px; | ||
648 | padding-bottom: 90px; | ||
649 | } | ||
650 | |||
651 | |||
652 | |||
653 | div.pageFooter { | ||
654 | margin-top: -90px; | ||
655 | height: 90px; | ||
656 | clear: both; | ||
657 | } | ||
658 | |||
659 | div.footerWrapper { | ||
660 | clear: both; | ||
661 | padding-top: 10px; | ||
662 | } | ||
663 | div.footerContent { | ||
664 | background-color: #eaebe6; | ||
665 | padding: 20px; | ||
666 | font-size: 8pt; | ||
667 | } | ||
668 | |||
669 | /*div.pageFooter div.footerContent div.footerStarIcon {*/ | ||
670 | div.pageFooter div.footerContent canvas.footerStarIcon { | ||
671 | /* background-image: url(../images/old/footer/star.png);*/ | ||
672 | width: 40px; | ||
673 | height: 40px; | ||
674 | float: left; | ||
675 | } | ||
676 | |||
677 | div.pageFooter div.footerContent span.copyright { | ||
678 | padding-left: 10px; | ||
679 | color: #a0a0a0; | ||
680 | } | ||
681 | |||
682 | div.pageFooter div.footerContent a { | ||
683 | padding-left: 50px; | ||
684 | display: block; | ||
685 | color: #888888; | ||
686 | font-weight: bold; | ||
687 | text-decoration: none; | ||
688 | } | ||
689 | |||
690 | div.pageFooter div.footerContent span.applicationVersion { | ||
691 | padding: 8px; | ||
692 | color: #888888; | ||
693 | background-color: #d2d2d2; | ||
694 | position: relative; | ||
695 | top: -40px; | ||
696 | float: right; | ||
697 | } | ||
698 | |||
699 | |||
700 | /* @end */ | ||
701 | |||
702 | /* @group Javascript Alert */ | ||
703 | |||
704 | div#javaScriptAlert div.mask { | ||
705 | position: fixed; | ||
706 | top: 0px; | ||
707 | left: 0px; | ||
708 | right: 0px; | ||
709 | bottom: 0px; | ||
710 | |||
711 | background-color: black; | ||
712 | z-index:1001; | ||
713 | -moz-opacity: 0.7; | ||
714 | opacity:.70; | ||
715 | filter: alpha(opacity=70); | ||
716 | } | ||
717 | |||
718 | div#javaScriptAlert div.header { | ||
719 | height: 34px; | ||
720 | width: 468; | ||
721 | background-image: url(../images/old/alert/header.png); | ||
722 | } | ||
723 | |||
724 | div#javaScriptAlert div.body { | ||
725 | background-image: url(../images/old/alert/body.png); | ||
726 | padding: 0px 20px 10px 20px; | ||
727 | } | ||
728 | /* | ||
729 | div#javaScriptAlert div.body div.alert { | ||
730 | padding-left: 100px; | ||
731 | background: url(../images/old/alert/alert.png) no-repeat; | ||
732 | } | ||
733 | */ | ||
734 | |||
735 | /*div#javaScriptAlert div.body img.alert {*/ | ||
736 | div#javaScriptAlert div.body div.alertLogo { | ||
737 | float: left; | ||
738 | background-image: url(../images/old/alert/alert.png); | ||
739 | width: 88px; | ||
740 | height: 88px; | ||
741 | } | ||
742 | |||
743 | div#javaScriptAlert div.body div.alert { | ||
744 | padding-left: 100px; | ||
745 | } | ||
746 | |||
747 | div#javaScriptAlert div.footer { | ||
748 | height: 34px; | ||
749 | width: 468; | ||
750 | background-image: url(../images/old/alert/footer.png); | ||
751 | } | ||
752 | |||
753 | |||
754 | |||
755 | div#javaScriptAlert div.message { | ||
756 | position: relative; | ||
757 | top: -150px; | ||
758 | z-index:1002; | ||
759 | /* | ||
760 | left: 100px; | ||
761 | right: 100px; | ||
762 | */ | ||
763 | margin-left: auto; | ||
764 | margin-right: auto; | ||
765 | max-width: 468px; | ||
766 | } | ||
767 | |||
768 | div#javaScriptAlert div.message h1 { | ||
769 | font-size: 16pt; | ||
770 | margin: 0px; | ||
771 | color: #ff5930; | ||
772 | } | ||
773 | |||
774 | div#javaScriptAlert div.message p { | ||
775 | margin-top: 0px; | ||
776 | color: #999999; | ||
777 | } | ||
778 | |||
779 | div#javaScriptAlert div.message h3 { | ||
780 | font-size: 12pt; | ||
781 | margin-bottom: 0px; | ||
782 | color: #ff5930; | ||
783 | } | ||
784 | |||
785 | div#javaScriptAlert div.message h5 { | ||
786 | margin: 0px; | ||
787 | color: #999999; | ||
788 | } | ||
789 | |||
790 | /* @end */ | ||
791 | |||
792 | /* @group Components | ||
793 | */ | ||
794 | |||
795 | |||
796 | /* @group LoginProgress */ | ||
797 | |||
798 | div.LoginProgress { | ||
799 | position: relative; | ||
800 | left: -190px; | ||
801 | top: -100px; | ||
802 | width: 380px; | ||
803 | height: 200px; | ||
804 | /* background: url(../images/old/loginProgress/background.png);*/ | ||
805 | background-color: #d7d7c0; | ||
806 | -webkit-border-radius: 20px; | ||
807 | -moz-border-radius: 20px; | ||
808 | border-radius: 20px; | ||
809 | |||
810 | -webkit-box-shadow: 5px 5px 7px rgba(0,0,0,0.6); | ||
811 | -moz-box-shadow: 5px 5px 7px rgba(0,0,0,0.6); | ||
812 | box-shadow: 5px 5px 7px rgba(0,0,0,0.6); | ||
813 | } | ||
814 | |||
815 | div.LoginProgress div.header { | ||
816 | height: 40px; | ||
817 | } | ||
818 | |||
819 | div.LoginProgress div.header h3 { | ||
820 | font-size: 12pt; | ||
821 | font-weight: normal; | ||
822 | margin: 0px; | ||
823 | color: #777777; | ||
824 | padding-top: 13px; | ||
825 | padding-left: 18px; | ||
826 | } | ||
827 | |||
828 | div.LoginProgress div.body { | ||
829 | height: 120px; | ||
830 | overflow: auto; | ||
831 | padding-left: 20px; | ||
832 | padding-right: 20px; | ||
833 | |||
834 | background-color: #f1f1e9; | ||
835 | /* | ||
836 | margin-left: 19px; | ||
837 | margin-right: 18px; | ||
838 | */ | ||
839 | } | ||
840 | |||
841 | div.LoginProgress div.body div.img { | ||
842 | margin: 10px; | ||
843 | width: 50px; | ||
844 | height: 50px; | ||
845 | float: left; | ||
846 | } | ||
847 | |||
848 | div.LoginProgress div.body div.img.ALERT { | ||
849 | /* background-image: url(../images/old/simpleMessageBox/Alert.png);*/ | ||
850 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9955), to(#ff6622), color-stop(1,#333333)); | ||
851 | background: -moz-linear-gradient(0% 100% 90deg,#ff6622, #ff9955); | ||
852 | -webkit-border-radius: 25px; | ||
853 | -moz-border-radius: 25px; | ||
854 | border-radius: 25px; | ||
855 | |||
856 | } | ||
857 | |||
858 | div.LoginProgress div.body div.img.ALERT canvas { | ||
859 | width: 50px; | ||
860 | height: 50px; | ||
861 | /*background-image: url(../images/old/simpleMessageBox/excalmationPoint.png); */ | ||
862 | } | ||
863 | |||
864 | div.LoginProgress div.body div.loadingBar { | ||
865 | position: relative; | ||
866 | top: 51px; | ||
867 | left: 60px; | ||
868 | } | ||
869 | |||
870 | div.LoginProgress div.body div.errorBox p { | ||
871 | color: #787872; | ||
872 | padding-top: 20px; | ||
873 | padding-left: 80px; | ||
874 | } | ||
875 | |||
876 | div.LoginProgress div.footer { | ||
877 | margin-left: 19px; | ||
878 | margin-right: 18px; | ||
879 | } | ||
880 | |||
881 | div.LoginProgress div.footer a { | ||
882 | text-decoration: none; | ||
883 | text-align: center; | ||
884 | color: #787872; | ||
885 | display: block; | ||
886 | font-weight: bold; | ||
887 | font-size: 11pt; | ||
888 | width: 100px; | ||
889 | margin-top: 11px; | ||
890 | margin-left: auto; | ||
891 | margin-right: auto; | ||
892 | } | ||
893 | |||
894 | div.LoginProgress div.footer div.button.default { | ||
895 | text-decoration: underline; | ||
896 | } | ||
897 | |||
898 | div.LoginProgress div.buttonArea { | ||
899 | text-align: center; | ||
900 | } | ||
901 | |||
902 | div.LoginProgress div.button { | ||
903 | display: inline-block; | ||
904 | } | ||
905 | |||
906 | div.LoginProgress div.footer a:hover { | ||
907 | color: #515247; | ||
908 | } | ||
909 | |||
910 | |||
911 | |||
912 | /* @end */ | ||
913 | |||
914 | /* @group SimpleMessagePanel */ | ||
915 | |||
916 | div.SimpleMessagePanel { | ||
917 | position: relative; | ||
918 | left: -225px; | ||
919 | top: -70px; | ||
920 | width: 450px; | ||
921 | height: 140px; | ||
922 | /* | ||
923 | background: url(../images/old/loginProgress/background.png); | ||
924 | */ | ||
925 | } | ||
926 | |||
927 | div.SimpleMessagePanel div.header { | ||
928 | height: 17px; | ||
929 | background: url(../images/old/simpleMessageBox/background_header.png) no-repeat; | ||
930 | } | ||
931 | |||
932 | div.SimpleMessagePanel div.body { | ||
933 | /* | ||
934 | height: 120px; | ||
935 | overflow: auto; | ||
936 | margin-left: 19px; | ||
937 | margin-right: 18px; | ||
938 | */ | ||
939 | background: url(../images/old/simpleMessageBox/background_body.png) repeat-y; | ||
940 | padding-left: 25px; | ||
941 | padding-right: 25px; | ||
942 | padding-top: 10px; | ||
943 | } | ||
944 | |||
945 | div.SimpleMessagePanel div.body h3 { | ||
946 | font-size: 14pt; | ||
947 | font-weight: normal; | ||
948 | margin: 0px; | ||
949 | padding-top: 4px; | ||
950 | color: #787872; | ||
951 | } | ||
952 | |||
953 | div.SimpleMessagePanel div.body div.img { | ||
954 | width: 66px; | ||
955 | height: 60px; | ||
956 | float: left; | ||
957 | } | ||
958 | |||
959 | div.SimpleMessagePanel div.body p { | ||
960 | margin: 0; | ||
961 | font-size: 10pt; | ||
962 | font-weight: normal; | ||
963 | color: #787872; | ||
964 | padding-top: 10px; | ||
965 | padding-bottom: 5px; | ||
966 | line-height: 1.3; | ||
967 | } | ||
968 | |||
969 | div.SimpleMessagePanel div.body div.img.ALERT { | ||
970 | background: url(../images/old/simpleMessageBox/Alert.png) no-repeat; | ||
971 | } | ||
972 | |||
973 | div.SimpleMessagePanel div.body div.img.INFO { | ||
974 | background: url(../images/old/simpleMessageBox/Info.png) no-repeat; | ||
975 | } | ||
976 | |||
977 | div.SimpleMessagePanel div.body div.buttonArea { | ||
978 | height: 40px; | ||
979 | clear: both; | ||
980 | } | ||
981 | |||
982 | div.SimpleMessagePanel div.body div.buttonArea > div { | ||
983 | float: right; | ||
984 | margin-left: 15px; | ||
985 | margin-top: 10px; | ||
986 | } | ||
987 | |||
988 | div.SimpleMessagePanel div.footer { | ||
989 | height: 25px; | ||
990 | background: url(../images/old/simpleMessageBox/background_footer.png) no-repeat; | ||
991 | } | ||
992 | |||
993 | div.SimpleMessagePanel div.passphrase { | ||
994 | padding-left: 65px; | ||
995 | } | ||
996 | |||
997 | div.SimpleMessagePanel div.passphrase input { | ||
998 | width: 250px; | ||
999 | font-size: 14pt; | ||
1000 | border: 1px solid #bb4924; | ||
1001 | color: #333366; | ||
1002 | background-color: white; | ||
1003 | padding: 2px 5px; | ||
1004 | height: 28px; | ||
1005 | } | ||
1006 | |||
1007 | div.SimpleMessagePanel div.progressBarWrapper { | ||
1008 | margin-left: 80px; | ||
1009 | } | ||
1010 | |||
1011 | /* @end */ | ||
1012 | |||
1013 | /* @group Button */ | ||
1014 | |||
1015 | div.button_wrapper { | ||
1016 | height: 32px; | ||
1017 | background: url(../images/old/button/default_left.png) no-repeat; | ||
1018 | cursor: pointer; | ||
1019 | } | ||
1020 | |||
1021 | div.button_wrapper.hover { | ||
1022 | background: url(../images/old/button/hover_left.png) no-repeat; | ||
1023 | } | ||
1024 | |||
1025 | div.button_wrapper.clicked { | ||
1026 | background: url(../images/old/button/clicked_left.png) no-repeat; | ||
1027 | } | ||
1028 | |||
1029 | div.button_bodyWrapper { | ||
1030 | height: 32px; | ||
1031 | margin-left: 6px; | ||
1032 | padding-right: 6px; | ||
1033 | background: url(../images/old/button/default_main.png) repeat-x right 0; | ||
1034 | } | ||
1035 | |||
1036 | div.button_wrapper.hover div.button_bodyWrapper { | ||
1037 | background: url(../images/old/button/hover_main.png) repeat-x right 0; | ||
1038 | } | ||
1039 | |||
1040 | div.button_wrapper.clicked div.button_bodyWrapper { | ||
1041 | background: url(../images/old/button/clicked_main.png) repeat-x right 0; | ||
1042 | } | ||
1043 | |||
1044 | div.button_body { | ||
1045 | text-align: center; | ||
1046 | min-width: 60px; | ||
1047 | padding: 0px 7px; | ||
1048 | padding-top: 8px; | ||
1049 | } | ||
1050 | |||
1051 | div.button_body span { | ||
1052 | font-size: 11pt; | ||
1053 | color: white; | ||
1054 | } | ||
1055 | |||
1056 | div.button_wrapper.default div.button_body span { | ||
1057 | font-weight: bold; | ||
1058 | } | ||
1059 | |||
1060 | /* | ||
1061 | div.button_footer { | ||
1062 | margin: 0px; | ||
1063 | height: 31px; | ||
1064 | width: 6px; | ||
1065 | background: green url(../images/old/button/default_right.png) no-repeat; | ||
1066 | } | ||
1067 | */ | ||
1068 | /* @end */ | ||
1069 | |||
1070 | /* @group Password enthropy */ | ||
1071 | |||
1072 | input.entropyLevelIndicator { | ||
1073 | background: url(../images/old/passwordField/background.png) no-repeat 0 26px; | ||
1074 | } | ||
1075 | |||
1076 | div.passwordEntropyWrapper { | ||
1077 | padding: 0px; | ||
1078 | border: 1px solid #bb4924; | ||
1079 | border-top: 0px; | ||
1080 | margin-bottom: 4px; | ||
1081 | background-color: white; | ||
1082 | margin-right: 3px; | ||
1083 | margin-top: -2; | ||
1084 | } | ||
1085 | |||
1086 | div.passwordEntropy { | ||
1087 | height: 4px; | ||
1088 | font-size: 1pt; | ||
1089 | background: url(../images/old/entropyBackground.gif) repeat-x 0 0; | ||
1090 | line-height: 3px; | ||
1091 | } | ||
1092 | |||
1093 | |||
1094 | |||
1095 | /* @end */ | ||
1096 | |||
1097 | |||
1098 | |||
1099 | /* @end */ | ||
1100 | |||
1101 | /* @group Main page */ | ||
1102 | |||
1103 | /* @group User Info Box */ | ||
1104 | |||
1105 | div.userInfoBox { | ||
1106 | position: absolute; | ||
1107 | width: 160px; | ||
1108 | height: 120px; | ||
1109 | |||
1110 | top: 100px; | ||
1111 | left: 15px; | ||
1112 | /*background-image: url(../images/old/main/userInfoBackground.png); */ | ||
1113 | |||
1114 | background-color: #ff9955; | ||
1115 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723), color-stop(1,#333333)); | ||
1116 | background: -moz-linear-gradient(0% 100% 90deg,#ff6723, #ff9a56); | ||
1117 | |||
1118 | -webkit-border-radius: 10px; | ||
1119 | -moz-border-radius: 10px; | ||
1120 | border-radius: 10px; | ||
1121 | |||
1122 | -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
1123 | -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
1124 | box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
1125 | |||
1126 | color: white; | ||
1127 | } | ||
1128 | |||
1129 | div.userInfoBox div.body { | ||
1130 | padding: 0px 12px; | ||
1131 | } | ||
1132 | |||
1133 | div.userInfoBox div.header { | ||
1134 | height: 30px; | ||
1135 | } | ||
1136 | |||
1137 | div.userInfoBox div.header h1 { | ||
1138 | font-size: 8pt; | ||
1139 | font-weight: normal; | ||
1140 | margin: 0px; | ||
1141 | padding-top: 12px; | ||
1142 | padding-left: 12px; | ||
1143 | } | ||
1144 | |||
1145 | div.userInfoBox div.header a.lockButton { | ||
1146 | position: absolute; | ||
1147 | top: 8px; | ||
1148 | right: 12px; | ||
1149 | display: block; | ||
1150 | width: 15px; | ||
1151 | height: 20px; | ||
1152 | text-decoration: none; | ||
1153 | background: url(../images/old/lock/unlocked.png) no-repeat -5px -2px; | ||
1154 | } | ||
1155 | |||
1156 | div.userInfoBox div.header a.lockButton:hover { | ||
1157 | background: url(../images/old/lock/unlocked_hover.png) no-repeat -5px -2px; | ||
1158 | } | ||
1159 | |||
1160 | div.userInfoBox.locked { | ||
1161 | z-index:19001; | ||
1162 | } | ||
1163 | |||
1164 | div.modalDialogMask.userInfoBoxMask { | ||
1165 | -moz-opacity: 0.0; | ||
1166 | opacity: .0; | ||
1167 | filter: alpha(opacity=0); | ||
1168 | z-index:19000; | ||
1169 | } | ||
1170 | |||
1171 | div.userInfoBox.locked div.header a.lockButton { | ||
1172 | background: url(../images/old/lock/locked.png) no-repeat -5px -2px; | ||
1173 | } | ||
1174 | |||
1175 | div.userInfoBox.locked div.header a.lockButton:hover { | ||
1176 | background: url(../images/old/lock/locked_hover.png) no-repeat -5px -2px; | ||
1177 | } | ||
1178 | |||
1179 | div.userInfoBox div.body h3 { | ||
1180 | font-size: 11pt; | ||
1181 | font-weight: bold; | ||
1182 | margin: 0px; | ||
1183 | } | ||
1184 | |||
1185 | div.userInfoBox div.body ul { | ||
1186 | /* #####*/ | ||
1187 | list-style-image: url(../images/old/main/userInfoBullet.png); | ||
1188 | font-size: 8pt; | ||
1189 | padding: 0px; | ||
1190 | margin: 4px 0px; | ||
1191 | list-style-position: inside; | ||
1192 | text-shadow: #000000 0 0 0; | ||
1193 | } | ||
1194 | |||
1195 | div.userInfoBox div.body ul li span.number { | ||
1196 | font-weight: bold; | ||
1197 | padding-right: 3px; | ||
1198 | } | ||
1199 | |||
1200 | div.userInfoBox div.body a { | ||
1201 | display: block; | ||
1202 | margin-top: 8 | ||
1203 | px; | ||
1204 | border-top: 1px solid white; | ||
1205 | padding-top: 6px; | ||
1206 | font-size: 10pt; | ||
1207 | font-weight: bold; | ||
1208 | color: #d15a22; | ||
1209 | text-decoration: none; | ||
1210 | border-color: #fe9a5f; | ||
1211 | } | ||
1212 | |||
1213 | div.userInfoBox div.body a:hover { | ||
1214 | color: #8c3b15; | ||
1215 | } | ||
1216 | |||
1217 | div.userInfoBox.locked div.body a { | ||
1218 | display: none; | ||
1219 | } | ||
1220 | |||
1221 | /* @end */ | ||
1222 | |||
1223 | |||
1224 | /* @group Message Box */ | ||
1225 | |||
1226 | div.messageBox { | ||
1227 | position: absolute; | ||
1228 | width: 409px; | ||
1229 | height: 29px; | ||
1230 | top: 23px; | ||
1231 | left: 204px; | ||
1232 | background: url(../images/old/main/messageBoxBackground.png); | ||
1233 | } | ||
1234 | |||
1235 | div.messageBox h3 { | ||
1236 | display: inline-block; | ||
1237 | color: #342f6b; | ||
1238 | font-weight: bold; | ||
1239 | margin: 7px 2px 0px 12px; | ||
1240 | font-size: 10pt; | ||
1241 | |||
1242 | } | ||
1243 | |||
1244 | body.ext-gecko div.messageBox h3 { | ||
1245 | display: -moz-inline-box; | ||
1246 | } | ||
1247 | |||
1248 | div.messageBox h1 { | ||
1249 | color: #342f6b; | ||
1250 | display: inline; | ||
1251 | font-weight: normal; | ||
1252 | margin: 0px 1px; | ||
1253 | font-size: 9pt; | ||
1254 | } | ||
1255 | |||
1256 | div.messageBox a { | ||
1257 | display: block; | ||
1258 | width: 20px; | ||
1259 | height: 20px; | ||
1260 | float: right; | ||
1261 | position: absolute; | ||
1262 | right: 5px; | ||
1263 | top: 4px; | ||
1264 | background-image: url(../images/old/main/messageBoxCloseButton.png); | ||
1265 | } | ||
1266 | |||
1267 | div.messageBox a:hover { | ||
1268 | background-image: url(../images/old/main/messageBoxCloseButtonActive.png); | ||
1269 | } | ||
1270 | |||
1271 | /* @end */ | ||
1272 | |||
1273 | /* @group Side panels */ | ||
1274 | |||
1275 | div.sidePanels { | ||
1276 | /* | ||
1277 | position: relative; | ||
1278 | top: 110px; | ||
1279 | */ | ||
1280 | float: left; | ||
1281 | margin-top: 106px; | ||
1282 | margin-left: 20px; | ||
1283 | width: 160px; | ||
1284 | |||
1285 | } | ||
1286 | |||
1287 | /* @group Tab Side Panel */ | ||
1288 | |||
1289 | div.tabSidePanel { | ||
1290 | margin-right: -10px; | ||
1291 | /* | ||
1292 | position: absolute; | ||
1293 | width: 250px; | ||
1294 | height: 250px; | ||
1295 | top: 250px; | ||
1296 | left: 10px; | ||
1297 | */ | ||
1298 | } | ||
1299 | |||
1300 | div.tabSidePanel ul { | ||
1301 | margin: 0px; | ||
1302 | padding-left: 0px; | ||
1303 | list-style-type: none; | ||
1304 | color: #f78b46; | ||
1305 | } | ||
1306 | |||
1307 | /* @group Main tabs */ | ||
1308 | |||
1309 | div.tabSidePanel ul.mainTabs { | ||
1310 | margin: 0px; | ||
1311 | } | ||
1312 | |||
1313 | div.tabSidePanel ul.mainTabs li { | ||
1314 | /*margin-bottom: 6px;*/ | ||
1315 | } | ||
1316 | |||
1317 | div.tabSidePanel ul.mainTabs li a { | ||
1318 | display: block; | ||
1319 | line-height: 30px; | ||
1320 | height: 43px; | ||
1321 | padding-left: 40px; | ||
1322 | color: #ff6621; | ||
1323 | margin: 0px; | ||
1324 | font-weight: normal; | ||
1325 | font-size: 13pt; | ||
1326 | text-decoration: none; | ||
1327 | } | ||
1328 | |||
1329 | div.tabSidePanel ul.mainTabs li div.selectionHighlighter { | ||
1330 | display: none; | ||
1331 | } | ||
1332 | |||
1333 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter { | ||
1334 | display: block; | ||
1335 | position: absolute; | ||
1336 | left: 154px; | ||
1337 | margin-top: -43px; | ||
1338 | } | ||
1339 | |||
1340 | /* | ||
1341 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter div.selectionHighlighterIcon { | ||
1342 | background-image: url(../images/main/tabs/selectionHighligher.png); | ||
1343 | width: 50px; | ||
1344 | height: 34px; | ||
1345 | float: left; | ||
1346 | z-index: 35000; | ||
1347 | border: 1px solid red; | ||
1348 | } | ||
1349 | */ | ||
1350 | |||
1351 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add { | ||
1352 | font-size: 14pt; | ||
1353 | font-weight: bold; | ||
1354 | position: relative; | ||
1355 | top: -34px; | ||
1356 | right: 16px; | ||
1357 | background: none; | ||
1358 | color: #c0531b; | ||
1359 | padding-left: 15px; | ||
1360 | } | ||
1361 | |||
1362 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add:hover { | ||
1363 | color: white; | ||
1364 | } | ||
1365 | |||
1366 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add span { | ||
1367 | font-size: 8pt; | ||
1368 | vertical-align: middle; | ||
1369 | } | ||
1370 | |||
1371 | div.tabSidePanel ul.mainTabs li.selected div.selectionHighlighter a.add h3 { | ||
1372 | display: inline; | ||
1373 | padding-left: 5px; | ||
1374 | } | ||
1375 | |||
1376 | div.tabSidePanel ul.mainTabs li.cards.selected a { | ||
1377 | margin-left: -10px; | ||
1378 | padding-left: 50px; | ||
1379 | color: white; | ||
1380 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | ||
1381 | } | ||
1382 | |||
1383 | div.tabSidePanel ul.mainTabs li.cards.selected a:hover { | ||
1384 | background: url(../images/old/main/tabs/cardsBackground.png) -9px -14px; | ||
1385 | } | ||
1386 | |||
1387 | div.tabSidePanel ul.mainTabs li.cards a { | ||
1388 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -63px; | ||
1389 | } | ||
1390 | |||
1391 | div.tabSidePanel ul.mainTabs li.cards a:hover { | ||
1392 | background: url(../images/old/main/tabs/cardsBackground.png) -19px -110px; | ||
1393 | } | ||
1394 | |||
1395 | |||
1396 | |||
1397 | div.tabSidePanel ul.mainTabs li.directLogins.selected a { | ||
1398 | margin-left: -10px; | ||
1399 | padding-left: 50px; | ||
1400 | color: white; | ||
1401 | /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px;*/ | ||
1402 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | ||
1403 | } | ||
1404 | |||
1405 | div.tabSidePanel ul.mainTabs li.directLogins.selected a:hover { | ||
1406 | color: white; | ||
1407 | /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -1px;*/ | ||
1408 | background: url(../images/old/main/tabs/directLoginBackground.png) -9px -14px; | ||
1409 | } | ||
1410 | |||
1411 | div.tabSidePanel ul.mainTabs li.directLogins a { | ||
1412 | /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -34px;*/ | ||
1413 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -63px; | ||
1414 | } | ||
1415 | |||
1416 | div.tabSidePanel ul.mainTabs li.directLogins a:hover { | ||
1417 | /* background: url(../images/old/main/tabs/directLoginBackground.png) 0 -67px;*/ | ||
1418 | background: url(../images/old/main/tabs/directLoginBackground.png) -19px -110px; | ||
1419 | } | ||
1420 | |||
1421 | |||
1422 | |||
1423 | |||
1424 | |||
1425 | /* @end */ | ||
1426 | |||
1427 | /* @group Other tabs */ | ||
1428 | |||
1429 | div.tabSidePanel ul.otherTabs { | ||
1430 | margin: 10px 0px; | ||
1431 | } | ||
1432 | |||
1433 | div.tabSidePanel ul.otherTabs li { | ||
1434 | margin-top: -4px; | ||
1435 | } | ||
1436 | |||
1437 | div.tabSidePanel ul.otherTabs li div.selectionHighlighter { | ||
1438 | display: none; | ||
1439 | } | ||
1440 | |||
1441 | div.tabSidePanel ul.otherTabs li.selected div.selectionHighlighter { | ||
1442 | display: block; | ||
1443 | position: absolute; | ||
1444 | left: 154px; | ||
1445 | margin-top: -42px; | ||
1446 | } | ||
1447 | |||
1448 | div.tabSidePanel ul.otherTabs a { | ||
1449 | display: block; | ||
1450 | line-height: 36px; | ||
1451 | height: 43px; | ||
1452 | padding-left: 40px; | ||
1453 | color: #ff6621; | ||
1454 | text-decoration: none; | ||
1455 | /* background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px;*/ | ||
1456 | } | ||
1457 | |||
1458 | div.tabSidePanel ul.otherTabs li.selected a { | ||
1459 | /*background: url(../images/old/main/tabs/itemsBackground.png) 0 -1px; */ | ||
1460 | /*background: url(../images/old/main/tabs/itemsBackground.png) 0 -67px; */ | ||
1461 | margin-left: -10px; | ||
1462 | padding-left: 50px; | ||
1463 | background: url(../images/old/main/tabs/itemsBackground.png) 1px -96px; | ||
1464 | color: white; | ||
1465 | } | ||
1466 | |||
1467 | div.tabSidePanel ul.otherTabs a:hover { | ||
1468 | /*background: url(../images/old/main/tabs/itemsBackground.png) 0 -34px; */ | ||
1469 | background: url(../images/old/main/tabs/itemsBackground.png) -10px -49px; | ||
1470 | } | ||
1471 | |||
1472 | /* @end */ | ||
1473 | |||
1474 | /* @end */ | ||
1475 | |||
1476 | /* @group Tag Side Panel */ | ||
1477 | |||
1478 | div.tagSidePanel { | ||
1479 | /* | ||
1480 | position: relative; | ||
1481 | width: 250px; | ||
1482 | min-height: 100px; | ||
1483 | left: 10px; | ||
1484 | */ | ||
1485 | |||
1486 | margin-right: -8px; | ||
1487 | } | ||
1488 | |||
1489 | div.tagSidePanel div.header { | ||
1490 | height: 50px; | ||
1491 | background-image: url(../images/old/main/tabs/tagsBackground.png); | ||
1492 | } | ||
1493 | |||
1494 | div.tagSidePanel div.header h1 { | ||
1495 | padding-left: 52px; | ||
1496 | padding-top: 14px; | ||
1497 | font-size: 14pt; | ||
1498 | font-weight: normal; | ||
1499 | color: #888888; | ||
1500 | } | ||
1501 | |||
1502 | div.tagSidePanel div.body { | ||
1503 | background: url(../images/old/main/tabs/tagsBackground.png) -255px; | ||
1504 | } | ||
1505 | |||
1506 | div.tagSidePanel div.footer { | ||
1507 | height: 10px; | ||
1508 | background: url(../images/old/main/tabs/tagsBackground.png) -510px -40px; | ||
1509 | } | ||
1510 | |||
1511 | div.tagSidePanel ul.tags { | ||
1512 | margin: 0px; | ||
1513 | list-style-type: none; | ||
1514 | padding: 0px; | ||
1515 | } | ||
1516 | |||
1517 | div.tagSidePanel ul.tags li a { | ||
1518 | display: block; | ||
1519 | font-size: 9pt; | ||
1520 | text-decoration: none; | ||
1521 | color: #ff6621; | ||
1522 | padding: 0px 4px 0px 15px; | ||
1523 | line-height: 20px; | ||
1524 | } | ||
1525 | |||
1526 | div.tagSidePanel ul.tags li a:hover { | ||
1527 | background-color: #dddddd; | ||
1528 | } | ||
1529 | |||
1530 | div.tagSidePanel ul.tags li.selected a:hover { | ||
1531 | } | ||
1532 | |||
1533 | div.tagSidePanel ul.tags li span.tagCardinality { | ||
1534 | float: right; | ||
1535 | font-size: 8pt; | ||
1536 | color: #999999; | ||
1537 | margin-right: 15px; | ||
1538 | margin-top: -17px; | ||
1539 | } | ||
1540 | |||
1541 | div.tagSidePanel ul.tags li.selected a { | ||
1542 | background-color: #d4d5cf; | ||
1543 | } | ||
1544 | |||
1545 | div.tagSidePanel ul.tags li.selected a:hover { | ||
1546 | background-color: #d4d5cf; | ||
1547 | } | ||
1548 | |||
1549 | div.tagSidePanel ul.tags li.selected a { | ||
1550 | font-weight: bold; | ||
1551 | } | ||
1552 | |||
1553 | /* @end */ | ||
1554 | |||
1555 | |||
1556 | /* @group Group Side Panel */ | ||
1557 | |||
1558 | div.groupSidePanel { | ||
1559 | margin-right: -10px; | ||
1560 | /* | ||
1561 | position: relative; | ||
1562 | width: 250px; | ||
1563 | min-height: 100px; | ||
1564 | left: 10px; | ||
1565 | */ | ||
1566 | } | ||
1567 | |||
1568 | div.groupSidePanel div.header { | ||
1569 | height: 50px; | ||
1570 | background-image: url(../images/old/main/tabs/groupsBackground.png); | ||
1571 | } | ||
1572 | |||
1573 | div.groupSidePanel div.header h1 { | ||
1574 | padding-left: 52px; | ||
1575 | padding-top: 14px; | ||
1576 | font-size: 14pt; | ||
1577 | font-weight: normal; | ||
1578 | color: white; | ||
1579 | } | ||
1580 | |||
1581 | div.groupSidePanel div.header a { | ||
1582 | float: right; | ||
1583 | margin-top: -30px; | ||
1584 | margin-right: 20px; | ||
1585 | text-decoration: none; | ||
1586 | color: #666666; | ||
1587 | font-size: 9pt; | ||
1588 | line-height: 18px; | ||
1589 | } | ||
1590 | |||
1591 | div.groupSidePanel div.header a:hover { | ||
1592 | color: #444444; | ||
1593 | } | ||
1594 | |||
1595 | div.groupSidePanel div.body { | ||
1596 | background: url(../images/old/main/tabs/groupsBackground.png) -255px; | ||
1597 | } | ||
1598 | |||
1599 | div.groupSidePanel div.footer { | ||
1600 | height: 10px; | ||
1601 | background: url(../images/old/main/tabs/groupsBackground.png) -510px -39px; | ||
1602 | } | ||
1603 | |||
1604 | |||
1605 | |||
1606 | div.groupSidePanel ul.groups { | ||
1607 | margin: 0px; | ||
1608 | list-style-type: none; | ||
1609 | padding: 0px; | ||
1610 | } | ||
1611 | |||
1612 | div.groupSidePanel ul.groups li a { | ||
1613 | display: block; | ||
1614 | font-size: 9pt; | ||
1615 | text-decoration: none; | ||
1616 | color: white; | ||
1617 | padding: 0px 4px 0px 15px; | ||
1618 | line-height: 20px; | ||
1619 | } | ||
1620 | |||
1621 | div.groupSidePanel ul.groups li a:hover { | ||
1622 | background-color: #aaaaaa; | ||
1623 | } | ||
1624 | |||
1625 | div.groupSidePanel ul.groups li.selected a:hover { | ||
1626 | } | ||
1627 | |||
1628 | div.groupSidePanel ul.groups li span.groupCardinality { | ||
1629 | float: right; | ||
1630 | font-size: 8pt; | ||
1631 | color: #dddddd; | ||
1632 | margin-right: 15px; | ||
1633 | margin-top: -17px; | ||
1634 | } | ||
1635 | |||
1636 | div.groupSidePanel ul.groups li.selected a { | ||
1637 | background-color: #bbbbbb; | ||
1638 | } | ||
1639 | |||
1640 | div.groupSidePanel ul.groups li.selected a:hover { | ||
1641 | background-color: #bbbbbb; | ||
1642 | } | ||
1643 | |||
1644 | div.groupSidePanel ul.groups li.selected a { | ||
1645 | font-weight: bold; | ||
1646 | } | ||
1647 | |||
1648 | /* @end */ | ||
1649 | |||
1650 | |||
1651 | |||
1652 | /* @end */ | ||
1653 | |||
1654 | /* @group MainPanels */ | ||
1655 | |||
1656 | div.mainPanels { | ||
1657 | float: left; | ||
1658 | width: 833px; | ||
1659 | margin-top: -38px; | ||
1660 | /* | ||
1661 | position: relative; | ||
1662 | width: 100%; | ||
1663 | min-height: 600px; | ||
1664 | top: -40px; | ||
1665 | left: 250px; | ||
1666 | */ | ||
1667 | } | ||
1668 | |||
1669 | div.mainFooter { | ||
1670 | clear: both; | ||
1671 | } | ||
1672 | |||
1673 | /* @end */ | ||
1674 | |||
1675 | /* @group Grids */ | ||
1676 | |||
1677 | /* @group grid Component */ | ||
1678 | |||
1679 | /* @group delete */ | ||
1680 | |||
1681 | div.gridComponent table.rows tbody tr td.delete { | ||
1682 | } | ||
1683 | |||
1684 | /*div.body div.rows table.rows tbody tr td.delete */ | ||
1685 | div.delete, | ||
1686 | div.new { | ||
1687 | padding-left: 5px; | ||
1688 | height: 19px; | ||
1689 | } | ||
1690 | |||
1691 | div.new span, | ||
1692 | div.delete span { | ||
1693 | margin: 0px; | ||
1694 | padding: 0px; | ||
1695 | border: 0px; | ||
1696 | display: inline-block; | ||
1697 | height: 19px; | ||
1698 | padding-right: 6px; | ||
1699 | } | ||
1700 | |||
1701 | div.new span a, | ||
1702 | div.delete span a { | ||
1703 | white-space: nowrap; | ||
1704 | } | ||
1705 | |||
1706 | div.delete:hover { | ||
1707 | background: url(../images/old/delete_background_left.png) no-repeat 0; | ||
1708 | } | ||
1709 | div.delete:hover span { | ||
1710 | background: url(../images/old/delete_background.png) no-repeat right 0; | ||
1711 | } | ||
1712 | |||
1713 | div.new:hover { | ||
1714 | background: url(../images/old/new_background_left.png) no-repeat 0; | ||
1715 | } | ||
1716 | div.new:hover span { | ||
1717 | background: url(../images/old/new_background.png) no-repeat right 0; | ||
1718 | } | ||
1719 | |||
1720 | /* | ||
1721 | tr.selected div.delete { | ||
1722 | background: url(../images/old/delete_background_left.png) no-repeat 0; | ||
1723 | } | ||
1724 | tr.selected div.delete span { | ||
1725 | background: url(../images/old/delete_background.png) no-repeat right 0; | ||
1726 | } | ||
1727 | */ | ||
1728 | div.body div.rows table.rows tbody tr td.delete div.delete span a { | ||
1729 | visibility: hidden; | ||
1730 | font-size: 8pt; | ||
1731 | vertical-align: -13px; | ||
1732 | color: black; | ||
1733 | } | ||
1734 | |||
1735 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1736 | visibility: visible; | ||
1737 | } | ||
1738 | |||
1739 | div.body div.rows table.rows tbody tr:hover td.delete div.delete span a { | ||
1740 | visibility: visible; | ||
1741 | } | ||
1742 | |||
1743 | div.body div.rows table.rows tbody tr:hover td.delete div.delete:hover span a { | ||
1744 | color: white; | ||
1745 | } | ||
1746 | /* | ||
1747 | div.body div.rows table.rows tbody tr.selected td.delete div.delete span a { | ||
1748 | color: white; | ||
1749 | } | ||
1750 | */ | ||
1751 | /* @end */ | ||
1752 | |||
1753 | /* @group header */ | ||
1754 | |||
1755 | div.gridComponent table.rows thead tr th { | ||
1756 | text-align: left; | ||
1757 | height: 30px; | ||
1758 | vertical-align: bottom; | ||
1759 | } | ||
1760 | |||
1761 | div.gridComponent table.rows thead tr th.sortable span { | ||
1762 | cursor: pointer; | ||
1763 | } | ||
1764 | |||
1765 | div.gridComponent table.rows thead tr th.sortable span a { | ||
1766 | margin-left: 5px; | ||
1767 | padding-left: 10px; | ||
1768 | } | ||
1769 | |||
1770 | div.gridComponent table.rows thead tr th.directLoginTH { | ||
1771 | width: 420px; | ||
1772 | } | ||
1773 | |||
1774 | div.gridComponent table.rows thead tr th.latestUpdateTH { | ||
1775 | width: 100px; | ||
1776 | } | ||
1777 | |||
1778 | div.gridComponent table.rows thead tr th.commandsTH { | ||
1779 | width: 150px; | ||
1780 | } | ||
1781 | |||
1782 | div.gridComponent table.rows thead a { | ||
1783 | text-decoration: none; | ||
1784 | } | ||
1785 | |||
1786 | div.gridComponent table.rows thead span { | ||
1787 | font-weight: normal; | ||
1788 | font-size: 9pt; | ||
1789 | line-height: 20px; | ||
1790 | } | ||
1791 | |||
1792 | div.gridComponent div.header div.headerSlot { | ||
1793 | float: right; | ||
1794 | } | ||
1795 | |||
1796 | /* @end */ | ||
1797 | |||
1798 | div.mainPanels div.gridComponent div.body table.rows td.favicon { | ||
1799 | padding-left: 25px; | ||
1800 | } | ||
1801 | |||
1802 | div.mainPanels div.gridComponent div.body table.rows td.favicon img { | ||
1803 | width: 16px; | ||
1804 | height: 16px; | ||
1805 | border: 0px; | ||
1806 | } | ||
1807 | |||
1808 | |||
1809 | |||
1810 | /* @end */ | ||
1811 | |||
1812 | /* @group Card Grid */ | ||
1813 | |||
1814 | /* @group DirectLogin links */ | ||
1815 | |||
1816 | div.gridComponent th.directLoginTH span { | ||
1817 | margin-left: 7px; | ||
1818 | } | ||
1819 | |||
1820 | td.card_directLogins div { | ||
1821 | display: inline-table; | ||
1822 | } | ||
1823 | |||
1824 | td.card_directLogins span { | ||
1825 | display: inline-block; | ||
1826 | } | ||
1827 | /* | ||
1828 | td.card_directLogins a { | ||
1829 | display: inline-table; | ||
1830 | height: 19px; | ||
1831 | |||
1832 | padding-right: 7px; | ||
1833 | } | ||
1834 | |||
1835 | td.card_directLogins a:hover { | ||
1836 | background: url(../images/old/directLink_background.png) right 0; | ||
1837 | } | ||
1838 | */ | ||
1839 | |||
1840 | div.card_directLogin { | ||
1841 | display: inline-block; | ||
1842 | height: 19px; | ||
1843 | padding-left: 7px; | ||
1844 | } | ||
1845 | |||
1846 | div.card_directLogin_ellipses span { | ||
1847 | padding-bottom: 2px; | ||
1848 | } | ||
1849 | |||
1850 | div.card_directLogin div.card_directLogin_body { | ||
1851 | display: inline-block; | ||
1852 | height: 19px; | ||
1853 | padding-right: 8px; | ||
1854 | background-position: left; | ||
1855 | } | ||
1856 | |||
1857 | div.card_directLogin div.card_directLogin_body a{ | ||
1858 | vertical-align: -14px; | ||
1859 | } | ||
1860 | |||
1861 | /*div.card_directLogin:hover {*/ | ||
1862 | div.card_directLogin:hover { | ||
1863 | background: url(../images/old/directLink_background_left.png) no-repeat 0 0; | ||
1864 | } | ||
1865 | |||
1866 | /*div.card_directLogin:hover div {*/ | ||
1867 | div.card_directLogin:hover div.card_directLogin_body { | ||
1868 | background: url(../images/old/directLink_background.png) right 0; | ||
1869 | } | ||
1870 | |||
1871 | /* @group DirectLogin Popup */ | ||
1872 | |||
1873 | div.DirectLoginListPopup { | ||
1874 | position: absolute; | ||
1875 | width: 184px; | ||
1876 | } | ||
1877 | |||
1878 | div.DirectLoginListPopup div.DirectLoginListPopup_body { | ||
1879 | background-image: url(../images/old/directLogins_background.png); | ||
1880 | padding-top: 8px; | ||
1881 | } | ||
1882 | |||
1883 | div.DirectLoginListPopup div.DirectLoginListPopup_footer { | ||
1884 | height: 8px; | ||
1885 | background-image: url(../images/old/directLogins_background_bottom.png); | ||
1886 | } | ||
1887 | |||
1888 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul { | ||
1889 | margin: 0px; | ||
1890 | padding-left: 13px; | ||
1891 | list-style: none; | ||
1892 | } | ||
1893 | |||
1894 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li { | ||
1895 | padding-top: 4px; | ||
1896 | height: 20px; | ||
1897 | padding-right: 10px; | ||
1898 | white-space: nowrap; | ||
1899 | } | ||
1900 | |||
1901 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li div { | ||
1902 | padding-right: 10px; | ||
1903 | overflow: hidden; | ||
1904 | } | ||
1905 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li img.favicon { | ||
1906 | padding-left: 9px; | ||
1907 | padding-right: 5px; | ||
1908 | } | ||
1909 | |||
1910 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li a { | ||
1911 | text-decoration: none; | ||
1912 | color: white; | ||
1913 | font-weight: normal; | ||
1914 | font-size: 10pt; | ||
1915 | vertical-align: 3px; | ||
1916 | white-space: nowrap; | ||
1917 | padding-right:8px; | ||
1918 | } | ||
1919 | |||
1920 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover { | ||
1921 | /* background-color: #a5a696;*/ | ||
1922 | /* background-color: #7b7d70;*/ | ||
1923 | background-color: rgba(123,125,112,0.5); | ||
1924 | } | ||
1925 | |||
1926 | div.DirectLoginListPopup div.DirectLoginListPopup_body ul li:hover a { | ||
1927 | background: url(../images/old/directLink_no_background.png) right; | ||
1928 | } | ||
1929 | |||
1930 | /* @end */ | ||
1931 | |||
1932 | |||
1933 | /* @end */ | ||
1934 | |||
1935 | div.mainPanels div.gridComponent div.header { | ||
1936 | /* | ||
1937 | height: 90px; | ||
1938 | background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
1939 | */ | ||
1940 | background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
1941 | padding-left: 40px; | ||
1942 | padding-right: 40px; | ||
1943 | padding-top: 20px; | ||
1944 | padding-bottom: 10px; | ||
1945 | } | ||
1946 | |||
1947 | div.mainPanels div.gridComponent div.header form.search { | ||
1948 | height: 32px; | ||
1949 | margin: 0px; | ||
1950 | } | ||
1951 | |||
1952 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton { | ||
1953 | position: absolute; | ||
1954 | margin-left: 192px; | ||
1955 | width: 22px; | ||
1956 | height: 22px; | ||
1957 | margin-top: 6px; | ||
1958 | background: url(../images/old/filter/clearFilter_notSelected.png) no-repeat; | ||
1959 | } | ||
1960 | |||
1961 | div.mainPanels div.gridComponent div.header form.search div.clearSearchButton:hover { | ||
1962 | background: url(../images/old/filter/clearFilter_selected.png) no-repeat; | ||
1963 | cursor: pointer; | ||
1964 | } | ||
1965 | |||
1966 | div.mainPanels div.gridComponent div.header form.search div.search { | ||
1967 | display: block; | ||
1968 | float: left; | ||
1969 | width: 217px; | ||
1970 | } | ||
1971 | |||
1972 | div.mainPanels div.gridComponent div.header form.search input.search { | ||
1973 | border: 1px solid #76786a; | ||
1974 | color: #666666; | ||
1975 | font-size: 12pt; | ||
1976 | width: 100%; | ||
1977 | padding: 4px; | ||
1978 | padding-left: 24px; | ||
1979 | padding-right: 26px; | ||
1980 | background: #e8ecde url(../images/old/main/grid/search.png) no-repeat 2px 4px; | ||
1981 | } | ||
1982 | |||
1983 | div.mainPanels div.gridComponent div.header form.search input.search.disabled { | ||
1984 | disabled:disabled; | ||
1985 | } | ||
1986 | |||
1987 | div.mainPanels div.gridComponent div.header form.search input.search.running { | ||
1988 | background: #e8ecde url(../images/old/main/grid/running_search.gif) no-repeat 4px 5px; | ||
1989 | } | ||
1990 | |||
1991 | div.mainPanels div.gridComponent div.body { | ||
1992 | clear: both; | ||
1993 | background: url(../images/old/main/blocks/cardGridBackground.png) repeat-y -836px; | ||
1994 | } | ||
1995 | |||
1996 | div.mainPanels div.gridComponent div.footer { | ||
1997 | background: url(../images/old/main/blocks/cardGridBackground.png) 834px -28px; | ||
1998 | height: 35px; | ||
1999 | } | ||
2000 | |||
2001 | div.mainPanels div.gridComponent div.body h1 { | ||
2002 | margin: 0px; | ||
2003 | } | ||
2004 | |||
2005 | div.mainPanels div.gridComponent div.body div.rows { | ||
2006 | margin-left: 9px; | ||
2007 | margin-right: 6px; | ||
2008 | min-height: 582px; | ||
2009 | background: url(../images/old/main/blocks/cardGridStripes.png) 0 7px; | ||
2010 | } | ||
2011 | |||
2012 | div.mainPanels div.gridComponent.noRows div.body table.rows thead, | ||
2013 | div.mainPanels div.gridComponent.empty div.body table.rows thead { | ||
2014 | visibility: hidden; | ||
2015 | } | ||
2016 | |||
2017 | div.mainPanels div.gridComponent.empty div.body div.rows { | ||
2018 | background: #eaebe6 url(../images/old/lock/background_star.png) no-repeat center center; | ||
2019 | } | ||
2020 | |||
2021 | div.mainPanels div.gridComponent.noRows div.body div.rows { | ||
2022 | background: #eaebe6; | ||
2023 | } | ||
2024 | |||
2025 | div.mainPanels div.gridComponent div.body table.rows { | ||
2026 | display: block; | ||
2027 | width: 100%; | ||
2028 | } | ||
2029 | |||
2030 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd.selected { | ||
2031 | background-color: #a5a696; | ||
2032 | } | ||
2033 | |||
2034 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even.selected { | ||
2035 | background-color: #a5a696; | ||
2036 | } | ||
2037 | |||
2038 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td a { | ||
2039 | color: #f3f4eb; | ||
2040 | } | ||
2041 | |||
2042 | |||
2043 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd { | ||
2044 | background-color: #d4d5cf; | ||
2045 | } | ||
2046 | |||
2047 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even { | ||
2048 | background-color: #eaebe6; | ||
2049 | } | ||
2050 | |||
2051 | div.mainPanels div.gridComponent div.body table.rows tbody tr.odd:hover { | ||
2052 | background-color: #a5a696; | ||
2053 | } | ||
2054 | |||
2055 | div.mainPanels div.gridComponent div.body table.rows tbody tr.even:hover { | ||
2056 | background-color: #a5a696; | ||
2057 | } | ||
2058 | |||
2059 | div.mainPanels div.gridComponent div.body table.rows tbody tr td { | ||
2060 | height: 23px; | ||
2061 | max-height: 23px; | ||
2062 | /* | ||
2063 | white-space: nowrap; | ||
2064 | overflow: hidden; | ||
2065 | */ | ||
2066 | } | ||
2067 | |||
2068 | div.mainPanels div.gridComponent div.body table.rows tbody tr td span { | ||
2069 | color: #828479; | ||
2070 | font-size: 10pt; | ||
2071 | } | ||
2072 | |||
2073 | div.mainPanels div.gridComponent div.body table.rows tbody tr td a { | ||
2074 | color: #828479; | ||
2075 | font-size: 10pt; | ||
2076 | text-decoration: none; | ||
2077 | } | ||
2078 | |||
2079 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td span { | ||
2080 | color: #f3f4eb; | ||
2081 | } | ||
2082 | |||
2083 | div.mainPanels div.gridComponent div.body table.rows tbody tr.selected td span { | ||
2084 | color: #f3f4eb; | ||
2085 | } | ||
2086 | |||
2087 | div.mainPanels div.gridComponent div.body table.rows tbody tr:hover td a { | ||
2088 | color: #f3f4eb; | ||
2089 | } | ||
2090 | |||
2091 | div.mainPanels div.gridComponent div.body table.rows tbody tr td.title a { | ||
2092 | font-weight: bold; | ||
2093 | } | ||
2094 | |||
2095 | div.mainPanels div.gridComponent div.body table.rows tbody tr td img.favicon { | ||
2096 | float: right; | ||
2097 | padding-right: 6px; | ||
2098 | } | ||
2099 | |||
2100 | /* @group header */ | ||
2101 | |||
2102 | div.gridComponent table.rows thead img { | ||
2103 | padding-left: 10px; | ||
2104 | vertical-align: middle; | ||
2105 | } | ||
2106 | |||
2107 | div.gridComponent table.rows thead tr th { | ||
2108 | background-color: #eaebe6; | ||
2109 | border-bottom: 1px solid #b3b4af; | ||
2110 | } | ||
2111 | |||
2112 | div.gridComponent table.rows thead span { | ||
2113 | color: #8c8f7e; | ||
2114 | } | ||
2115 | |||
2116 | div.gridComponent table.rows thead tr th.unsorted span.sortable a { | ||
2117 | background-image: url(../images/old/main/grid/unsorted.png); | ||
2118 | } | ||
2119 | |||
2120 | div.gridComponent table.rows thead tr th.descending span.sortable a { | ||
2121 | background-image: url(../images/old/main/grid/descending.png); | ||
2122 | } | ||
2123 | |||
2124 | div.gridComponent table.rows thead tr th.ascending span.sortable a { | ||
2125 | background-image: url(../images/old/main/grid/ascending.png); | ||
2126 | } | ||
2127 | |||
2128 | div.gridComponent table.rows thead tr th.faviconTH { | ||
2129 | width: 53px; | ||
2130 | } | ||
2131 | |||
2132 | div.gridComponent table.rows thead tr th.titleTH { | ||
2133 | width: 200px; | ||
2134 | max-width: 200px; | ||
2135 | } | ||
2136 | |||
2137 | div.gridComponent table.rows thead tr th.deleteTH { | ||
2138 | width: 50px; | ||
2139 | } | ||
2140 | |||
2141 | |||
2142 | /* @end */ | ||
2143 | |||
2144 | |||
2145 | /* @end */ | ||
2146 | |||
2147 | /* @group Direct login Grid */ | ||
2148 | /* | ||
2149 | div.mainPanels div.directLoginGrid div.header { | ||
2150 | /* | ||
2151 | height: 90px; | ||
2152 | background: url(../images/old/main/blocks/cardGridBackground.png) no-repeat; | ||
2153 | * / | ||
2154 | } | ||
2155 | |||
2156 | div.mainPanels div.directLoginGrid div.header form.search { | ||
2157 | background: url(../images/old/main/blocks/directLoginGridBackground.png) no-repeat; | ||
2158 | padding-left: 40px; | ||
2159 | padding-top: 20px; | ||
2160 | padding-bottom: 10px; | ||
2161 | margin: 0px; | ||
2162 | } | ||
2163 | |||
2164 | div.mainPanels div.directLoginGrid div.header form.search input.search { | ||
2165 | border: 1px solid #76786a; | ||
2166 | color: #666666; | ||
2167 | font-size: 12pt; | ||
2168 | padding: 4px; | ||
2169 | background-color: #e8ecde; | ||
2170 | } | ||
2171 | |||
2172 | div.mainPanels div.directLoginGrid div.header form.search input.searchButton { | ||
2173 | background-color: #858877; | ||
2174 | border: 0px; | ||
2175 | color: white; | ||
2176 | font-size: 10pt; | ||
2177 | } | ||
2178 | |||
2179 | div.mainPanels div.directLoginGrid div.body { | ||
2180 | background: url(../images/old/main/blocks/directLoginGridBackground.png) repeat-y -836px; | ||
2181 | } | ||
2182 | |||
2183 | div.mainPanels div.directLoginGrid div.footer { | ||
2184 | background: url(../images/old/main/blocks/directLoginGridBackground.png) 834px -28px; | ||
2185 | height: 35px; | ||
2186 | } | ||
2187 | |||
2188 | div.mainPanels div.directLoginGrid div.body h1 { | ||
2189 | margin: 0px; | ||
2190 | } | ||
2191 | |||
2192 | div.mainPanels div.directLoginGrid div.body div.rows { | ||
2193 | margin-left: 9px; | ||
2194 | margin-right: 6px; | ||
2195 | min-height: 582px; | ||
2196 | background: url(../images/old/main/blocks/directLoginGridStripes.png) 0 7px; | ||
2197 | } | ||
2198 | |||
2199 | div.mainPanels div.directLoginGrid div.body table.rows { | ||
2200 | display: block; | ||
2201 | width: 100%; | ||
2202 | } | ||
2203 | |||
2204 | div.mainPanels div.directLoginGrid div.body table.rows img { | ||
2205 | border: 0px; | ||
2206 | } | ||
2207 | |||
2208 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even { | ||
2209 | background-color: #787666; | ||
2210 | } | ||
2211 | |||
2212 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd { | ||
2213 | background-color: #646351; | ||
2214 | } | ||
2215 | |||
2216 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.odd:hover { | ||
2217 | background-color: #d1d4c6; | ||
2218 | } | ||
2219 | |||
2220 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr.even:hover { | ||
2221 | background-color: #d1d4c6; | ||
2222 | } | ||
2223 | |||
2224 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td { | ||
2225 | height: 23px; | ||
2226 | color: #e1e0d6; | ||
2227 | font-size: 10pt; | ||
2228 | } | ||
2229 | |||
2230 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr:hover td { | ||
2231 | color: #777867; | ||
2232 | } | ||
2233 | |||
2234 | div.mainPanels div.directLoginGrid div.body table.rows tbody tr td.title { | ||
2235 | font-weight: bold; | ||
2236 | } | ||
2237 | |||
2238 | div.directLoginGrid div.body table.rows tbody tr a { | ||
2239 | color: #e1e0d6; | ||
2240 | text-decoration: none; | ||
2241 | } | ||
2242 | |||
2243 | div.directLoginGrid div.body table.rows tbody tr:hover a { | ||
2244 | color: #777867; | ||
2245 | } | ||
2246 | */ | ||
2247 | |||
2248 | /* @group DirectLogin links */ | ||
2249 | /* | ||
2250 | td.card_directLogins div { | ||
2251 | display: inline-table; | ||
2252 | } | ||
2253 | |||
2254 | td.card_directLogins span { | ||
2255 | display: inline-table; | ||
2256 | } | ||
2257 | */ | ||
2258 | div.directLogin_directLogin { | ||
2259 | display: inline-block; | ||
2260 | height: 19px; | ||
2261 | padding-left: 7px; | ||
2262 | } | ||
2263 | |||
2264 | div.directLogin_directLogin div.directLogin_directLogin_body { | ||
2265 | display: inline-block; | ||
2266 | height: 19px; | ||
2267 | padding-right: 8px; | ||
2268 | background-position: left; | ||
2269 | } | ||
2270 | |||
2271 | div.directLogin_directLogin div.directLogin_directLogin_body a { | ||
2272 | vertical-align: -14px; | ||
2273 | } | ||
2274 | |||
2275 | div.directLogin_directLogin:hover { | ||
2276 | background: url(../images/old/directLink_background_left.png) no-repeat 0 0; | ||
2277 | } | ||
2278 | |||
2279 | div.directLogin_directLogin:hover div.directLogin_directLogin_body { | ||
2280 | background: url(../images/old/directLink_background.png) right 0; | ||
2281 | } | ||
2282 | |||
2283 | table.rows tbody tr td div.directLogin_directLogin:hover div.directLogin_directLogin_body a { | ||
2284 | color: #f3f4eb; | ||
2285 | } | ||
2286 | |||
2287 | |||
2288 | |||
2289 | /* @end */ | ||
2290 | |||
2291 | |||
2292 | |||
2293 | /* @group header */ | ||
2294 | |||
2295 | div.directLoginGrid table.rows thead span { | ||
2296 | color: #e1e0d6; | ||
2297 | } | ||
2298 | |||
2299 | div.directLoginGrid table.rows thead tr th { | ||
2300 | background-color: #787762; | ||
2301 | border-bottom: 1px solid #999883; | ||
2302 | } | ||
2303 | |||
2304 | div.directLoginGrid table.rows thead tr th.faviconTH { | ||
2305 | min-width: 53px; | ||
2306 | width: 53px; | ||
2307 | } | ||
2308 | |||
2309 | div.directLoginGrid table.rows thead tr th.titleTH { | ||
2310 | min-width: 250px; | ||
2311 | width: 250px; | ||
2312 | } | ||
2313 | |||
2314 | div.directLoginGrid table.rows thead tr th.titleTH span { | ||
2315 | margin-left: 7px; | ||
2316 | } | ||
2317 | |||
2318 | div.directLoginGrid table.rows thead tr th.strengthTH { | ||
2319 | width: 100px; | ||
2320 | } | ||
2321 | |||
2322 | div.directLoginGrid table.rows thead tr th.cardTitleTH { | ||
2323 | width: 400px; | ||
2324 | } | ||
2325 | |||
2326 | div.directLoginGrid table.rows thead tr th.bookmarkableLinkTH { | ||
2327 | width: 64px; | ||
2328 | } | ||
2329 | |||
2330 | div.directLoginGrid table.rows thead tr th.deleteTH { | ||
2331 | width: 50px; | ||
2332 | } | ||
2333 | |||
2334 | div.directLoginGrid table.rows thead tr th.latestAccessTH { | ||
2335 | width: 100px; | ||
2336 | } | ||
2337 | |||
2338 | div.directLoginGrid table.rows thead tr th.commandsTH { | ||
2339 | width: 100px; | ||
2340 | } | ||
2341 | /* | ||
2342 | div.directLoginGrid table.rows thead a { | ||
2343 | font-weight: normal; | ||
2344 | text-decoration: none; | ||
2345 | color: #e9e9df; | ||
2346 | font-size: 9pt; | ||
2347 | line-height: 20px; | ||
2348 | } | ||
2349 | */ | ||
2350 | div.directLoginGrid table.rows thead img { | ||
2351 | padding-left: 10px; | ||
2352 | vertical-align: middle; | ||
2353 | } | ||
2354 | |||
2355 | div.directLoginGrid table.rows thead tr th.unsorted span.sortable a { | ||
2356 | background: url(../images/old/main/grid/directLogins/unsorted.png) no-repeat; | ||
2357 | } | ||
2358 | |||
2359 | div.directLoginGrid table.rows thead tr th.descending span.sortable a { | ||
2360 | background: url(../images/old/main/grid/directLogins/descending.png) no-repeat; | ||
2361 | } | ||
2362 | |||
2363 | div.directLoginGrid table.rows thead tr th.ascending span.sortable a { | ||
2364 | background: url(../images/old/main/grid/directLogins/ascending.png) no-repeat; | ||
2365 | } | ||
2366 | |||
2367 | /* @end */ | ||
2368 | |||
2369 | |||
2370 | |||
2371 | /* @end */ | ||
2372 | |||
2373 | |||
2374 | |||
2375 | /* @end */ | ||
2376 | |||
2377 | |||
2378 | /* @end */ | ||
2379 | |||
2380 | /* @group other Panels */ | ||
2381 | |||
2382 | /* @group common styles */ | ||
2383 | div.subPanelTabs { | ||
2384 | } | ||
2385 | |||
2386 | div.subPanelTabs ul { | ||
2387 | margin: 0px; | ||
2388 | margin-right: 7px; | ||
2389 | padding: 0px; | ||
2390 | } | ||
2391 | |||
2392 | div.subPanelTabs ul li.first { | ||
2393 | } | ||
2394 | |||
2395 | div.subPanelTabs ul li { | ||
2396 | display: inline-block; | ||
2397 | vertical-align: middle; | ||
2398 | /*width: 130px; */ | ||
2399 | height: 50px; | ||
2400 | /*border-right: 1px solid #a5a79c; | ||
2401 | border-bottom: 1px solid #a5a79c;*/ | ||
2402 | border-right: 1px solid #eef0e3; | ||
2403 | border-bottom: 1px solid #d5d5bc; | ||
2404 | } | ||
2405 | |||
2406 | div.subPanelTabs ul li.first:hover { | ||
2407 | /*background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; */ | ||
2408 | } | ||
2409 | |||
2410 | div.subPanelTabs ul li:hover { | ||
2411 | /*background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; */ | ||
2412 | border-right: 1px solid #d5d5bc; | ||
2413 | background-color: #eef0e3; | ||
2414 | } | ||
2415 | |||
2416 | div.subPanelTabs ul li a { | ||
2417 | color: #787872; | ||
2418 | text-decoration: none; | ||
2419 | display: block; | ||
2420 | text-align: center; | ||
2421 | padding-top: 15px; | ||
2422 | padding-left: 20px; | ||
2423 | padding-right: 20px; | ||
2424 | font-size: 13pt; | ||
2425 | } | ||
2426 | |||
2427 | div.subPanelTabs ul li.first { | ||
2428 | /*background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -9px -5px; */ | ||
2429 | -webkit-border-top-left-radius: 20px; | ||
2430 | -moz-border-radius-topleft: 20px; | ||
2431 | border-top-left-radius: 20px; | ||
2432 | } | ||
2433 | |||
2434 | div.subPanelTabs ul li.selected { | ||
2435 | /*background: url(../images/old/main/blocks/otherPanelBackground_selected.png) no-repeat -45px -5px; */ | ||
2436 | background-color: #eef0e3; | ||
2437 | border-bottom: 1px solid #eef0e3; | ||
2438 | border-right: 1px solid #d5d5bc; | ||
2439 | } | ||
2440 | |||
2441 | div.subPanelTabs ul li.selected:hover { | ||
2442 | border-right: 1px solid #d5d5bc; | ||
2443 | } | ||
2444 | |||
2445 | |||
2446 | div.subPanelTabs ul li.selected a { | ||
2447 | color: #444440; | ||
2448 | } | ||
2449 | |||
2450 | |||
2451 | |||
2452 | |||
2453 | |||
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 | |||
2464 | div.subPanelContent ul { | ||
2465 | margin: 0px; | ||
2466 | padding: 0px; | ||
2467 | list-style-type: none; | ||
2468 | } | ||
2469 | |||
2470 | div.subPanelContent ul li.selected { | ||
2471 | display: block; | ||
2472 | } | ||
2473 | |||
2474 | div.subPanelContent ul li { | ||
2475 | display: none; | ||
2476 | } | ||
2477 | |||
2478 | div.subPanelContent h3 { | ||
2479 | margin: 0px; | ||
2480 | border: 0px; | ||
2481 | padding: 0px; | ||
2482 | } | ||
2483 | |||
2484 | /* @end */ | ||
2485 | |||
2486 | /* @group mainPanels otherPanel */ | ||
2487 | div.mainPanels div.otherPanel { | ||
2488 | margin: 5px 10px; | ||
2489 | background-color: #eef0e3; | ||
2490 | |||
2491 | -webkit-border-radius: 20px; | ||
2492 | -moz-border-radius: 20px; | ||
2493 | border-radius: 20px; | ||
2494 | |||
2495 | -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
2496 | -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
2497 | box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
2498 | } | ||
2499 | div.mainPanels div.otherPanel div.header { | ||
2500 | /*background: url(../images/old/main/blocks/otherPanelBackground.png) no-repeat; */ | ||
2501 | /* | ||
2502 | height: 90px; | ||
2503 | */ | ||
2504 | background-color: #d5d5bc; | ||
2505 | |||
2506 | /*padding-left: 9px; | ||
2507 | padding-top: 5px; */ | ||
2508 | margin: 0px; | ||
2509 | margin-bottom: 0px; | ||
2510 | |||
2511 | -webkit-border-top-left-radius: 20px; | ||
2512 | -webkit-border-top-right-radius: 20px; | ||
2513 | -moz-border-radius-topleft: 20px; | ||
2514 | -moz-border-radius-topright: 20px; | ||
2515 | border-top-left-radius: 20px; | ||
2516 | border-top-right-radius: 20px; | ||
2517 | } | ||
2518 | |||
2519 | div.mainPanels div.otherPanel div.body { | ||
2520 | /*background: url(../images/old/main/blocks/otherPanelBackground.png) repeat-y -836px; */ | ||
2521 | margin: 0px; | ||
2522 | border: 0px; | ||
2523 | padding: 0px; | ||
2524 | } | ||
2525 | |||
2526 | div.mainPanels div.otherPanel div.footer { | ||
2527 | /*background: url(../images/old/main/blocks/otherPanelBackground.png) 834px -18px; */ | ||
2528 | height: 45px; | ||
2529 | } | ||
2530 | |||
2531 | div.mainPanels div.otherPanel div.body h1 { | ||
2532 | margin: 0px; | ||
2533 | } | ||
2534 | |||
2535 | /* @end */ | ||
2536 | |||
2537 | /* @group Account */ | ||
2538 | |||
2539 | form.changePassphrase { | ||
2540 | } | ||
2541 | |||
2542 | form.changePassphrase div.currentCredentials, | ||
2543 | form.changePassphrase div.newPassphrase { | ||
2544 | float: left; | ||
2545 | padding: 10px 20px; | ||
2546 | } | ||
2547 | |||
2548 | form.changePassphrase label { | ||
2549 | display: inline-block; | ||
2550 | width: 150px; | ||
2551 | } | ||
2552 | |||
2553 | form.changePassphrase div.confirm { | ||
2554 | clear: both; | ||
2555 | padding: 10px 20px; | ||
2556 | } | ||
2557 | |||
2558 | form.changePassphrase div.confirm label { | ||
2559 | width: 500px; | ||
2560 | } | ||
2561 | |||
2562 | div.currentCredentials { | ||
2563 | } | ||
2564 | |||
2565 | div.accountPanel h3.manageOTP { | ||
2566 | margin-top: 20px; | ||
2567 | margin-left: -20px; | ||
2568 | padding-top: 10px; | ||
2569 | padding-left: 20px; | ||
2570 | border-top: 1px solid #aaaaaa; | ||
2571 | } | ||
2572 | |||
2573 | /* @end */ | ||
2574 | |||
2575 | |||
2576 | |||
2577 | /* @end */ | ||
2578 | |||
2579 | /* @group Message Panel (?) */ | ||
2580 | /* | ||
2581 | div.messagePanelWrapper div.mask { | ||
2582 | position: fixed; | ||
2583 | top: 0px; | ||
2584 | left: 0px; | ||
2585 | right: 0px; | ||
2586 | bottom: 0px; | ||
2587 | |||
2588 | background-color: black; | ||
2589 | z-index:50001; | ||
2590 | |||
2591 | -moz-opacity: 0.0; | ||
2592 | opacity:.0; | ||
2593 | filter: alpha(opacity=0); | ||
2594 | / * | ||
2595 | -moz-opacity: 0.7; | ||
2596 | opacity:.70; | ||
2597 | filter: alpha(opacity=70); | ||
2598 | * / | ||
2599 | } | ||
2600 | |||
2601 | div.messagePanelFrame { | ||
2602 | border: 1px solid white; | ||
2603 | z-index:50002; | ||
2604 | / * | ||
2605 | width: 443px; | ||
2606 | height: 155px; | ||
2607 | position: fixed; | ||
2608 | top: 205px; | ||
2609 | left: 260px; | ||
2610 | margin-left: auto; | ||
2611 | margin-right: auto; | ||
2612 | max-width: 468px; | ||
2613 | * / | ||
2614 | } | ||
2615 | |||
2616 | |||
2617 | div.messagePanel { | ||
2618 | position: fixed; | ||
2619 | z-index:50003; | ||
2620 | top: 0px; | ||
2621 | left: 0px; | ||
2622 | / * | ||
2623 | margin-left: auto; | ||
2624 | margin-right: auto; | ||
2625 | max-width: 468px; | ||
2626 | top: 200px; | ||
2627 | left: 250px; | ||
2628 | left: 100px; | ||
2629 | right: 100px; | ||
2630 | * / | ||
2631 | } | ||
2632 | |||
2633 | div.messagePanel div.header { | ||
2634 | height: 34px; | ||
2635 | width: 468; | ||
2636 | background-image: url(../images/old/alert/header.png); | ||
2637 | } | ||
2638 | |||
2639 | div.messagePanel div.body { | ||
2640 | background-image: url(../images/old/alert/body.png); | ||
2641 | padding: 0px 20px 10px 20px; | ||
2642 | min-height: 100px; | ||
2643 | } | ||
2644 | / * | ||
2645 | div#javaScriptAlert div.body div.alert { | ||
2646 | padding-left: 100px; | ||
2647 | background: url(../images/old/alert/alert.png) no-repeat; | ||
2648 | } | ||
2649 | * / | ||
2650 | |||
2651 | div.messagePanel div.body img.alert { | ||
2652 | float: left; | ||
2653 | } | ||
2654 | |||
2655 | div.messagePanel div.body div.alert { | ||
2656 | padding-left: 100px; | ||
2657 | } | ||
2658 | |||
2659 | div.messagePanel div.footer { | ||
2660 | height: 34px; | ||
2661 | width: 468; | ||
2662 | background-image: url(../images/old/alert/footer.png); | ||
2663 | } | ||
2664 | |||
2665 | div.messagePanel div.message h1 { | ||
2666 | font-size: 16pt; | ||
2667 | margin: 0px; | ||
2668 | color: #ff5930; | ||
2669 | } | ||
2670 | |||
2671 | div.messagePanel div.message p { | ||
2672 | margin-top: 0px; | ||
2673 | color: #999999; | ||
2674 | } | ||
2675 | |||
2676 | div.messagePanel div.message h3 { | ||
2677 | font-size: 12pt; | ||
2678 | margin-bottom: 0px; | ||
2679 | color: #ff5930; | ||
2680 | } | ||
2681 | |||
2682 | div.messagePanel div.message h5 { | ||
2683 | margin: 0px; | ||
2684 | color: #999999; | ||
2685 | } | ||
2686 | |||
2687 | |||
2688 | */ | ||
2689 | /* @end */ | ||
2690 | |||
2691 | /* @group LoginProgress (?) */ | ||
2692 | /* | ||
2693 | div#loginProgress { | ||
2694 | position: relative; | ||
2695 | left: -198px; | ||
2696 | top: -118px; | ||
2697 | width: 397px; | ||
2698 | height: 236px; | ||
2699 | background: url(../images/old/loginProgress/background.png); | ||
2700 | } | ||
2701 | |||
2702 | div#loginProgress div.header { | ||
2703 | height: 52px; | ||
2704 | } | ||
2705 | |||
2706 | div#loginProgress div.header h3 { | ||
2707 | font-size: 12pt; | ||
2708 | font-weight: normal; | ||
2709 | margin: 0px; | ||
2710 | color: #787872; | ||
2711 | padding-top: 25px; | ||
2712 | padding-left: 35px; | ||
2713 | } | ||
2714 | |||
2715 | div#loginProgress div.body { | ||
2716 | height: 120px; | ||
2717 | overflow: auto; | ||
2718 | margin-left: 19px; | ||
2719 | margin-right: 18px; | ||
2720 | } | ||
2721 | |||
2722 | div#loginProgress div.footer { | ||
2723 | margin-left: 19px; | ||
2724 | margin-right: 18px; | ||
2725 | } | ||
2726 | |||
2727 | div#loginProgress div.footer a { | ||
2728 | font-weight: bold; | ||
2729 | text-decoration: none; | ||
2730 | text-align: center; | ||
2731 | color: #787872; | ||
2732 | display: block; | ||
2733 | font-size: 11pt; | ||
2734 | width: 100px; | ||
2735 | margin-top: 13px; | ||
2736 | margin-left: auto; | ||
2737 | margin-right: auto; | ||
2738 | } | ||
2739 | |||
2740 | div#loginProgress div.footer a:hover { | ||
2741 | color: #515247; | ||
2742 | } | ||
2743 | |||
2744 | */ | ||
2745 | |||
2746 | /* @end */ | ||
2747 | |||
2748 | |||
2749 | |||
2750 | div#modalDialogMask, | ||
2751 | div.modalDialogMask { | ||
2752 | z-index: 20000; | ||
2753 | /* position: absolute;*/ | ||
2754 | position: fixed; | ||
2755 | top:0; | ||
2756 | left:0; | ||
2757 | -moz-opacity: 0.5; | ||
2758 | opacity: .50; | ||
2759 | filter: alpha(opacity=50); | ||
2760 | /* background-color: #cccccc;*/ | ||
2761 | background-color: #000000; | ||
2762 | width: 100%; | ||
2763 | height: 100%; | ||
2764 | zoom: 1; | ||
2765 | } | ||
2766 | |||
2767 | div#modalDialogFrame, | ||
2768 | div.modalDialogFrame { | ||
2769 | position: absolute; | ||
2770 | /* border: 1px solid white;*/ | ||
2771 | -moz-opacity: 0.5; | ||
2772 | opacity: .50; | ||
2773 | filter: alpha(opacity=50); | ||
2774 | background-color: #333333; | ||
2775 | z-index: 20001; | ||
2776 | |||
2777 | -webkit-border-radius: 20px; | ||
2778 | -moz-border-radius: 20px; | ||
2779 | border-radius: 20px; | ||
2780 | } | ||
2781 | |||
2782 | div#modalDialog, | ||
2783 | div.modalDialog { | ||
2784 | z-index: 20001; | ||
2785 | } | ||
2786 | |||
2787 | /*div#modalDialog.scrollable,*/ | ||
2788 | div.modalDialog.scrollable { | ||
2789 | position: absolute; | ||
2790 | top: 0; | ||
2791 | left: 50%; | ||
2792 | } | ||
2793 | |||
2794 | /*div#modalDialog.fixed,*/ | ||
2795 | div.modalDialog.fixed { | ||
2796 | position: fixed; | ||
2797 | top: 40%; | ||
2798 | left: 50%; | ||
2799 | } | ||
2800 | |||
2801 | div#modalDialog div, | ||
2802 | div.modalDialog div { | ||
2803 | z-index: 20002; | ||
2804 | list-style-type: circle; | ||
2805 | } | ||
2806 | |||
2807 | |||
2808 | |||
2809 | div.modalDialogMask.simpleMessagePanelMask { | ||
2810 | z-index: 20010; | ||
2811 | } | ||
2812 | |||
2813 | div.modalDialogFrame.simpleMessagePanelMask { | ||
2814 | z-index: 20011; | ||
2815 | } | ||
2816 | |||
2817 | div.modalDialog.simpleMessagePanelMask { | ||
2818 | z-index: 20011; | ||
2819 | } | ||
2820 | |||
2821 | div.modalDialog.simpleMessagePanelMask div { | ||
2822 | z-index: 20012; | ||
2823 | } | ||
2824 | |||
2825 | |||
2826 | /* @group Bookmarklet */ | ||
2827 | |||
2828 | div.bookmarklet { | ||
2829 | } | ||
2830 | |||
2831 | div.bookmarklet div.bookmarklet_link { | ||
2832 | /* | ||
2833 | padding-top: 5px; | ||
2834 | padding-left: 4px; | ||
2835 | padding-right: 3px; | ||
2836 | |||
2837 | float: right; | ||
2838 | margin-top: 12px; | ||
2839 | margin-right: 13px; | ||
2840 | */ | ||
2841 | height: 34px; | ||
2842 | } | ||
2843 | |||
2844 | div.bookmarklet div.bookmarklet_link a { | ||
2845 | color: #838975; | ||
2846 | text-decoration: none; | ||
2847 | font-weight: bold; | ||
2848 | font-size: 10pt; | ||
2849 | /* | ||
2850 | display: block; | ||
2851 | text-align: right; | ||
2852 | padding-top: 7px; | ||
2853 | padding-right: 11px; | ||
2854 | padding-bottom: 6px; | ||
2855 | */ | ||
2856 | } | ||
2857 | |||
2858 | div.bookmarklet div.bookmarklet_link a div.icon { | ||
2859 | background: url(../images/old/bookmarklet/placeholder_icon.png) no-repeat 0 0; | ||
2860 | float: left; | ||
2861 | width: 34px; | ||
2862 | height: 34px; | ||
2863 | } | ||
2864 | |||
2865 | div.bookmarklet div.bookmarklet_link a:hover div.icon { | ||
2866 | background: url(../images/old/bookmarklet/placeholder_selected_icon.png) no-repeat 0 0; | ||
2867 | } | ||
2868 | |||
2869 | div.bookmarklet div.bookmarklet_link a div.text { | ||
2870 | display: block; | ||
2871 | float: right; | ||
2872 | background: url(../images/old/bookmarklet/placeholder.png) no-repeat right 0; | ||
2873 | white-space: nowrap; | ||
2874 | height: 34px; | ||
2875 | } | ||
2876 | |||
2877 | div.bookmarklet div.bookmarklet_link a:hover div.text { | ||
2878 | background: url(../images/old/bookmarklet/placeholder_selected.png) no-repeat right 0; | ||
2879 | } | ||
2880 | div.bookmarklet div.bookmarklet_link a div.text span { | ||
2881 | display: block; | ||
2882 | padding-top: 10px; | ||
2883 | padding-right: 10px; | ||
2884 | padding-left: 6px; | ||
2885 | |||
2886 | clear: both; | ||
2887 | } | ||
2888 | |||
2889 | /* @end */ | ||
2890 | |||
2891 | /* @group Tooltip */ | ||
2892 | |||
2893 | /* | ||
2894 | div#Clipperz_PM_UI_Common_Components_Tooltip_wrapperNode { | ||
2895 | position: absolute; | ||
2896 | top: 0px; | ||
2897 | left: 0px; | ||
2898 | } | ||
2899 | */ | ||
2900 | |||
2901 | div.tooltip { | ||
2902 | position: absolute; | ||
2903 | z-index: 30001; | ||
2904 | } | ||
2905 | |||
2906 | |||
2907 | div.tooltip div.tooltip_body { | ||
2908 | position: absolute; | ||
2909 | } | ||
2910 | |||
2911 | div.tooltip div.tooltip_arrow { | ||
2912 | position: absolute; | ||
2913 | } | ||
2914 | |||
2915 | div.tooltip.BELOW div.tooltip_arrow { | ||
2916 | background: url(../images/old/tooltips/top_arrow.png) no-repeat; | ||
2917 | } | ||
2918 | |||
2919 | div.tooltip.ABOVE div.tooltip_arrow { | ||
2920 | background: url(../images/old/tooltips/bottom_arrow.png) no-repeat; | ||
2921 | } | ||
2922 | |||
2923 | div.tooltip.LEFT div.tooltip_arrow { | ||
2924 | background: url(../images/old/tooltips/right_arrow.png) no-repeat; | ||
2925 | } | ||
2926 | |||
2927 | div.tooltip.RIGHT div.tooltip_arrow { | ||
2928 | /* margin-top: 7px;*/ | ||
2929 | background: url(../images/old/tooltips/left_arrow.png) no-repeat; | ||
2930 | } | ||
2931 | div.tooltip.RIGHT div.tooltip_body { | ||
2932 | /* padding-left: 13px;*/ | ||
2933 | } | ||
2934 | |||
2935 | |||
2936 | div.tooltip div.tooltip_body div.tooltip_text { | ||
2937 | width: 171px; | ||
2938 | background: url(../images/old/tooltips/body.png) no-repeat center top; | ||
2939 | } | ||
2940 | |||
2941 | div.tooltip.LEFT div.tooltip_body div.tooltip_text, | ||
2942 | div.tooltip.RIGHT div.tooltip_body div.tooltip_text { | ||
2943 | min-height: 45px; | ||
2944 | } | ||
2945 | |||
2946 | div.tooltip div.tooltip_body span { | ||
2947 | display: block; | ||
2948 | padding: 10px; | ||
2949 | padding-bottom: 4px; | ||
2950 | font-size: 10pt; | ||
2951 | color: white; | ||
2952 | } | ||
2953 | |||
2954 | div.tooltip div.tooltip_footer { | ||
2955 | height: 7px; | ||
2956 | background: url(../images/old/tooltips/body_bottom.png) no-repeat; | ||
2957 | } | ||
2958 | |||
2959 | /* @end */ | ||
2960 | |||
2961 | /* @group News */ | ||
2962 | /* | ||
2963 | div#news { | ||
2964 | top: 11px; | ||
2965 | left: 240px; | ||
2966 | width: 353px; | ||
2967 | height: 85px; | ||
2968 | padding-top: 4px; | ||
2969 | position: absolute; | ||
2970 | overflow: hidden; | ||
2971 | background: url(../images/old/note.png) 1px 3px; | ||
2972 | } | ||
2973 | |||
2974 | div#news.hidden { | ||
2975 | display: none; | ||
2976 | } | ||
2977 | |||
2978 | div#news div.close { | ||
2979 | display: inline; | ||
2980 | margin-top: 6px; | ||
2981 | margin-left: 17px; | ||
2982 | float: left; | ||
2983 | width: 15px; | ||
2984 | } | ||
2985 | |||
2986 | div#news div.close a { | ||
2987 | text-decoration: none; | ||
2988 | color: #929c1b; | ||
2989 | } | ||
2990 | |||
2991 | div#news div.close a:hover { | ||
2992 | text-decoration: none; | ||
2993 | color: #3d420b; | ||
2994 | } | ||
2995 | |||
2996 | div#news div#newsframe { | ||
2997 | display: block; | ||
2998 | overflow: hidden; | ||
2999 | width: 305px; | ||
3000 | height: 70px; | ||
3001 | } | ||
3002 | |||
3003 | div#news div#newsframe iframe { | ||
3004 | border: 0px; | ||
3005 | } | ||
3006 | */ | ||
3007 | /* --------------------------------------- */ | ||
3008 | |||
3009 | div#news { | ||
3010 | top: -82px; | ||
3011 | left: 240px; | ||
3012 | width: 310px; | ||
3013 | height: 90px; | ||
3014 | position: absolute; | ||
3015 | /*background: url(../images/old/tips/Tips_background.png) 0 -5px; */ | ||
3016 | |||
3017 | background-color: #616474; | ||
3018 | |||
3019 | -webkit-border-bottom-right-radius: 8px; | ||
3020 | -webkit-border-bottom-left-radius: 8px; | ||
3021 | -moz-border-radius-bottomright: 8px; | ||
3022 | -moz-border-radius-bottomleft: 8px; | ||
3023 | border-bottom-right-radius: 8px; | ||
3024 | border-bottom-left-radius: 8px; | ||
3025 | |||
3026 | -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
3027 | -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
3028 | box-shadow: 2px 2px 9px rgba(0,0,0,0.6); | ||
3029 | } | ||
3030 | /* | ||
3031 | div#news.open { | ||
3032 | background: url(../images/old/tips/Tips_open.png) 0 -5px; | ||
3033 | } | ||
3034 | |||
3035 | div#news.hidden { | ||
3036 | background: url(../images/old/tips/Tips_close.png) 0 -5px; | ||
3037 | } | ||
3038 | */ | ||
3039 | div#news div#newsframe { | ||
3040 | margin-left: 10px; | ||
3041 | margin-right: 10px; | ||
3042 | height: 75px; | ||
3043 | overflow: hidden; | ||
3044 | } | ||
3045 | |||
3046 | div#news div#newsframe.loading { | ||
3047 | background: url(../images/old/loading/news.gif) no-repeat center center; | ||
3048 | } | ||
3049 | |||
3050 | div#news div#newsframe iframe { | ||
3051 | width: 290px; | ||
3052 | border: 0px; | ||
3053 | color: #616474; | ||
3054 | background-color: #616474; | ||
3055 | } | ||
3056 | |||
3057 | div#news div.grip { | ||
3058 | width: 310px; | ||
3059 | height: 12px; | ||
3060 | margin-top: 2px; | ||
3061 | cursor: pointer; | ||
3062 | } | ||
3063 | |||
3064 | div#news.open div.grip { | ||
3065 | background: url(../images/old/tips/close.png) no-repeat center 6px; | ||
3066 | } | ||
3067 | |||
3068 | div#news.hidden div.grip { | ||
3069 | background: url(../images/old/tips/open.png) no-repeat center 6px; | ||
3070 | } | ||
3071 | |||
3072 | /* @end */ | ||
3073 | |||
3074 | /* @group mainDialog */ | ||
3075 | div.mainDialog { | ||
3076 | position: relative; | ||
3077 | left: -263px; | ||
3078 | width: 525px; | ||
3079 | height: 325px; | ||
3080 | } | ||
3081 | |||
3082 | div.scrollable div.mainDialog { | ||
3083 | top: 0px; | ||
3084 | } | ||
3085 | |||
3086 | div.fixed div.mainDialog { | ||
3087 | top: -118px; | ||
3088 | } | ||
3089 | |||
3090 | div.mainDialog div.header { | ||
3091 | height: 55px; | ||
3092 | background: url(../images/old/cardDialog/background_header.png) no-repeat; | ||
3093 | } | ||
3094 | |||
3095 | div.mainDialog div.header div.title { | ||
3096 | padding-top: 16px; | ||
3097 | padding-left: 20px; | ||
3098 | padding-right: 20px; | ||
3099 | } | ||
3100 | |||
3101 | div.mainDialog div.header div.title input { | ||
3102 | width: 100%; | ||
3103 | display: block; | ||
3104 | font-size: 16pt; | ||
3105 | margin: 0px; | ||
3106 | border: 0px; | ||
3107 | padding: 3px 10px; | ||
3108 | color: #787872; | ||
3109 | border: 1px solid #cccec0; | ||
3110 | background-color: #cccec0; | ||
3111 | } | ||
3112 | |||
3113 | div.mainDialog div.header div.title h3 { | ||
3114 | display: block; | ||
3115 | font-size: 16pt; | ||
3116 | color: #787872; | ||
3117 | margin: 0px; | ||
3118 | border: 0px; | ||
3119 | padding: 3px 10px; | ||
3120 | } | ||
3121 | |||
3122 | div.mainDialog div.header div.title.selectedField input, | ||
3123 | div.mainDialog div.header div.title:hover input { | ||
3124 | border: 1px solid #515247; | ||
3125 | background-color: #b5b7ab; | ||
3126 | } | ||
3127 | |||
3128 | div.mainDialog div.header div.title.disabled:hover input { | ||
3129 | border: 1px solid #cccec0; | ||
3130 | background-color: #cccec0; | ||
3131 | } | ||
3132 | |||
3133 | div.mainDialog div.body { | ||
3134 | padding-top: 0px; | ||
3135 | padding-left: 10px; | ||
3136 | padding-right: 9px; | ||
3137 | min-height: 200px; | ||
3138 | background: url(../images/old/cardDialog/background_body.png) repeat-y; | ||
3139 | } | ||
3140 | |||
3141 | div.mainDialog div.body div.mask { | ||
3142 | display: none; | ||
3143 | } | ||
3144 | |||
3145 | div.mainDialog.loading div.body div.mask { | ||
3146 | display: block; | ||
3147 | position: absolute; | ||
3148 | top: 55px; | ||
3149 | left: 10px; | ||
3150 | right: 9px; | ||
3151 | bottom: 70px; | ||
3152 | z-index:1001; | ||
3153 | background-color: white; | ||
3154 | padding-left: 146px; | ||
3155 | padding-right: 146px; | ||
3156 | padding-top: 70px; | ||
3157 | } | ||
3158 | |||
3159 | div.mainDialog.loading div.body .tabPanels { | ||
3160 | display: none; | ||
3161 | } | ||
3162 | |||
3163 | div.mainDialog.loading div.body div.mask h3.progressDescription { | ||
3164 | margin: 0px; | ||
3165 | text-align: center; | ||
3166 | padding-bottom: 10px; | ||
3167 | color: #cccec0; | ||
3168 | font-size: 14pt; | ||
3169 | font-weight: normal; | ||
3170 | } | ||
3171 | |||
3172 | div.loadingBar { | ||
3173 | height: 22px; | ||
3174 | width: 214px; | ||
3175 | background: url(../images/old/loading/loadingBar.gif) no-repeat center top; | ||
3176 | } | ||
3177 | |||
3178 | div.loadingBar div.loadingBarProgressBox { | ||
3179 | padding: 2px; | ||
3180 | } | ||
3181 | |||
3182 | div.loadingBar div.loadingBarProgress { | ||
3183 | height:18px; | ||
3184 | width: 0%; | ||
3185 | /* background-repeat: no-repeat;*/ | ||
3186 | background-color: rgba(248,79,0,0.6); | ||
3187 | -webkit-border-radius: 9px; | ||
3188 | -moz-border-radius: 9px; | ||
3189 | border-radius: 9px; | ||
3190 | } | ||
3191 | |||
3192 | /* | ||
3193 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { | ||
3194 | height: 100%; | ||
3195 | max-width: 8px; | ||
3196 | background: url(../images/old/loading/loadingBarProgress.png) no-repeat 0; | ||
3197 | } | ||
3198 | |||
3199 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { | ||
3200 | position: relative; | ||
3201 | height: 100%; | ||
3202 | margin-left: 8px; | ||
3203 | background: url(../images/old/loading/loadingBarProgress.png) no-repeat right; | ||
3204 | top: -22px; | ||
3205 | } | ||
3206 | */ | ||
3207 | |||
3208 | div.mainDialog div.body div ul { | ||
3209 | padding: 0px; | ||
3210 | clear: both; | ||
3211 | margin: 0px; | ||
3212 | list-style-type: none; | ||
3213 | } | ||
3214 | |||
3215 | div.mainDialog div.body div.tabs { | ||
3216 | height: 20px; | ||
3217 | } | ||
3218 | |||
3219 | div.mainDialog div.body div.tabs ul.tabs { | ||
3220 | height: 33px; | ||
3221 | /*border-bottom: 1px solid #515247;*/ | ||
3222 | /*background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px;*/ | ||
3223 | background: url(../images/old/cardDialog/tabs_background.png) repeat-x; | ||
3224 | } | ||
3225 | |||
3226 | div.mainDialog div.body div.tabs ul.tabs li { | ||
3227 | /* width: 150px;*/ | ||
3228 | height: 32px; | ||
3229 | font-size: 11pt; | ||
3230 | text-align: center; | ||
3231 | border-right: 1px solid #515247; | ||
3232 | float: left; | ||
3233 | color: #787872; | ||
3234 | border-bottom: 1px solid #515247; | ||
3235 | |||
3236 | background: #cccec0 url(../images/old/cardDialog/tabs_shadow.png) repeat-x 0 -5px; | ||
3237 | cursor: pointer; | ||
3238 | } | ||
3239 | |||
3240 | div.mainDialog div.body div.tabs ul.tabs li div { | ||
3241 | display: none; | ||
3242 | } | ||
3243 | |||
3244 | div.mainDialog div.body div.tabs ul.tabs li span { | ||
3245 | display: block; | ||
3246 | padding-top: 9px; | ||
3247 | padding-bottom: 6px; | ||
3248 | padding-left: 40px; | ||
3249 | padding-right: 40px; | ||
3250 | } | ||
3251 | |||
3252 | div.mainDialog div.body div.tabs ul.tabs li:hover { | ||
3253 | color: #515247; | ||
3254 | } | ||
3255 | |||
3256 | div.mainDialog div.body div.tabs ul.tabs li.disabled:hover { | ||
3257 | color: #787872; | ||
3258 | cursor: default; | ||
3259 | } | ||
3260 | |||
3261 | div.mainDialog div.body div.tabs ul.tabs li.selected { | ||
3262 | color: #515247; | ||
3263 | background-color: #f1f2e9; | ||
3264 | border-bottom: 1px solid #f1f2e9; | ||
3265 | cursor: default; | ||
3266 | } | ||
3267 | |||
3268 | div.mainDialog div.body div.tabs ul.tabs li.selected.disabled:hover { | ||
3269 | color: #515247; | ||
3270 | } | ||
3271 | |||
3272 | div.mainDialog div.body div.tabs ul.tabs li.selected div.backToDirectLoginList { | ||
3273 | position: absolute; | ||
3274 | display: block; | ||
3275 | top: 63px; | ||
3276 | left: 140; | ||
3277 | width: 20px; | ||
3278 | } | ||
3279 | |||
3280 | div.mainDialog div.body div.tabs ul.tabs li.selected div.addDirectLoginButton { | ||
3281 | position: absolute; | ||
3282 | display: block; | ||
3283 | top: 63px; | ||
3284 | left: 265px; | ||
3285 | |||
3286 | width: 20px; | ||
3287 | } | ||
3288 | |||
3289 | div.mainDialog div.body div.tabs ul.tabs li.selected div span { | ||
3290 | padding: 0px; | ||
3291 | margin: 0px; | ||
3292 | } | ||
3293 | |||
3294 | div.mainDialog div.body div.tabs ul.tabs li.selected div:hover { | ||
3295 | cursor: pointer; | ||
3296 | } | ||
3297 | |||
3298 | div.mainDialog div.body .tabPanels { | ||
3299 | clear: both; | ||
3300 | } | ||
3301 | |||
3302 | div.mainDialog div.body ul.tabPanels li.tabPanel { | ||
3303 | display: none; | ||
3304 | } | ||
3305 | |||
3306 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected { | ||
3307 | display: block; | ||
3308 | } | ||
3309 | |||
3310 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected h2 { | ||
3311 | margin: 0px; | ||
3312 | text-align: center; | ||
3313 | padding-top: 50px; | ||
3314 | color: #787872; | ||
3315 | } | ||
3316 | |||
3317 | div.mainDialog div.body ul.tabPanels li.tabPanel.selected div.wizardStepDescription { | ||
3318 | margin: 0px 20px 10px; | ||
3319 | font-size: 10pt; | ||
3320 | color: b0b0b0; | ||
3321 | font-style: italic; | ||
3322 | text-align: center; | ||
3323 | } | ||
3324 | |||
3325 | div.mainDialog div.footer { | ||
3326 | height: 70px; | ||
3327 | background: url(../images/old/cardDialog/background_footer.png) no-repeat 0 -14px; | ||
3328 | } | ||
3329 | |||
3330 | div.mainDialog div.footer div.buttonArea { | ||
3331 | padding-left: 40px; | ||
3332 | padding-right: 40px; | ||
3333 | padding-top: 15px; | ||
3334 | } | ||
3335 | |||
3336 | div.mainDialog div.footer div.buttonArea div { | ||
3337 | padding-left: 20px; | ||
3338 | padding-right: 20px; | ||
3339 | float: left; | ||
3340 | |||
3341 | font-weight: bold; | ||
3342 | color: #787872; | ||
3343 | } | ||
3344 | |||
3345 | div.mainDialog div.footer div.buttonArea div.disabled { | ||
3346 | color: #b1b1a8; | ||
3347 | } | ||
3348 | |||
3349 | div.mainDialog div.footer div.buttonArea div.disabled:hover { | ||
3350 | color: #b1b1a8; | ||
3351 | cursor: default; | ||
3352 | } | ||
3353 | |||
3354 | div.mainDialog div.footer div.buttonArea div:hover { | ||
3355 | color: #515247; | ||
3356 | cursor: pointer; | ||
3357 | } | ||
3358 | |||
3359 | div.mainDialog div.footer div.buttonArea div.save { | ||
3360 | float: right; | ||
3361 | } | ||
3362 | |||
3363 | |||
3364 | /* @end */ | ||
3365 | |||
3366 | /* @group Card Dialog */ | ||
3367 | |||
3368 | div.addDirectLoginButton { | ||
3369 | height: 20px; | ||
3370 | width: 20px; | ||
3371 | background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat -9px -9px; | ||
3372 | color: white; | ||
3373 | font-weight: bold; | ||
3374 | } | ||
3375 | |||
3376 | div.addDirectLoginButton span { | ||
3377 | display: block; | ||
3378 | height: 20px; | ||
3379 | width: 20px; | ||
3380 | } | ||
3381 | |||
3382 | div.addDirectLoginButton:hover { | ||
3383 | background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat -9px -9px; | ||
3384 | } | ||
3385 | |||
3386 | /* @group Card Dialog - Direct Login */ | ||
3387 | |||
3388 | div.directLoginsComponentContainer { | ||
3389 | overflow: hidden; | ||
3390 | /* background-color: green;*/ | ||
3391 | } | ||
3392 | |||
3393 | div.CardDialog div.directLogins { | ||
3394 | /* background-color: yellow;*/ | ||
3395 | padding-top: 2px; | ||
3396 | } | ||
3397 | |||
3398 | div.CardDialog div.addNewDirectLoginSplash { | ||
3399 | margin: 0px 80px; | ||
3400 | } | ||
3401 | |||
3402 | div.CardDialog div.addNewDirectLoginSplash h3 { | ||
3403 | color: #aaaaaa; | ||
3404 | text-align: center; | ||
3405 | font-weight: normal; | ||
3406 | font-size: 11pt; | ||
3407 | } | ||
3408 | |||
3409 | div.CardDialog div.addNewDirectLoginSplash a { | ||
3410 | display: block; | ||
3411 | text-decoration: none; | ||
3412 | margin-left: auto; | ||
3413 | margin-right: auto; | ||
3414 | width: 190px; | ||
3415 | /* color: #787878;*/ | ||
3416 | color: rgba(255,98,6,0.75); | ||
3417 | text-transform: uppercase; | ||
3418 | background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat right; | ||
3419 | } | ||
3420 | |||
3421 | div.CardDialog div.addNewDirectLoginSplash a span { | ||
3422 | text-align: center; | ||
3423 | } | ||
3424 | |||
3425 | div.CardDialog div.addNewDirectLoginSplash a:hover { | ||
3426 | color: #ff6206; | ||
3427 | background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat right; | ||
3428 | } | ||
3429 | |||
3430 | div.CardDialog div.directLoginItem { | ||
3431 | clear: both; | ||
3432 | min-height: 32px; | ||
3433 | padding-left: 10px; | ||
3434 | padding-top: 4px; | ||
3435 | padding-bottom: 2px; | ||
3436 | |||
3437 | /* width: 100px;*/ | ||
3438 | max-height: 32px; | ||
3439 | overflow: hidden; | ||
3440 | } | ||
3441 | |||
3442 | div.CardDialog div.directLoginItem:hover { | ||
3443 | background-color: #cccec0; | ||
3444 | } | ||
3445 | |||
3446 | div.CardDialog div.addDirectLoginListItem { | ||
3447 | min-height: 32px; | ||
3448 | padding-left: 10px; | ||
3449 | padding-top: 4px; | ||
3450 | padding-bottom: 2px; | ||
3451 | |||
3452 | max-height: 32px; | ||
3453 | overflow: hidden; | ||
3454 | |||
3455 | background: url(../images/old/cardDialog/addDirectLogin_disabled_background.png) no-repeat 22px 0; | ||
3456 | } | ||
3457 | |||
3458 | div.CardDialog div.addDirectLoginListItem a { | ||
3459 | display: block; | ||
3460 | font-size: 11pt; | ||
3461 | padding-top: 6px; | ||
3462 | padding-left: 50px; | ||
3463 | color: rgba(255,98,6,0.75); | ||
3464 | text-decoration: none; | ||
3465 | text-transform: uppercase; | ||
3466 | } | ||
3467 | |||
3468 | div.CardDialog div.addDirectLoginListItem:hover { | ||
3469 | background: url(../images/old/cardDialog/addDirectLogin_background.png) no-repeat 22px 0; | ||
3470 | color: #ff6206; | ||
3471 | background-color: #cccec0; | ||
3472 | } | ||
3473 | |||
3474 | div.CardDialog div.addDirectLoginListItem:hover { | ||
3475 | } | ||
3476 | |||
3477 | |||
3478 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_favicon img.favicon { | ||
3479 | width: 32px; | ||
3480 | height: 32px; | ||
3481 | float: left; | ||
3482 | } | ||
3483 | div.CardDialog div.directLoginItem div.cardDialogRecordDirectLoginComponent_label input { | ||
3484 | float: left; | ||
3485 | font-size: 11pt; | ||
3486 | border: 0px; | ||
3487 | padding: 5px; | ||
3488 | color: #787872; | ||
3489 | border: 1px solid #ededeb; | ||
3490 | background-color: #ededeb; | ||
3491 | height: 30px; | ||
3492 | margin-left: 10px; | ||
3493 | width: 68%; | ||
3494 | margin-right: 5px; | ||
3495 | } | ||
3496 | |||
3497 | div.CardDialog div.directLoginItem:hover div.cardDialogRecordDirectLoginComponent_label input { | ||
3498 | border: 1px solid #515247; | ||
3499 | background-color: #b5b7ab; | ||
3500 | } | ||
3501 | |||
3502 | div.CardDialog div.directLoginItem > div.open { | ||
3503 | float: left; | ||
3504 | margin-top: 5px; | ||
3505 | margin-right: 2px; | ||
3506 | padding-left: 5px; | ||
3507 | visibility: hidden; | ||
3508 | } | ||
3509 | |||
3510 | div.CardDialog div.directLoginItem > div.edit, | ||
3511 | div.CardDialog div.directLoginItem > div.delete { | ||
3512 | float: left; | ||
3513 | margin-top: 5px; | ||
3514 | margin-left: 3px; | ||
3515 | padding-left: 5px; | ||
3516 | visibility: hidden; | ||
3517 | } | ||
3518 | |||
3519 | div.CardDialog div.directLoginItem > div.open a { | ||
3520 | display: block; | ||
3521 | width: 22px; | ||
3522 | height: 22px; | ||
3523 | background: url(../images/old/cardDialog/openDirectLogin.png) no-repeat 0 -2px; | ||
3524 | } | ||
3525 | |||
3526 | div.CardDialog div.directLoginItem > div.open a:hover { | ||
3527 | background: url(../images/old/cardDialog/openDirectLogin_selected.png) no-repeat 0 -2px; | ||
3528 | } | ||
3529 | |||
3530 | div.CardDialog div.directLoginItem:hover > div.open, | ||
3531 | div.CardDialog div.directLoginItem:hover > div.edit, | ||
3532 | div.CardDialog div.directLoginItem:hover > div.delete { | ||
3533 | visibility: visible; | ||
3534 | } | ||
3535 | |||
3536 | div.CardDialog div.directLoginItem div.edit span { | ||
3537 | padding-right: 6px; | ||
3538 | display: block; | ||
3539 | } | ||
3540 | |||
3541 | div.CardDialog div.directLoginItem div.open span a, | ||
3542 | div.CardDialog div.directLoginItem div.edit span a, | ||
3543 | div.CardDialog div.directLoginItem div.delete span a { | ||
3544 | font-size: 8pt; | ||
3545 | color: #666666; | ||
3546 | text-decoration: none; | ||
3547 | line-height: 19px; | ||
3548 | } | ||
3549 | |||
3550 | div.CardDialog div.directLoginItem div.edit:hover { | ||
3551 | background: url(../images/old/new_background_left.png) no-repeat; | ||
3552 | } | ||
3553 | |||
3554 | div.CardDialog div.directLoginItem div:hover span a { | ||
3555 | color: white; | ||
3556 | } | ||
3557 | |||
3558 | div.CardDialog div.directLoginItem div.edit:hover span { | ||
3559 | background: url(../images/old/new_background.png) no-repeat right center; | ||
3560 | } | ||
3561 | |||
3562 | div.CardDialog div.directLoginItem div.delete:hover { | ||
3563 | background: url(../images/old/delete_background_left.png) no-repeat; | ||
3564 | } | ||
3565 | |||
3566 | div.CardDialog div.directLoginItem div.delete:hover span { | ||
3567 | background: url(../images/old/delete_background.png) right; | ||
3568 | } | ||
3569 | |||
3570 | /* @group Direct Login Editing */ | ||
3571 | |||
3572 | div.CardDialog div.directLoginEditDetail { | ||
3573 | position: relative; | ||
3574 | /* background-color: red;*/ | ||
3575 | } | ||
3576 | |||
3577 | /* | ||
3578 | div.CardDialog div.directLoginEditDetail div.back { | ||
3579 | float: left; | ||
3580 | width: 30px; | ||
3581 | } | ||
3582 | |||
3583 | div.CardDialog div.directLoginEditDetail div.back a { | ||
3584 | display: block; | ||
3585 | padding: 5px; | ||
3586 | text-decoration: none; | ||
3587 | font-weight: bold; | ||
3588 | font-size: 14pt; | ||
3589 | color: #cccec0; | ||
3590 | |||
3591 | background: url(../images/old/cardDialog/back.png) no-repeat 5px 14px; | ||
3592 | width: 20px; | ||
3593 | height: 200px; | ||
3594 | } | ||
3595 | |||
3596 | div.CardDialog div.directLoginEditDetail div.back a:hover { | ||
3597 | color: #7f7872; | ||
3598 | background: url(../images/old/cardDialog/back_selected.png) no-repeat 5px 14px; | ||
3599 | } | ||
3600 | */ | ||
3601 | |||
3602 | |||
3603 | form.directLoginEditingForm div.title, | ||
3604 | form.directLoginEditingForm div.favicon { | ||
3605 | padding: 5px 10px; | ||
3606 | } | ||
3607 | |||
3608 | form.directLoginEditingForm div.title.disabled:hover { | ||
3609 | background-color: #f1f2e9; | ||
3610 | } | ||
3611 | |||
3612 | form.directLoginEditingForm div.title:hover, | ||
3613 | form.directLoginEditingForm div.favicon:hover { | ||
3614 | background-color: #cccec0; | ||
3615 | } | ||
3616 | |||
3617 | form.directLoginEditingForm div.title input { | ||
3618 | /* width: 100%; */ | ||
3619 | margin: 0px; | ||
3620 | margin-left: 10px; | ||
3621 | width: 440px; | ||
3622 | } | ||
3623 | |||
3624 | form.directLoginEditingForm div.favicon { | ||
3625 | padding-left: 10px; | ||
3626 | } | ||
3627 | |||
3628 | /*form.directLoginEditingForm div.favicon img.favicon {*/ | ||
3629 | form.directLoginEditingForm img.favicon { | ||
3630 | float: left; | ||
3631 | width: 32px; | ||
3632 | height: 32px; | ||
3633 | } | ||
3634 | |||
3635 | form.directLoginEditingForm div.favicon input { | ||
3636 | margin-top: 1px; | ||
3637 | width: 465px; | ||
3638 | } | ||
3639 | |||
3640 | form.directLoginEditingForm div.disabled:hover input, | ||
3641 | form.directLoginEditingForm div input { | ||
3642 | font-size: 11pt; | ||
3643 | border: 0px; | ||
3644 | padding: 5px; | ||
3645 | color: #787872; | ||
3646 | border: 1px solid #ededeb; | ||
3647 | background-color: #ededeb; | ||
3648 | height: 30px; | ||
3649 | } | ||
3650 | |||
3651 | form.directLoginEditingForm div:hover input { | ||
3652 | border: 1px solid #515247; | ||
3653 | background-color: #b5b7ab; | ||
3654 | } | ||
3655 | |||
3656 | /* @group Bindings */ | ||
3657 | |||
3658 | div.bindings div.binding > span.formFieldName { | ||
3659 | display: inline-block; | ||
3660 | width: 140px; | ||
3661 | overflow: hidden; | ||
3662 | margin-right: 10px; | ||
3663 | color: #6b5147; | ||
3664 | text-overflow:ellipsis; | ||
3665 | } | ||
3666 | |||
3667 | div.bindings div.binding { | ||
3668 | padding-bottom: 3px; | ||
3669 | } | ||
3670 | |||
3671 | div.bindings div.binding > input { | ||
3672 | margin-right: 10px; | ||
3673 | background: #cccec0; | ||
3674 | width: 150px; | ||
3675 | border: 1px solid #cccec0; | ||
3676 | } | ||
3677 | |||
3678 | div.bindings div.binding:hover > input { | ||
3679 | border: 1px solid #cccec0; | ||
3680 | } | ||
3681 | |||
3682 | div.bindings div.binding > select { | ||
3683 | font-size: 13pt; | ||
3684 | } | ||
3685 | |||
3686 | div.bindings div.binding span.fieldLock { | ||
3687 | display: inline-block; | ||
3688 | width: 20px; | ||
3689 | height: 20px; | ||
3690 | margin-right: 3px; | ||
3691 | } | ||
3692 | |||
3693 | div.bindings div.binding.showLocked input { | ||
3694 | background: url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3695 | /* color: black;*/ | ||
3696 | overflow: hidden; | ||
3697 | |||
3698 | background: #cccec0 url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3699 | color: rgba(237,237,235,0.1); | ||
3700 | } | ||
3701 | |||
3702 | div.bindings div.binding span.fieldLock a { | ||
3703 | display: none; | ||
3704 | } | ||
3705 | |||
3706 | div.bindings div.binding.locked span.fieldLock { | ||
3707 | } | ||
3708 | |||
3709 | div.bindings div.binding.locked span.fieldLock a { | ||
3710 | display: block; | ||
3711 | width: 20px; | ||
3712 | height: 20px; | ||
3713 | text-decoration: none; | ||
3714 | |||
3715 | background-image: url(../images/old/cardDialog/lock_open.png); | ||
3716 | } | ||
3717 | |||
3718 | div.bindings div.binding.locked.showLocked span.fieldLock a { | ||
3719 | background-image: url(../images/old/cardDialog/lock_closed.png); | ||
3720 | text-decoration: none; | ||
3721 | } | ||
3722 | |||
3723 | /* @end */ | ||
3724 | |||
3725 | /* @group FormValues */ | ||
3726 | |||
3727 | div.formValues { | ||
3728 | padding-top: 15px; | ||
3729 | } | ||
3730 | |||
3731 | div.formValues div.formValue div { | ||
3732 | margin: 0px; | ||
3733 | display: inline-block; | ||
3734 | } | ||
3735 | |||
3736 | div.formValues div.formValue > span.formFieldName { | ||
3737 | display: inline-table; | ||
3738 | width: 160px; | ||
3739 | overflow: hidden; | ||
3740 | margin-right: 10px; | ||
3741 | color: #6b5147; | ||
3742 | } | ||
3743 | |||
3744 | /* @end */ | ||
3745 | |||
3746 | |||
3747 | /* @group FormValues */ | ||
3748 | /* | ||
3749 | div.formValues { | ||
3750 | padding-top: 15px; | ||
3751 | } | ||
3752 | |||
3753 | div.formValues div.formValue > span.formFieldName { | ||
3754 | display: inline-table; | ||
3755 | width: 150px; | ||
3756 | overflow: hidden; | ||
3757 | margin-right: 35px; | ||
3758 | color: #6b5147; | ||
3759 | } | ||
3760 | |||
3761 | div.formValues div.formValue > select { | ||
3762 | padding-left: 20px; | ||
3763 | } | ||
3764 | */ | ||
3765 | /* @end */ | ||
3766 | |||
3767 | /* @group Panels */ | ||
3768 | |||
3769 | div.directLoginEditing { | ||
3770 | padding-top: 2px; | ||
3771 | } | ||
3772 | |||
3773 | div.directLoginEditing div.tabContainer { | ||
3774 | min-height: 150px; | ||
3775 | height: 200px; | ||
3776 | } | ||
3777 | |||
3778 | div.directLoginEditing div.tabContainer > ul.tabs { | ||
3779 | display: none; | ||
3780 | } | ||
3781 | |||
3782 | /* | ||
3783 | div.directLoginEditing li.configuration, | ||
3784 | div.directLoginEditing li.bindings, | ||
3785 | div.directLoginEditing li.favicon { | ||
3786 | padding: 10px; | ||
3787 | } | ||
3788 | */ | ||
3789 | div.directLoginEditing li { | ||
3790 | padding: 10px; | ||
3791 | } | ||
3792 | |||
3793 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper > textarea { | ||
3794 | float: left; | ||
3795 | width: 320px; | ||
3796 | height: 125px; | ||
3797 | font-family: monospace; | ||
3798 | font-weight: normal; | ||
3799 | font-size: 8pt; | ||
3800 | border: 1px solid #ccc; | ||
3801 | } | ||
3802 | |||
3803 | div.directLoginEditing li.configuration > .bookmarkletConfigurationWrapper .bookmarkletComponent { | ||
3804 | float: right; | ||
3805 | } | ||
3806 | |||
3807 | div.directLoginEditing li.configuration > textarea.error { | ||
3808 | border: 1px solid red; | ||
3809 | background-color: rgba(255,0,0,0.1); | ||
3810 | } | ||
3811 | |||
3812 | /* | ||
3813 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer { | ||
3814 | padding-top: 10px; | ||
3815 | } | ||
3816 | |||
3817 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li { | ||
3818 | float: left; | ||
3819 | padding-left: 10px; | ||
3820 | padding-right: 10px; | ||
3821 | display: block; | ||
3822 | font-size: 10pt; | ||
3823 | color: #787872; | ||
3824 | cursor: pointer; | ||
3825 | |||
3826 | height: 22px; | ||
3827 | text-align: center; | ||
3828 | border-right: 1px solid #aaa; | ||
3829 | border-bottom: 1px solid #aaa; | ||
3830 | border-top: 1px solid #aaa; | ||
3831 | |||
3832 | background-color: #cccec0; | ||
3833 | } | ||
3834 | |||
3835 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:first-child { | ||
3836 | border-left: 1px solid #aaa; | ||
3837 | } | ||
3838 | |||
3839 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs { | ||
3840 | height: 23px; | ||
3841 | padding-left: 10px; | ||
3842 | border-bottom: 1px solid #aaa; | ||
3843 | margin-left: 10px; | ||
3844 | margin-right: 10px; | ||
3845 | } | ||
3846 | |||
3847 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li > span { | ||
3848 | line-height: 23px; | ||
3849 | } | ||
3850 | |||
3851 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li.selected { | ||
3852 | color: #6a5147; | ||
3853 | cursor: default; | ||
3854 | border-bottom: 1px solid #f1f2e9; | ||
3855 | background-color: #f1f2e9; | ||
3856 | } | ||
3857 | |||
3858 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabs > li:hover { | ||
3859 | color: #6a5147; | ||
3860 | } | ||
3861 | |||
3862 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels { | ||
3863 | padding-bottom: 5px; | ||
3864 | margin-left: 10px; | ||
3865 | margin-right: 10px; | ||
3866 | } | ||
3867 | |||
3868 | div.directLoginEditing > form.directLoginEditingForm > div.tabContainer > ul.tabPanels > li.selected { | ||
3869 | border-bottom: 1px solid #aaa; | ||
3870 | border-left: 1px solid #aaa; | ||
3871 | border-right: 1px solid #aaa; | ||
3872 | } | ||
3873 | |||
3874 | div.directLoginEditing li.configuration { | ||
3875 | padding: 5px; | ||
3876 | } | ||
3877 | |||
3878 | div.directLoginEditing li.configuration > textarea { | ||
3879 | width: 100%; | ||
3880 | height: 100px; | ||
3881 | font-family: monospace; | ||
3882 | font-weight: normal; | ||
3883 | font-size: 8pt; | ||
3884 | } | ||
3885 | */ | ||
3886 | /* @end */ | ||
3887 | |||
3888 | /* @end */ | ||
3889 | |||
3890 | /* @end */ | ||
3891 | |||
3892 | /* @group Card Dialog FIELDS */ | ||
3893 | |||
3894 | div.CardDialog div.body { | ||
3895 | padding-bottom: 1px; | ||
3896 | } | ||
3897 | |||
3898 | div.CardDialog div.body table.fields { | ||
3899 | width: 100%; | ||
3900 | padding-top: 8px; | ||
3901 | padding-bottom: 1px; | ||
3902 | } | ||
3903 | |||
3904 | div.CardDialog div.body table.fields thead { | ||
3905 | background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 15px; | ||
3906 | } | ||
3907 | |||
3908 | div.CardDialog div.body table.fields tfoot { | ||
3909 | background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 bottom; | ||
3910 | } | ||
3911 | |||
3912 | div.CardDialog div.body table.fields thead th { | ||
3913 | text-align: left; | ||
3914 | font-weight: normal; | ||
3915 | font-size: 9pt; | ||
3916 | color: #787872; | ||
3917 | padding-left: 10px; | ||
3918 | padding-bottom: 3px; | ||
3919 | |||
3920 | /* | ||
3921 | border-bottom: 1px dotted; | ||
3922 | */ | ||
3923 | } | ||
3924 | |||
3925 | |||
3926 | div.CardDialog div.body table.fields thead th.fieldStateTH { | ||
3927 | width: 10px; | ||
3928 | } | ||
3929 | |||
3930 | div.CardDialog div.body table.fields thead th.fieldLabelTH { | ||
3931 | } | ||
3932 | |||
3933 | div.CardDialog div.body table.fields tbody td.fieldLabel input { | ||
3934 | width: 130px; | ||
3935 | } | ||
3936 | |||
3937 | div.CardDialog div.body table.fields thead th.fieldLockTH { | ||
3938 | width: 10px; | ||
3939 | } | ||
3940 | |||
3941 | |||
3942 | div.CardDialog div.body table.fields thead th.fieldValueTH { | ||
3943 | } | ||
3944 | |||
3945 | div.CardDialog div.body table.fields tbody td.fieldValue input { | ||
3946 | width: 280px; | ||
3947 | } | ||
3948 | |||
3949 | div.CardDialog div.body table.fields thead th.fieldActionTH { | ||
3950 | width: 30px; | ||
3951 | } | ||
3952 | |||
3953 | div.CardDialog div.body table.fields tbody td.fieldAction div { | ||
3954 | } | ||
3955 | |||
3956 | div.CardDialog div.body table.fields thead th.fieldDeleteTH { | ||
3957 | width: 40px; | ||
3958 | } | ||
3959 | |||
3960 | div.CardDialog div.body table.fields tbody tr:hover, | ||
3961 | div.CardDialog div.body table.fields tbody tr.selectedField { | ||
3962 | background-color: #cccec0; | ||
3963 | } | ||
3964 | |||
3965 | div.CardDialog div.body table.fields tbody tr td { | ||
3966 | font-size: 11pt; | ||
3967 | color: #787872; | ||
3968 | height: 35px; | ||
3969 | } | ||
3970 | |||
3971 | |||
3972 | div.CardDialog div.body table.fields tbody tr td input { | ||
3973 | font-size: 11pt; | ||
3974 | border: 0px; | ||
3975 | padding: 5px; | ||
3976 | color: #787872; | ||
3977 | border: 1px solid #ededeb; | ||
3978 | background-color: #ededeb; | ||
3979 | height: 30px; | ||
3980 | } | ||
3981 | /* | ||
3982 | div.CardDialog div.body table.fields tbody tr td.fieldValue div { | ||
3983 | margin-right: 10px; | ||
3984 | } | ||
3985 | |||
3986 | div.CardDialog div.body table.fields tbody tr td.fieldValue div input { | ||
3987 | width: 100%; | ||
3988 | } | ||
3989 | */ | ||
3990 | div.CardDialog div.body table.fields tbody tr td.fieldValue div.locked input { | ||
3991 | background: #ededeb url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
3992 | color: #ededeb; | ||
3993 | color: rgba(237,237,235,0.1); | ||
3994 | /* color: black;*/ | ||
3995 | /* line-height: 100px;*/ | ||
3996 | overflow: hidden; | ||
3997 | } | ||
3998 | |||
3999 | div.locked input.value::-moz-selection { | ||
4000 | background: #ff0000; | ||
4001 | } | ||
4002 | |||
4003 | div.locked input.value::selection { | ||
4004 | background: #ff0000; | ||
4005 | } | ||
4006 | |||
4007 | |||
4008 | div.CardDialog div.body table.fields tbody tr.new.selectedField td input, | ||
4009 | div.CardDialog div.body table.fields tbody tr.new:hover td input, | ||
4010 | div.CardDialog div.body table.fields tbody tr:hover td input, | ||
4011 | div.CardDialog div.body table.fields tbody tr.selectedField td input { | ||
4012 | border: 1px solid #515247; | ||
4013 | background-color: #b5b7ab; | ||
4014 | } | ||
4015 | |||
4016 | div.CardDialog div.body table.fields tbody tr:hover td.fieldValue div.locked input, | ||
4017 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldValue div.locked input { | ||
4018 | background: #b5b7ab url(../images/old/cardDialog/password_background.png) no-repeat 2px 3px; | ||
4019 | color: #b5b7ab; | ||
4020 | color: rgba(237,237,235,0.1); | ||
4021 | } | ||
4022 | |||
4023 | |||
4024 | |||
4025 | div.CardDialog div.body table.fields tbody td.fieldLock div { | ||
4026 | width: 20px; | ||
4027 | height: 19px; | ||
4028 | cursor: pointer; | ||
4029 | } | ||
4030 | |||
4031 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.locked { | ||
4032 | background-image: url(../images/old/cardDialog/lock_closed.png); | ||
4033 | } | ||
4034 | |||
4035 | div.CardDialog div.body table.fields tbody tr:hover td.fieldLock div.unlocked { | ||
4036 | background-image: url(../images/old/cardDialog/lock_open.png); | ||
4037 | } | ||
4038 | |||
4039 | div.CardDialog div.body table.fields tbody tr td.fieldAddDelete div span a { | ||
4040 | text-decoration: none; | ||
4041 | visibility: hidden; | ||
4042 | font-size: 8pt; | ||
4043 | vertical-align: -13px; | ||
4044 | color: black; | ||
4045 | } | ||
4046 | |||
4047 | div.CardDialog div.body table.fields tbody tr.selectedField td.fieldAddDelete div span a { | ||
4048 | visibility: visible; | ||
4049 | } | ||
4050 | |||
4051 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div span a { | ||
4052 | visibility: visible; | ||
4053 | } | ||
4054 | |||
4055 | div.CardDialog div.body table.fields tbody tr:hover td.fieldAddDelete div:hover span a { | ||
4056 | color: white; | ||
4057 | } | ||
4058 | |||
4059 | |||
4060 | div.CardDialog div.body div.notes { | ||
4061 | background: url(../images/old/cardDialog/dottedLine_background.png) repeat-x 0 0; | ||
4062 | padding-top: 2px; | ||
4063 | } | ||
4064 | |||
4065 | div.CardDialog div.body div.notes div { | ||
4066 | padding-left: 20px; | ||
4067 | padding-right: 20px; | ||
4068 | padding-top: 4px; | ||
4069 | padding-bottom: 4px; | ||
4070 | } | ||
4071 | |||
4072 | div.CardDialog div.body div.notes div:hover, | ||
4073 | div.CardDialog div.body div.notes.selectedField div { | ||
4074 | background-color: #cccec0; | ||
4075 | } | ||
4076 | |||
4077 | div.CardDialog.loading div.body div.notes div textarea { | ||
4078 | display: none; | ||
4079 | } | ||
4080 | |||
4081 | div.CardDialog div.body div.notes div textarea { | ||
4082 | border: 0; | ||
4083 | width: 470px; | ||
4084 | /* | ||
4085 | width: 100%; | ||
4086 | height: 100px; | ||
4087 | min-height: 400px; | ||
4088 | overflow: hidden; | ||
4089 | */ | ||
4090 | color: #787872; | ||
4091 | border: 1px solid #ededeb; | ||
4092 | background-color: #ededeb; | ||
4093 | display: block; | ||
4094 | line-height: 12pt; | ||
4095 | min-height: 50px; | ||
4096 | } | ||
4097 | |||
4098 | div.CardDialog div.body div.notes div:hover textarea, | ||
4099 | div.CardDialog div.body div.notes.selectedField div textarea { | ||
4100 | border: 1px solid #515247; | ||
4101 | background-color: #b5b7ab; | ||
4102 | } | ||
4103 | |||
4104 | |||
4105 | div.CardDialog div.body table.fields tbody tr td.fieldAction { | ||
4106 | /* background-color: red;*/ | ||
4107 | padding-left: 4px | ||
4108 | } | ||
4109 | |||
4110 | div.CardDialog div.body table.fields tbody tr td.fieldAction a { | ||
4111 | display: inline-block; | ||
4112 | text-decoration: none; | ||
4113 | text-align: center; | ||
4114 | width: 16px; | ||
4115 | height: 16px; | ||
4116 | } | ||
4117 | |||
4118 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email { | ||
4119 | background: url(../images/old/cardDialog/fieldTypes/email.png) no-repeat 0 0; | ||
4120 | } | ||
4121 | |||
4122 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.email:hover { | ||
4123 | background: url(../images/old/cardDialog/fieldTypes/email_selected.png) no-repeat 0 0; | ||
4124 | } | ||
4125 | |||
4126 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url { | ||
4127 | background: url(../images/old/cardDialog/fieldTypes/url.png) no-repeat 0 0; | ||
4128 | } | ||
4129 | |||
4130 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.url:hover { | ||
4131 | background: url(../images/old/cardDialog/fieldTypes/url_selected.png) no-repeat 0 0; | ||
4132 | } | ||
4133 | |||
4134 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password { | ||
4135 | background: url(../images/old/cardDialog/fieldTypes/password.png) no-repeat 0 0; | ||
4136 | } | ||
4137 | |||
4138 | div.CardDialog div.body table.fields tbody tr td.fieldAction a.password:hover { | ||
4139 | background: url(../images/old/cardDialog/fieldTypes/password_selected.png) no-repeat 0 0; | ||
4140 | } | ||
4141 | |||
4142 | /* | ||
4143 | / *div.CardDialog div.body table.fields tbody* / tr.new { | ||
4144 | background: yellow; | ||
4145 | } | ||
4146 | |||
4147 | div.CardDialog div.body table.fields tbody tr.new td input { | ||
4148 | border: 1px solid red; | ||
4149 | background-color: green; | ||
4150 | } | ||
4151 | */ | ||
4152 | /* @end */ | ||
4153 | |||
4154 | |||
4155 | |||
4156 | /* @end */ | ||
4157 | |||
4158 | div#disabledZone { | ||
4159 | display: block; | ||
4160 | visibility: visible; | ||
4161 | } | ||
4162 | |||
4163 | div#messageZone { | ||
4164 | display: block; | ||
4165 | visibility: visible; | ||
4166 | } | ||
4167 | |||
4168 | |||
4169 | div.CardDialog div.error div.img { | ||
4170 | margin: 10px; | ||
4171 | width: 50px; | ||
4172 | height: 50px; | ||
4173 | float: left; | ||
4174 | |||
4175 | background-image: url(../images/old/simpleMessageBox/Alert.png); | ||
4176 | } | ||
4177 | |||
4178 | /* @group Ruler */ | ||
4179 | /* | ||
4180 | div.rulerExtraWrapper { | ||
4181 | position: absolute; | ||
4182 | top: 0px; | ||
4183 | left: 0px; | ||
4184 | width: 100%; | ||
4185 | height: 100%; | ||
4186 | overflow: hidden; | ||
4187 | background-color: rgba(255, 0, 0, 0.2); | ||
4188 | z-index: 24999; | ||
4189 | } | ||
4190 | */ | ||
4191 | |||
4192 | div.rulerWrapper { | ||
4193 | left: -1000px; | ||
4194 | margin-top: -30px; | ||
4195 | margin-left: 50%; | ||
4196 | z-index: 25000; | ||
4197 | } | ||
4198 | |||
4199 | div.rulerWrapper.fixed { | ||
4200 | position: fixed; | ||
4201 | } | ||
4202 | |||
4203 | div.rulerWrapper.scrollable { | ||
4204 | position: absolute; | ||
4205 | } | ||
4206 | |||
4207 | div.ruler { | ||
4208 | /* position: absolute;*/ | ||
4209 | width: 541px; | ||
4210 | height: 96px; | ||
4211 | margin-left: -270px; | ||
4212 | |||
4213 | background: url(../images/old/ruler/ruler.png) no-repeat; | ||
4214 | } | ||
4215 | |||
4216 | div.ruler a { | ||
4217 | position: absolute; | ||
4218 | display: block; | ||
4219 | |||
4220 | width: 15px; | ||
4221 | height: 15px; | ||
4222 | top: 3px; | ||
4223 | text-decoration: none; | ||
4224 | } | ||
4225 | |||
4226 | div.ruler a.exit { | ||
4227 | margin-left: 2px; | ||
4228 | background: url(../images/old/ruler/exit.png) no-repeat; | ||
4229 | } | ||
4230 | |||
4231 | div.ruler a.exit:hover { | ||
4232 | background: url(../images/old/ruler/exit_selected.png) no-repeat; | ||
4233 | } | ||
4234 | |||
4235 | div.ruler a.smallButton.previous { | ||
4236 | right: 16px; | ||
4237 | background: url(../images/old/ruler/small_previous.png) no-repeat; | ||
4238 | } | ||
4239 | |||
4240 | div.ruler a.smallButton.previous:hover { | ||
4241 | cursor: pointer; | ||
4242 | background: url(../images/old/ruler/small_previous_selected.png) no-repeat; | ||
4243 | } | ||
4244 | |||
4245 | div.ruler a.smallButton.previous.disabled, | ||
4246 | div.ruler a.smallButton.previous.disabled:hover { | ||
4247 | cursor: default; | ||
4248 | background: url(../images/old/ruler/small_previous_disabled.png) no-repeat; | ||
4249 | } | ||
4250 | |||
4251 | div.ruler a.smallButton.next { | ||
4252 | right: 3px; | ||
4253 | background: url(../images/old/ruler/small_next.png) no-repeat; | ||
4254 | } | ||
4255 | |||
4256 | div.ruler a.smallButton.next:hover { | ||
4257 | cursor: pointer; | ||
4258 | background: url(../images/old/ruler/small_next_selected.png) no-repeat; | ||
4259 | } | ||
4260 | |||
4261 | div.ruler a.smallButton.next.disabled, | ||
4262 | div.ruler a.smallButton.next.disabled:hover { | ||
4263 | cursor: default; | ||
4264 | background: url(../images/old/ruler/small_next_disabled.png) no-repeat; | ||
4265 | } | ||
4266 | |||
4267 | div.ruler div.steps, div.ruler div.dots { | ||
4268 | position: absolute; | ||
4269 | background-color: rgba(255,255,255,0); | ||
4270 | |||
4271 | margin-left: 30px; | ||
4272 | margin-right: 30px; | ||
4273 | } | ||
4274 | |||
4275 | div.ruler div.steps { | ||
4276 | top: 25px; | ||
4277 | height: 30px; | ||
4278 | } | ||
4279 | |||
4280 | div.ruler div.dots { | ||
4281 | top: 58px; | ||
4282 | height: 25px; | ||
4283 | } | ||
4284 | |||
4285 | div.ruler div ul { | ||
4286 | list-style-type: none; | ||
4287 | margin: 0px; | ||
4288 | padding: 0px; | ||
4289 | } | ||
4290 | |||
4291 | div.ruler div ul li { | ||
4292 | display: inline-block; | ||
4293 | vertical-align: top; | ||
4294 | } | ||
4295 | |||
4296 | div.ruler > div.steps > ul > li:first-child, | ||
4297 | div.ruler > div.dots > ul > li:first-child { | ||
4298 | margin-left: 0px; | ||
4299 | } | ||
4300 | |||
4301 | div.ruler div.steps_3 ul li { | ||
4302 | margin-left: 135px; | ||
4303 | } | ||
4304 | |||
4305 | div.ruler div.steps_4 ul li { | ||
4306 | margin-left: 67px; | ||
4307 | } | ||
4308 | |||
4309 | div.ruler div.steps_5 ul li { | ||
4310 | margin-left: 32px; | ||
4311 | } | ||
4312 | |||
4313 | div.ruler div.steps_6 ul li { | ||
4314 | margin-left: 12px; | ||
4315 | } | ||
4316 | |||
4317 | div.ruler div ul li span { | ||
4318 | font-weight: bold; | ||
4319 | text-align: center; | ||
4320 | width: 70px; | ||
4321 | display: block; | ||
4322 | font-size: 8pt; | ||
4323 | overflow: hidden; | ||
4324 | color: rgba(0, 0, 0, 0.3); | ||
4325 | } | ||
4326 | |||
4327 | div.ruler div ul li.selected span { | ||
4328 | color: black; | ||
4329 | } | ||
4330 | |||
4331 | div.ruler div.steps ul li span { | ||
4332 | } | ||
4333 | |||
4334 | div.ruler div.dots ul li span { | ||
4335 | /* | ||
4336 | text-align: center; | ||
4337 | width: 26px; | ||
4338 | margin-left: 22px; | ||
4339 | margin-right: 22px; | ||
4340 | height: 25px; | ||
4341 | background-color: #e57218; | ||
4342 | */ | ||
4343 | font-size: 40pt; | ||
4344 | line-height: 47px; | ||
4345 | } | ||
4346 | |||
4347 | div.ruler div.marker { | ||
4348 | position: absolute; | ||
4349 | top: -3px; | ||
4350 | /* left: -246px;*/ | ||
4351 | } | ||
4352 | div.ruler div.marker div.markerBody { | ||
4353 | width: 77px; | ||
4354 | height: 97px; | ||
4355 | background: url(../images/old/ruler/marker.png) no-repeat; | ||
4356 | } | ||
4357 | |||
4358 | div.ruler div.marker div.next { | ||
4359 | position: absolute; | ||
4360 | top: 25px; | ||
4361 | left: 76px; | ||
4362 | width: 27px; | ||
4363 | height: 65px; | ||
4364 | background: url(../images/old/ruler/next.png) no-repeat -13px; | ||
4365 | |||
4366 | z-index: 26000; | ||
4367 | } | ||
4368 | |||
4369 | div.ruler div.marker div.next:hover { | ||
4370 | cursor: pointer; | ||
4371 | background: url(../images/old/ruler/next.png) no-repeat -2px; | ||
4372 | } | ||
4373 | |||
4374 | div.ruler div.marker div.disabled { | ||
4375 | display: none; | ||
4376 | } | ||
4377 | |||
4378 | div.ruler div.marker div.previous { | ||
4379 | position: absolute; | ||
4380 | top: 25px; | ||
4381 | left: -24px; | ||
4382 | width: 27px; | ||
4383 | height: 65px; | ||
4384 | /* background: url(../images/old/ruler/previous.png) no-repeat 13px 1px;*/ | ||
4385 | background: url(../images/old/ruler/previous.png) no-repeat 18px 1px; | ||
4386 | |||
4387 | z-index: 26000; | ||
4388 | } | ||
4389 | |||
4390 | div.ruler div.marker div.previous:hover { | ||
4391 | cursor: pointer; | ||
4392 | /* background: url(../images/old/ruler/previous.png) no-repeat 2px 1px;*/ | ||
4393 | background: url(../images/old/ruler/previous.png) no-repeat 7px 1px; | ||
4394 | } | ||
4395 | |||
4396 | /* @end */ | ||
4397 | |||
4398 | div.createNewCardSplash { | ||
4399 | margin-top: -450px; | ||
4400 | margin-left: 250px; | ||
4401 | width: 354px; | ||
4402 | float: left; | ||
4403 | height: 186px; | ||
4404 | |||
4405 | text-align: center; | ||
4406 | background: url(../images/old/main/grid/createNewCardSplash.png) no-repeat; | ||
4407 | } | ||
4408 | |||
4409 | div.createNewCardSplash:hover { | ||
4410 | cursor: pointer; | ||
4411 | background: url(../images/old/main/grid/createNewCardSplash_selected.png) no-repeat; | ||
4412 | } | ||
4413 | |||
4414 | div.createNewCardSplash span { | ||
4415 | display: block; | ||
4416 | padding-top: 130px; | ||
4417 | font-size: 14pt; | ||
4418 | color: #9a9586; | ||
4419 | } | ||
4420 | |||
4421 | div.createNewCardSplash:hover span { | ||
4422 | color: #605c4e; | ||
4423 | } | ||
4424 | |||
4425 | |||
4426 | |||
4427 | /*=============================================*/ | ||
4428 | |||
4429 | div.NewUserCreation div.tabContainer { | ||
4430 | min-height: 150px; | ||
4431 | height: 200px; | ||
4432 | } | ||
4433 | |||
4434 | div.NewUserCreation div.tabContainer > ul.tabs { | ||
4435 | display: none; | ||
4436 | } | ||
4437 | |||
4438 | ul.createUserStates li.creating { | ||
4439 | background: url(../images/old/creatingUser.gif) no-repeat center center; | ||
4440 | } | ||
4441 | |||
4442 | ul.createUserStates li { | ||
4443 | height: 100px; | ||
4444 | } | ||
4445 | |||
4446 | ul.createUserStates li span { | ||
4447 | display: block; | ||
4448 | width: 100%; | ||
4449 | text-align: center; | ||
4450 | color: #999; | ||
4451 | font-style: italic; | ||
4452 | } | ||
4453 | |||
4454 | div.NewUserCreation form.newUserCreationForm ul.tabPanels { | ||
4455 | padding-top: 10px; | ||
4456 | } | ||
4457 | |||
4458 | div.NewUserCreation form.newUserCreationForm ul ul { | ||
4459 | margin-left: auto; | ||
4460 | margin-right: auto; | ||
4461 | width: 400px; | ||
4462 | } | ||
4463 | |||
4464 | div.NewUserCreation form.newUserCreationForm ul.credentials li { | ||
4465 | height: 45px; | ||
4466 | } | ||
4467 | |||
4468 | div.NewUserCreation form.newUserCreationForm ul.credentials span.label { | ||
4469 | text-align: right; | ||
4470 | display: inline-block; | ||
4471 | font-size: 12pt; | ||
4472 | color: #787872; | ||
4473 | width: 110px; | ||
4474 | vertical-align: baseline; | ||
4475 | } | ||
4476 | |||
4477 | div.NewUserCreation form.newUserCreationForm ul.credentials input { | ||
4478 | font-size: 13pt; | ||
4479 | color: #787872; | ||
4480 | height: 35px; | ||
4481 | margin-left: 15px; | ||
4482 | padding-left: 5px; | ||
4483 | } | ||
4484 | |||
4485 | div.NewUserCreation form.newUserCreationForm ul.termsOfService li { | ||
4486 | padding: 0 0 15 0; | ||
4487 | } | ||
4488 | |||
4489 | div.NewUserCreation form.newUserCreationForm ul.termsOfService input { | ||
4490 | display: inline-block; | ||
4491 | } | ||
4492 | |||
4493 | div.NewUserCreation form.newUserCreationForm ul.termsOfService .label { | ||
4494 | display: inline-block; | ||
4495 | text-align: left; | ||
4496 | font-size: 12pt; | ||
4497 | color: #787872; | ||
4498 | width: 350px; | ||
4499 | vertical-align: top; | ||
4500 | padding-left: 10px | ||
4501 | } | ||
4502 | |||
4503 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a { | ||
4504 | font-weight: bold; | ||
4505 | color: #787872; | ||
4506 | text-decoration: none; | ||
4507 | } | ||
4508 | div.NewUserCreation form.newUserCreationForm ul.termsOfService a:hover { | ||
4509 | color: #444; | ||
4510 | } | ||
4511 | |||
4512 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.done span { | ||
4513 | font-size: 16pt; | ||
4514 | color: green; | ||
4515 | } | ||
4516 | |||
4517 | div.NewUserCreation form.newUserCreationForm ul.createUserStates li.fail span { | ||
4518 | font-size: 16pt; | ||
4519 | color: red; | ||
4520 | } \ No newline at end of file | ||
diff --git a/frontend/gamma/css/clipperz/compact.css b/frontend/gamma/css/clipperz/compact.css new file mode 100644 index 0000000..7c9252a --- a/dev/null +++ b/frontend/gamma/css/clipperz/compact.css | |||
@@ -0,0 +1,162 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz's Javascript Crypto Library. | ||
6 | Javascript Crypto Library provides web developers with an extensive | ||
7 | and efficient set of cryptographic functions. The library aims to | ||
8 | obtain maximum execution speed while preserving modularity and | ||
9 | reusability. | ||
10 | For further information about its features and functionalities please | ||
11 | refer to http://www.clipperz.com | ||
12 | |||
13 | * Javascript Crypto Library is free software: you can redistribute | ||
14 | it and/or modify it under the terms of the GNU Affero General Public | ||
15 | License as published by the Free Software Foundation, either version | ||
16 | 3 of the License, or (at your option) any later version. | ||
17 | |||
18 | * Javascript Crypto Library is distributed in the hope that it will | ||
19 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
20 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
21 | See the GNU Affero General Public License for more details. | ||
22 | |||
23 | * You should have received a copy of the GNU Affero General Public | ||
24 | License along with Javascript Crypto Library. If not, see | ||
25 | <http://www.gnu.org/licenses/>. | ||
26 | |||
27 | */ | ||
28 | |||
29 | /* @override https://www.example.com/css/compact.css */ | ||
30 | |||
31 | body.compact div#mainDiv { | ||
32 | /* | ||
33 | width: 250px; | ||
34 | height: 95%; | ||
35 | border: 1px solid #333366; | ||
36 | */ | ||
37 | padding: 0px; | ||
38 | } | ||
39 | |||
40 | body.compact div#compactHeader { | ||
41 | background-color: #333366; | ||
42 | } | ||
43 | |||
44 | body.compact div#compactHeader img { | ||
45 | padding: 2px 20px 2px 4px; | ||
46 | width: 60; | ||
47 | } | ||
48 | |||
49 | body.compact div#compactHeader a { | ||
50 | color: white; | ||
51 | text-decoration: none; | ||
52 | font-size: 10pt; | ||
53 | /*position: absolute; */ | ||
54 | right: 10px; | ||
55 | top: 6px; | ||
56 | } | ||
57 | |||
58 | body.compact div#compactHeader a:hover { | ||
59 | color: #ff9400; | ||
60 | } | ||
61 | |||
62 | body.compact h4 { | ||
63 | color: #999999; | ||
64 | text-align: center; | ||
65 | padding: 20px; | ||
66 | font-weight: normal; | ||
67 | font-size: 12pt; | ||
68 | font-style: italic; | ||
69 | } | ||
70 | |||
71 | body.compact div.loginPanel form { | ||
72 | padding: 10px; | ||
73 | } | ||
74 | |||
75 | body.compact div.loginPanel dt { | ||
76 | color: #aaaaaa; | ||
77 | font-size: 10pt; | ||
78 | } | ||
79 | |||
80 | body.compact div.loginPanel input { | ||
81 | width: 180px; | ||
82 | } | ||
83 | |||
84 | body.compact ul#directLogins { | ||
85 | background-image: none; | ||
86 | padding: 4px 0px; | ||
87 | } | ||
88 | |||
89 | body.compact ul#directLogins li { | ||
90 | width:auto; | ||
91 | } | ||
92 | |||
93 | body.compact ul#directLogins li.hover { | ||
94 | width:auto; | ||
95 | padding-right: 0px; | ||
96 | } | ||
97 | |||
98 | body.compact div.lockPanel { | ||
99 | color: #999999; | ||
100 | font-size: 10pt; | ||
101 | padding: 10px; | ||
102 | } | ||
103 | |||
104 | div#compactMiscLinks ul { | ||
105 | /* text-align: center;*/ | ||
106 | display: block; | ||
107 | padding-left: 22px; | ||
108 | background-color: #ff9400; | ||
109 | } | ||
110 | |||
111 | div#compactMiscLinks ul li { | ||
112 | display: inline; | ||
113 | padding: 2px 5px; | ||
114 | } | ||
115 | |||
116 | div#compactHeader div#compactMiscLinks ul li a { | ||
117 | font-size: 9pt; | ||
118 | } | ||
119 | |||
120 | div#compactHeader div#compactMiscLinks ul li a:hover { | ||
121 | color: #333366; | ||
122 | } | ||
123 | |||
124 | div#lockBlock { | ||
125 | position: absolute; | ||
126 | right: 10px; | ||
127 | top: 6px; | ||
128 | } | ||
129 | |||
130 | div#lockBlock input { | ||
131 | width: auto; | ||
132 | padding-bottom: 2px; | ||
133 | } | ||
134 | |||
135 | div#lockBlock span { | ||
136 | font-size: 9pt; | ||
137 | padding: 0px 5px 0px 4px; | ||
138 | color: #aaaaaa; | ||
139 | } | ||
140 | |||
141 | div#lockBlock a#lock { | ||
142 | font-size: 9pt; | ||
143 | } | ||
144 | |||
145 | /* @group Donate */ | ||
146 | |||
147 | a#donateHeaderLink { | ||
148 | font-weight: bold; | ||
149 | } | ||
150 | |||
151 | div#compactMiscLinks a#donateHeaderIconLink img#donateHeaderLinkIcon { | ||
152 | display: inline; | ||
153 | position: absolute; | ||
154 | top: 22px; | ||
155 | left: 1px; | ||
156 | width: 12px; | ||
157 | height: 12px; | ||
158 | } | ||
159 | |||
160 | |||
161 | |||
162 | /* @end */ \ No newline at end of file | ||
diff --git a/frontend/gamma/css/clipperz/iPhone.css b/frontend/gamma/css/clipperz/iPhone.css new file mode 100644 index 0000000..a15f22f --- a/dev/null +++ b/frontend/gamma/css/clipperz/iPhone.css | |||
@@ -0,0 +1,464 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz's Javascript Crypto Library. | ||
6 | Javascript Crypto Library provides web developers with an extensive | ||
7 | and efficient set of cryptographic functions. The library aims to | ||
8 | obtain maximum execution speed while preserving modularity and | ||
9 | reusability. | ||
10 | For further information about its features and functionalities please | ||
11 | refer to http://www.clipperz.com | ||
12 | |||
13 | * Javascript Crypto Library is free software: you can redistribute | ||
14 | it and/or modify it under the terms of the GNU Affero General Public | ||
15 | License as published by the Free Software Foundation, either version | ||
16 | 3 of the License, or (at your option) any later version. | ||
17 | |||
18 | * Javascript Crypto Library is distributed in the hope that it will | ||
19 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
20 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
21 | See the GNU Affero General Public License for more details. | ||
22 | |||
23 | * You should have received a copy of the GNU Affero General Public | ||
24 | License along with Javascript Crypto Library. If not, see | ||
25 | <http://www.gnu.org/licenses/>. | ||
26 | |||
27 | */ | ||
28 | |||
29 | /* @override | ||
30 | https://www.example.com/iPHONE/css/iPhone.css | ||
31 | https://www.example.com/DEVELOPMENT/css/iPhone.css | ||
32 | https://www.example.com/WIZARD/css/iPhone.css | ||
33 | */ | ||
34 | |||
35 | /* ---------------------------------------- */ | ||
36 | |||
37 | body { | ||
38 | margin: 0; | ||
39 | font-family: Helvetica; | ||
40 | background: #FFFFFF; | ||
41 | color: #000000; | ||
42 | overflow-x: hidden; | ||
43 | -webkit-user-select: none; | ||
44 | -webkit-text-size-adjust: none; | ||
45 | } | ||
46 | |||
47 | |||
48 | div.toolbar { | ||
49 | box-sizing: border-box; | ||
50 | -moz-box-sizing: border-box; | ||
51 | -webkit-box-sizing: border-box; | ||
52 | border-bottom: 1px solid #2d3642; | ||
53 | border-top: 1px solid #6d84a2; | ||
54 | padding: 10px; | ||
55 | height: 45px; | ||
56 | /* background: url(../images/old/iPhone/toolbar.png) #6d84a2 repeat-x;*/ | ||
57 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x; | ||
58 | } | ||
59 | |||
60 | div.toolbar h1#pageTitle { | ||
61 | overflow: hidden; | ||
62 | margin-top: 1px; | ||
63 | margin-bottom: 0px; | ||
64 | margin-left: auto; | ||
65 | margin-right: auto; | ||
66 | width: 150px; | ||
67 | height: 25px; /* 45px*/ | ||
68 | font-size: 20px; | ||
69 | width: 150px; | ||
70 | font-weight: bold; | ||
71 | text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0; | ||
72 | text-align: center; | ||
73 | text-overflow: ellipsis; | ||
74 | white-space: nowrap; | ||
75 | color: #FFFFFF; | ||
76 | } | ||
77 | |||
78 | div.toolbar a.button { | ||
79 | position: absolute; | ||
80 | overflow: hidden; | ||
81 | top: 8px; | ||
82 | right: 6px; | ||
83 | margin: 0; | ||
84 | border-width: 0 5px; | ||
85 | padding: 0 3px; | ||
86 | width: auto; | ||
87 | height: 30px; | ||
88 | line-height: 30px; | ||
89 | font-family: inherit; | ||
90 | font-size: 12px; | ||
91 | font-weight: bold; | ||
92 | color: #FFFFFF; | ||
93 | text-shadow: rgba(0, 0, 0, 0.6) 0px -1px 0; | ||
94 | text-overflow: ellipsis; | ||
95 | text-decoration: none; | ||
96 | white-space: nowrap; | ||
97 | background: none; | ||
98 | /* -webkit-border-image: url(../images/old/iPhone/toolButton.png) 0 5 0 5;*/ | ||
99 | } | ||
100 | |||
101 | div.toolbar a#backButton { | ||
102 | /* display: none;*/ | ||
103 | left: 6px; | ||
104 | right: auto; | ||
105 | padding: 0px; | ||
106 | max-width: 55px; | ||
107 | border-width: 0 8px 0 14px; | ||
108 | /* -webkit-border-image: url(../images/old/iPhone/backButton.png) 0 8 0 14;*/ | ||
109 | -webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAAeCAIAAAA6iHCJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAtJJREFUeNrEV21P01AYbbtubNExBnXDbYjjZYI4BMdgEANDQoTElw/+Rw0mBs0UiSGaoJFEQEPwjRhFCW/JxrZ2Xdu1fe71bpAhCHzqupPnS5ObPOeec+5zb+lHLxao05HPiwvzr3/++J7N7FFGgaaDLe034+O+wCXyxSKET1u5+Wc98XTK39zeOzjudLmNIoAR2tlaf/Zkqm9gKNI/RBigE9dtb23MJKZj8fvuC16b3WGxsJRxOFfHeQOtH+ZnOI+XRfgEBoLAzz6fjo7ebfD4GYYhMiEdDGRAW6xOt6d7YGzl4xIL/7mgyPL044edkVt19T4EFAJEVQYud+MvOCkHc7MJ3+VrXGOzXrHeZS1s9trjOVj7tiqpONTWBRgD6BVmQFls9iMaSHnx/bu3ffEHgC2gVVqAIojKR3Iw9zLRcjVmtTnA0NydxQDg0IWvq59kYIOeZtWs9gQkagcMcgK/vLjYNXQHcEkas0AcYPdNIPr7Q/0M69B089ofavB5ZVm3OJ2cTwegzAUgxGbSe8tLS52xewjRZGabzAABZt+8mvGHBsiYNF+AAw1cXEBGNUiQqWpAlArM5MSYBXgEOl0NkLcCkxak28MRKbuDMa6KDAwAUnU8HO2Q+N0SJ3OLMCA7V1S9vt7d3tSg5LNV0ACXwOekcGfreVbVVYUqMjOvyPsH71cqkxsZ7NHFJIXBTCMONMAlEryoxAfDucyOmaOpmINyaTowrK23IyDxKbNzUIYoKU3+i37OXpCESvfGCOw11uMMcCkQke4rDlrS1coOSk2VOXftERfKtZsURmLXQUqBVqiUABgrQirc0Xp4Fv4t8kxN8dLkaJQupOVcGnTN0PuQHHlRSG1Eu9tUTLOnxZ5clclsfmK078va7/WN7axomCN2e42Xc/VEIoiiM0KePeM20DTY3M22BZtuhENW1rC/NrI3WVGTmZxSKEr7V4ABAJ+53J1I3nPjAAAAAElFTkSuQmCCCg==) 0 8 0 14; | ||
110 | } | ||
111 | |||
112 | /* ------------------------------------------- */ | ||
113 | |||
114 | body.iPhone form.loginForm { | ||
115 | min-height: 372px; | ||
116 | |||
117 | box-sizing: border-box; | ||
118 | -moz-box-sizing: border-box; | ||
119 | -webkit-box-sizing: border-box; | ||
120 | padding: 10px; | ||
121 | /* background: #c8c8c8 url(../images/old/iPhone/pinstripes.png);*/ | ||
122 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
123 | } | ||
124 | |||
125 | fieldset { | ||
126 | position: relative; | ||
127 | margin: 0 0 20px 0; | ||
128 | padding: 0; | ||
129 | background: #FFFFFF; | ||
130 | -webkit-border-radius: 10px; | ||
131 | -moz-border-radius: 10px; | ||
132 | border: 1px solid #999999; | ||
133 | text-align: right; | ||
134 | font-size: 16px; | ||
135 | } | ||
136 | |||
137 | .row { | ||
138 | position: relative; | ||
139 | min-height: 42px; | ||
140 | border-bottom: 1px solid #999999; | ||
141 | -webkit-border-radius: 0; | ||
142 | text-align: right; | ||
143 | } | ||
144 | |||
145 | fieldset > .row:last-child { | ||
146 | border-bottom: none !important; | ||
147 | } | ||
148 | |||
149 | |||
150 | .row > input:not(input[type|=radio]):not(input[type|=checkbox]), | ||
151 | .row > div.fieldValue { | ||
152 | width: 100%; | ||
153 | box-sizing: border-box; | ||
154 | -moz-box-sizing: border-box; | ||
155 | -webkit-box-sizing: border-box; | ||
156 | margin: 0; | ||
157 | border: none; | ||
158 | /* padding: 0px;*/ | ||
159 | padding: 0px 10px 0 112px; | ||
160 | height: 42px; | ||
161 | background: none; | ||
162 | font-size: 16px; | ||
163 | font-weight: normal; | ||
164 | |||
165 | color: #666a60; | ||
166 | -webkit-user-select: text; | ||
167 | } | ||
168 | |||
169 | /*.row > span.fieldValue {*/ | ||
170 | .row > div.fieldValue p { | ||
171 | /*.row > input.fieldValue {*/ | ||
172 | margin: 0px; | ||
173 | text-align: left; | ||
174 | height: 40px; | ||
175 | vertical-align: middle; | ||
176 | line-height: 40px; | ||
177 | /* padding: 0px 10px 0 112px;*/ | ||
178 | } | ||
179 | |||
180 | /*body[orientation="landscape"] .row > span.fieldValue.password {*/ | ||
181 | body[orientation="landscape"] .row > div.fieldValue.password { | ||
182 | /*body[orientation="landscape"] .row > input.fieldValue.password {*/ | ||
183 | padding-right: 120px; | ||
184 | /* background: url(../images/old/iPhone/password_background.png) no-repeat 105px;*/ | ||
185 | background: url(data:image/png;charset=utf-8;base64,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) no-repeat 105px; | ||
186 | } | ||
187 | |||
188 | /*.row > span.fieldValue.password {*/ | ||
189 | .row > div.fieldValue.password { | ||
190 | /*.row > input.fieldValue.password {*/ | ||
191 | color: rgba(255,255,255,0.5); | ||
192 | /* background: url(../images/old/iPhone/password_background.png) no-repeat 106px;*/ | ||
193 | background: url(data:image/png;charset=utf-8;base64,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) no-repeat 106px; | ||
194 | } | ||
195 | |||
196 | .row > div.fieldValue.password.clear { | ||
197 | color: #666a60; | ||
198 | background: none; | ||
199 | } | ||
200 | |||
201 | .row > input[type|=radio], .row > input[type|=checkbox] { | ||
202 | margin: 7px 7px 0 0; | ||
203 | height: 25px; | ||
204 | width: 25px; | ||
205 | } | ||
206 | |||
207 | |||
208 | .row > label { | ||
209 | position: absolute; | ||
210 | margin: 0 0 0 14px; | ||
211 | line-height: 42px; | ||
212 | font-weight: bold; | ||
213 | max-width: 92px; | ||
214 | overflow: hidden; | ||
215 | white-space: nowrap; | ||
216 | } | ||
217 | |||
218 | body[orientation="landscape"] .row > label { | ||
219 | max-width: 150px; | ||
220 | } | ||
221 | |||
222 | body[orientation="landscape"] .row > input:not(input[type|=radio]):not(input[type|=checkbox]) { | ||
223 | padding-left: 140px; | ||
224 | } | ||
225 | |||
226 | .row > img.favicon { | ||
227 | position: absolute; | ||
228 | width: 20px; | ||
229 | height: 20px; | ||
230 | top: 12px; | ||
231 | left: 11px; | ||
232 | } | ||
233 | |||
234 | .row > span { | ||
235 | padding: 8px 13px; | ||
236 | text-align: left; | ||
237 | display: block; | ||
238 | color: #666a60; | ||
239 | font-size: 10pt; | ||
240 | } | ||
241 | |||
242 | .row.notes { | ||
243 | -webkit-user-select: text; | ||
244 | } | ||
245 | |||
246 | /* ------------------------------------------- */ | ||
247 | |||
248 | .whiteButton { | ||
249 | margin-left: auto; | ||
250 | margin-right: auto; | ||
251 | width: 150px; | ||
252 | display: block; | ||
253 | border-width: 0 12px; | ||
254 | padding: 10px; | ||
255 | text-align: center; | ||
256 | font-size: 20px; | ||
257 | font-weight: bold; | ||
258 | text-decoration: inherit; | ||
259 | color: inherit; | ||
260 | |||
261 | /* -webkit-border-image: url(../images/old/iPhone/whiteButton.png) 0 12 0 12;*/ | ||
262 | -webkit-border-image: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAuCAQAAAB+dNqHAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAAAdAAAALgChnaVgAAAAAmJLR0QA/4ePzL8AAANhSURBVEjHnZZNaFxVFMd/5747mclMkpmxzYdJtFaJglgFpYSiBAVX7l0UUZGuSkEEu3PtSulCUXFdxYXL7kQQIWD9CsRIqdomGGOaSdJmZjKTeW/eu/e4mKRmrE3n5X83j/ve7/3POfe+d67QrTxP8QLDnMTenkv4kQ2+YZ6d/Y/Kvut+XuZVKtygzVbXC8v0cT+jXORLWneix/mAZZZwKIrSbSAIAcd5kDdZ6kaf4zzfEeLPnHrr+UeOWpMJ9rjYxe7a5ntff/YThhyneJ/Zf9Ep3uEXkhNjX50bHoiStoPE76HWiPQFfcGN+kufLKxheZJ3+aOD5vmIBaLXpz89HSVhzF2Uy2TtGxe/+JksJzjHjgCvMEHz6cnZt7dD5zlAgSlkZy7MrVDgbz43FJimhV46W2vFzutBI3aN8NJZlBbTFAKepZ/o/IszU1Gs95Tz2Uw1nFuiiTE8Rhs9fbIROt/LaISvTaO0mbIM0kTKeefoUSMDCI6SxRCT9d77XlFrCYgQi0PH72vH9CyNMSjO4tGM9do76hXB4y2KU+c8aaR41KJ4SIn6DgqgPq2rggWc+kMEjBUBVDUNKQBiOx+218Pl6tVr+jJhUZx4PYSr4XBSsAKaJH9tpirT7uIoTj3pAna43TJJWtSjYDpxp5bv5OpTb4mOq3IIX0W14ypeUq+rYBH5T9fqbRerWMClrbB4PBgUjZPUuXrUGBW51Yhc71y9LSJi1NgQxVWj3a7aw2gmONSGJtNAxC9v9+56vaoe6aubXEWy4meXe/+VXl42TvqzG4ZFCkRzv/+w3lu436/PX6NNnsUgCctjUUJwnWdGC/ZenpXw47loTRrldu3XwLkSrQmiHbkSP3FkwB4MXpjfWDE3JTfw29ZGAGHjgWJdcDW9XC/0PVS4W47fVj5cuLUmFWlOVlevei8ApVLp8bWclnWU4khpZvTRwaw5VggEINHlZuSv1mcr6zW2ZF22xqLqlWr19uYdGSkeWyn4IY5okX61GBHMrp1HJaYldW4G9Ylm7c/19a4jV6k0+fBmtjbkCwxoDovdQ0lIpEXTNIrbR6OVxWr1joNeJjM+Xhyu2+0+Z6Ocmt17Kj4bBvFgPJTUNlZX4/j/zohAJlMuF4vW5vP7Z3d2kqRW29qKuxr4P1RbNFwZtqq8AAAAAElFTkSuQmCCCg==) 0 12 0 12; | ||
263 | text-shadow: rgba(255, 255, 255, 0.7) 0 1px 0; | ||
264 | } | ||
265 | |||
266 | /* ------------------------------------------- */ | ||
267 | |||
268 | body.iPhone .loginProgressPanel { | ||
269 | min-height: 372px; | ||
270 | |||
271 | box-sizing: border-box; | ||
272 | -moz-box-sizing: border-box; | ||
273 | -webkit-box-sizing: border-box; | ||
274 | padding: 10px; | ||
275 | /* background: #c8c8c8 url(../images/old/iPhone/pinstripes.png);*/ | ||
276 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
277 | } | ||
278 | |||
279 | body.iPhone .loadingBar { | ||
280 | margin-left: auto; | ||
281 | margin-right: auto; | ||
282 | margin-top: 60px; | ||
283 | } | ||
284 | |||
285 | div.loadingBar { | ||
286 | height: 22px; | ||
287 | width: 214px; | ||
288 | /* background: url(../images/old/loading/loadingBar.gif) no-repeat center;*/ | ||
289 | background: url(data:image/gif;charset=utf-8;base64,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) no-repeat center; | ||
290 | } | ||
291 | |||
292 | div.loadingBar div.loadingBarProgress { | ||
293 | height: 100%; | ||
294 | width: 0%; | ||
295 | } | ||
296 | |||
297 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_left { | ||
298 | height: 100%; | ||
299 | max-width: 8px; | ||
300 | /* background: url(../images/old/loading/loadingBarProgress.png) no-repeat 0;*/ | ||
301 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat 0; | ||
302 | } | ||
303 | |||
304 | div.loadingBar div.loadingBarProgress div.loadingBarProgress_right { | ||
305 | position: relative; | ||
306 | height: 100%; | ||
307 | margin-left: 8px; | ||
308 | /* background: url(../images/old/loading/loadingBarProgress.png) no-repeat right;*/ | ||
309 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAAWCAYAAAC8C2KaAAAACXBIWXMAAAsSAAALEgHS3X78AAACIklEQVR4Ae3brU7DUBQH8HO6PQAazx4BRUKDwfChQTGFQ4wRFGEERdgQONRQoGEzGFISFI8w/DQSWHsP565r0xY2BiWY/ivW+530l52cdr0jwgEBCPy5AE9aUc7XV0kcl4jniGR20lj0QaAYAtzXWHgmNh7v3HTGXfOXgSWnKy6VqEZMCKZxcmiHgFCfAjrjva6XxfgUWNJc3tVBG9mBqEMAAmMFrrl+10r2pgJLTpYO9dZvNTkAZQhAYAoBNh3evz+KRsaBJccLevtXakYdOEMAAj8UCII6Hzx6dlY5nipBjXwTV1GAAAR+KiA1neHZWcOMJY35FS03bAMOCEAgl0CDG0/dMGP5by6xk2s1TIYABFRAjKufo8AyfoUkftyCDwQg8FsBloqdGmaswMf7qt9CYh4E0gLDWBrdCg7SXahBAAK5BEYZa9AnZmStXJSYDAEVENEtT/GtYNAjxl5AfDEgkFtAuGfXCDPW4N0jh9zci2IBCBRdwCTeY1kL2Z65RdYq+rcC159LQLjPFy9rdo0wY9nS+2uLSk5qI6FtxgEBCEwpEJg4flIvr2SrfEgOYxPulI4YBoFYwEiHL/2jqJ4KLNuowVXT4NqMBuAMAQh8I2DkSoPqLDnqU2DZTqmWF4mcXTxzJalQhkBGQJ+piEyL2/5DpifchJttjOpSLenmXMfVvboVBFmkgnOhBYbBJPqTuv41vx10C22Bi4fAfwt8AJe2flCLvH1PAAAAAElFTkSuQmCCCg==) no-repeat right; | ||
310 | top: -22px; | ||
311 | } | ||
312 | |||
313 | /* ------------------------------------------- */ | ||
314 | |||
315 | body.iPhone .loginErrorPanel { | ||
316 | position: absolute; | ||
317 | min-height: 372px; | ||
318 | box-sizing: border-box; | ||
319 | -moz-box-sizing: border-box; | ||
320 | -webkit-box-sizing: border-box; | ||
321 | padding: 10px; | ||
322 | /* background: #c8c8c8 url(../images/old/iPhone/pinstripes.png);*/ | ||
323 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
324 | } | ||
325 | |||
326 | body.iPhone .loginErrorPanel h2 { | ||
327 | text-align: center; | ||
328 | color: red; | ||
329 | margin-top: 40px; | ||
330 | } | ||
331 | |||
332 | /* ------------------------------------------- */ | ||
333 | |||
334 | |||
335 | |||
336 | |||
337 | |||
338 | |||
339 | |||
340 | |||
341 | form.cardListSearchForm { | ||
342 | box-sizing: border-box; | ||
343 | -moz-box-sizing: border-box; | ||
344 | -webkit-box-sizing: border-box; | ||
345 | border-bottom: 1px solid #2d3642; | ||
346 | border-top: 1px solid #6d84a2; | ||
347 | padding: 6px; | ||
348 | height: 45px; | ||
349 | /* background: url(../images/old/iPhone/toolbar.png) #6d84a2 repeat-x;*/ | ||
350 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAArCAIAAAA2QHWOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUCNddjDEOgEAQAgn//5qltYWFnb1GB4vdSy4WBAYStKyb9+O0FJMYyjMyMWCC35lJM71r6vF1P07/lFSfPx6ZxNLcy1HtihzpA/RWcOj0zlDhAAAAAElFTkSuQmCCCg==) #6d84a2 repeat-x; | ||
351 | margin: 0px; | ||
352 | } | ||
353 | |||
354 | form.cardListSearchForm input { | ||
355 | margin: 7px; | ||
356 | -webkit-appearance: searchfield; | ||
357 | width: 200px; | ||
358 | } | ||
359 | |||
360 | ul.cardListPanel { | ||
361 | margin: 0px; | ||
362 | padding: 0px; | ||
363 | list-style-type: none; | ||
364 | min-height: 372px; | ||
365 | } | ||
366 | |||
367 | li.cardListItem { | ||
368 | height: 43px; | ||
369 | border-bottom: 1px solid #cccccc; | ||
370 | /* background: url(../images/old/iPhone/listArrow.png) no-repeat right center;*/ | ||
371 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center; | ||
372 | |||
373 | } | ||
374 | |||
375 | li.cardListItem a { | ||
376 | position: relative; | ||
377 | top: -22px; | ||
378 | left: 40px; | ||
379 | display: block; | ||
380 | white-space: nowrap; | ||
381 | overflow: hidden; | ||
382 | } | ||
383 | |||
384 | body[orientation="portrait"] li.cardListItem a { | ||
385 | max-width: 250px; | ||
386 | } | ||
387 | |||
388 | body[orientation="landscape"] li.cardListItem a { | ||
389 | max-width: 400px; | ||
390 | } | ||
391 | |||
392 | li.cardListItem img { | ||
393 | height: 20px; | ||
394 | width: 20px; | ||
395 | padding: 12px 10px 0px 10px; | ||
396 | } | ||
397 | |||
398 | li.cardListItem a { | ||
399 | text-decoration: none; | ||
400 | color: black; | ||
401 | font-weight: bold; | ||
402 | font-size: 14pt; | ||
403 | vertical-align: 3px; | ||
404 | } | ||
405 | |||
406 | |||
407 | div.cardDetailPanel { | ||
408 | position: absolute; | ||
409 | top: 45px; | ||
410 | min-height: 372px; | ||
411 | |||
412 | box-sizing: border-box; | ||
413 | -moz-box-sizing: border-box; | ||
414 | -webkit-box-sizing: border-box; | ||
415 | padding: 10px; | ||
416 | /* background: #c8c8c8 url(../images/old/iPhone/pinstripes.png);*/ | ||
417 | background: #c8c8c8 url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAABCAIAAACdaSOZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABdJREFUeNpiPHrmCgMC/GNjYwNSAAEGADdNA3dnzPlQAAAAAElFTkSuQmCCCg==); | ||
418 | } | ||
419 | |||
420 | /*div.cardDetailPanel > fieldset > div.row > input.directLogin {*/ | ||
421 | div.cardDetailPanel > fieldset > div.row > span.directLogin { | ||
422 | width: 100%; | ||
423 | box-sizing: border-box; | ||
424 | -moz-box-sizing: border-box; | ||
425 | -webkit-box-sizing: border-box; | ||
426 | margin: 0; | ||
427 | border: none; | ||
428 | padding: 12px 10px 0 110px; | ||
429 | height: 42px; | ||
430 | background: none; | ||
431 | font-size: 16px; | ||
432 | font-weight: normal; | ||
433 | |||
434 | padding-left: 40px; | ||
435 | color: black; | ||
436 | /* background: url(../images/old/iPhone/listArrow.png) no-repeat right center;*/ | ||
437 | background: url(data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKVJREFUeNpi/P//PwOtARMDHcDwsYQFRJSXl8P4dVC6CZvizs5O8i1BsqARid9Ei+BiQ2KDLKumhSU1QNyKxG+hlkXoEQ+yqAPNogpapK5KNIvaKbUIVxKeAsTvkPg5QCxETUukgfgAkqFPgdgBzVKKLIFZoIJmwR1qBRdNLEC2BJQpV9LCAmRL/gBxAtRwqlqAXqzcgRrOQE0LQIBxtNIiBQAEGAA7xCa2yF9zEgAAAABJRU5ErkJgggo=) no-repeat right center; | ||
438 | } | ||
439 | |||
440 | /*body[orientation="landscape"] div.cardDetailPanel > fieldset > div.row > input.directLogin { */ | ||
441 | body[orientation="landscape"] div.cardDetailPanel > fieldset > div.row > span.directLogin { | ||
442 | padding-left: 50px; | ||
443 | } | ||
444 | |||
445 | div.cardDetailPanel h2 { | ||
446 | margin: 0 0 8px 14px; | ||
447 | font-size: inherit; | ||
448 | font-weight: bold; | ||
449 | color: #4d4d70; | ||
450 | text-shadow: rgba(255, 255, 255, 0.75) 1px 1px 0; | ||
451 | } | ||
452 | |||
453 | |||
454 | |||
455 | |||
456 | /* body[orientation="portrait"] div.cardList {*/ | ||
457 | body[orientation="portrait"] > * { | ||
458 | width: 320px; | ||
459 | } | ||
460 | |||
461 | /* body[orientation="landscape"] div.cardList { */ | ||
462 | body[orientation="landscape"] > * { | ||
463 | width: 480px; | ||
464 | } | ||
diff --git a/frontend/gamma/css/clipperz/ie.css b/frontend/gamma/css/clipperz/ie.css new file mode 100644 index 0000000..5148ada --- a/dev/null +++ b/frontend/gamma/css/clipperz/ie.css | |||
@@ -0,0 +1,356 @@ | |||
1 | /* | ||
2 | |||
3 | Copyright 2008-2011 Clipperz Srl | ||
4 | |||
5 | This file is part of Clipperz's Javascript Crypto Library. | ||
6 | Javascript Crypto Library provides web developers with an extensive | ||
7 | and efficient set of cryptographic functions. The library aims to | ||
8 | obtain maximum execution speed while preserving modularity and | ||
9 | reusability. | ||
10 | For further information about its features and functionalities please | ||
11 | refer to http://www.clipperz.com | ||
12 | |||
13 | * Javascript Crypto Library is free software: you can redistribute | ||
14 | it and/or modify it under the terms of the GNU Affero General Public | ||
15 | License as published by the Free Software Foundation, either version | ||
16 | 3 of the License, or (at your option) any later version. | ||
17 | |||
18 | * Javascript Crypto Library is distributed in the hope that it will | ||
19 | be useful, but WITHOUT ANY WARRANTY; without even the implied | ||
20 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | ||
21 | See the GNU Affero General Public License for more details. | ||
22 | |||
23 | * You should have received a copy of the GNU Affero General Public | ||
24 | License along with Javascript Crypto Library. If not, see | ||
25 | <http://www.gnu.org/licenses/>. | ||
26 | |||
27 | */ | ||
28 | |||
29 | <!--[if IE]> | ||
30 | |||
31 | <style> | ||
32 | |||
33 | { | ||
34 | background-color: white; | ||
35 | } | ||
36 | |||
37 | div#logoFrame { | ||
38 | height: 44px; | ||
39 | } | ||
40 | |||
41 | div#logo { | ||
42 | /* padding-left: 15px;*/ | ||
43 | background: url(../images/old/logo_blue.png); | ||
44 | } | ||
45 | |||
46 | div.clipperzLoginForm div.loginForm form { | ||
47 | padding-left: 20px; | ||
48 | } | ||
49 | |||
50 | div.clipperzLoginForm div.registrationForm form { | ||
51 | padding-left: 20px; | ||
52 | } | ||
53 | |||
54 | div#newRecordInnerPanel { | ||
55 | width: 350px; | ||
56 | height: 160px; | ||
57 | background: url(../images/old/newRecordPanelBackground.png) no-repeat 0 -165px; | ||
58 | /*background: url(data:image/png;charset=utf-8;base64,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) no-repeat 0 -165px; */ | ||
59 | } | ||
60 | |||
61 | img#donateHeaderIcon { | ||
62 | padding-top: 0px; | ||
63 | margin-bottom: 0px; | ||
64 | } | ||
65 | |||
66 | /* ========================================================== */ | ||
67 | |||
68 | div#applicationVersionType { | ||
69 | position: absolute; | ||
70 | } | ||
71 | |||
72 | div#applicationVersionType.readOnly { | ||
73 | background: url(../images/old/read-only.png) no-repeat fixed -5px -8px; | ||
74 | } | ||
75 | |||
76 | div#applicationVersionType.TEST { | ||
77 | background: url(../images/old/test-database.png) no-repeat fixed -5px -8px; | ||
78 | } | ||
79 | |||
80 | div#mainTabs { | ||
81 | background: #ff9400 url(../images/old/menubarSprite.gif) repeat-x; | ||
82 | } | ||
83 | |||
84 | div#menus { | ||
85 | background: url(../images/old/menubarSprite.gif) no-repeat right -26px; | ||
86 | } | ||
87 | |||
88 | div#menus table { | ||
89 | background: url(../images/old/menubarSprite.gif) no-repeat 0 -52px; | ||
90 | } | ||
91 | |||
92 | div#menus table tbody tr td div { | ||
93 | background: url(../images/old/menubarSprite.gif) no-repeat right -52px; | ||
94 | } | ||
95 | |||
96 | div#menus table tbody tr td div a { | ||
97 | background: url(../images/old/menubarSprite.gif) no-repeat left -26px; | ||
98 | } | ||
99 | |||
100 | div#menus table tbody tr td.selectedTab { | ||
101 | background: url(../images/old/menubarSprite.gif) repeat-x right -78px; | ||
102 | } | ||
103 | |||
104 | div#menus table tbody tr td.selectedTab div { | ||
105 | background: url(../images/old/menubarSprite.gif) no-repeat right -130px; | ||
106 | } | ||
107 | |||
108 | div#menus table tbody tr td.selectedTab div a { | ||
109 | background: url(../images/old/menubarSprite.gif) no-repeat left -104px; | ||
110 | } | ||
111 | |||
112 | div.clipperzLoginForm div.loginFormHeaderBox { | ||
113 | background: url(../images/old/loginFormBox.png) no-repeat -3px top; | ||
114 | } | ||
115 | |||
116 | div.clipperzLoginForm div.loginForm { | ||
117 | background: url(../images/old/loginFormBox.png) repeat-y -408px; | ||
118 | } | ||
119 | |||
120 | div.loginForm div.loginFormFooterBox { | ||
121 | background: url(../images/old/loginFormBox.png) no-repeat -813px bottom; | ||
122 | } | ||
123 | |||
124 | div.clipperzLoginForm div.registrationForm { | ||
125 | background: url(../images/old/loginFormBox.png) repeat-y -408px; | ||
126 | } | ||
127 | |||
128 | div.clipperzLoginForm form.read-only table.formLayout, div.panelform.read-only table.panelBody, div.clipperzSubPanel span.read-only, div.read-only { | ||
129 | background-image: url(../images/old/read-only_background.png); | ||
130 | } | ||
131 | |||
132 | div.registrationForm div.loginFormFooterBox { | ||
133 | background: url(../images/old/loginFormBox.png) no-repeat -813px bottom; | ||
134 | } | ||
135 | |||
136 | div.loginPanelSwitchLanguageBox { | ||
137 | background: url(../images/old/languageBox.png) no-repeat 19px -15px; | ||
138 | } | ||
139 | |||
140 | div#directLoginsBlock { | ||
141 | background: url(../images/old/directLoginBox.png) repeat-y -262px bottom; | ||
142 | } | ||
143 | |||
144 | div#directLoginsBlock div.directLoginsBlockHeaderBox { | ||
145 | background: url(../images/old/directLoginBox.png) no-repeat -11px -13px; | ||
146 | } | ||
147 | |||
148 | ul#directLogins { | ||
149 | background: url(../images/old/directLoginBox.png) no-repeat -513px bottom; | ||
150 | } | ||
151 | |||
152 | div#directLoginsDescription { | ||
153 | background: url(../images/old/directLoginBox.png) no-repeat -513px bottom; | ||
154 | } | ||
155 | |||
156 | /* | ||
157 | div#recordListFilterHeader { | ||
158 | background: url(../images/old/cardFiltersSprite.gif) repeat-x 0 -114px; | ||
159 | } | ||
160 | |||
161 | div#recordFiltersTableWrapper { | ||
162 | background: url(../images/old/cardFiltersSprite.gif) no-repeat left -38px; | ||
163 | } | ||
164 | |||
165 | div#recordFiltersDIV table { | ||
166 | background: url(../images/old/cardFiltersSprite.gif) no-repeat right -19px; | ||
167 | } | ||
168 | |||
169 | div#recordFiltersDIV table tbody tr td div { | ||
170 | background: url(../images/old/cardFiltersSprite.gif) no-repeat right -38px; | ||
171 | } | ||
172 | |||
173 | div#recordFiltersDIV table tbody tr td div a { | ||
174 | background: url(../images/old/cardFiltersSprite.gif) no-repeat left -19px; | ||
175 | } | ||
176 | |||
177 | div#recordFiltersDIV table tbody tr td.selectedTab { | ||
178 | background: url(../images/old/cardFiltersSprite.gif) repeat-x -57px; | ||
179 | } | ||
180 | |||
181 | div#recordFiltersDIV table tbody tr td.selectedTab div { | ||
182 | background: url(../images/old/cardFiltersSprite.gif) no-repeat right -95px; | ||
183 | } | ||
184 | |||
185 | div#recordFiltersDIV table tbody tr td.selectedTab div a { | ||
186 | background: url(../images/old/cardFiltersSprite.gif) no-repeat left -76px; | ||
187 | } | ||
188 | */ | ||
189 | |||
190 | div#recordFiltersSearchInnerPanel { | ||
191 | background: url(../images/old/recordFilterBackground.png) no-repeat -10px -138px; | ||
192 | } | ||
193 | |||
194 | table#recordListAndDetailBlockTABLE { | ||
195 | background: url(../images/old/cardBlockLowerBorder.gif) repeat-x 0 bottom; | ||
196 | } | ||
197 | |||
198 | div#recordListBlockHeader table.recordListBlockHeaderTABLE { | ||
199 | background: url(../images/old/cardsBlockRoundCorners.gif) no-repeat right -51px; | ||
200 | } | ||
201 | |||
202 | div#recordListBlockHeader table.recordListBlockHeaderTABLE tbody tr td.recordBlockTitleTD { | ||
203 | background: url(../images/old/cardsBlockRoundCorners.gif) no-repeat left 0px; | ||
204 | } | ||
205 | |||
206 | td#cardBoxLowerLeftTD { | ||
207 | background: url(../images/old/cardBlockLowerRoundedCorner.gif) no-repeat left -32px; | ||
208 | } | ||
209 | |||
210 | td#cardBoxLowerRightTD { | ||
211 | background: url(../images/old/cardBlockLowerRoundedCorner.gif) no-repeat right -82px; | ||
212 | } | ||
213 | |||
214 | div#newRecordInnerPanel { | ||
215 | background: url(../images/old/newRecordPanelBackground.png) no-repeat 0 -165px; | ||
216 | } | ||
217 | |||
218 | .resizable-textarea .grippie { | ||
219 | background: #eee url(../images/old/grippie.png) no-repeat center 1px; | ||
220 | } | ||
221 | |||
222 | div.Clipperz_recordFieldData div.passwordBackground, div.passwordEntropy { | ||
223 | background: url(../images/old/entropyBackground.gif) repeat-x 0 0; | ||
224 | } | ||
225 | |||
226 | div.Clipperz_recordFieldData input.scrambledField { | ||
227 | background: transparent url(../images/old/scrambledValue.png) no-repeat 0 0px; | ||
228 | } | ||
229 | |||
230 | div.Clipperz_recordFieldData input.scrambledField:focus { | ||
231 | background: transparent url(../images/old/scrambledValue.png) no-repeat 0 -16px; | ||
232 | } | ||
233 | |||
234 | div.directLoginCollapseLink { | ||
235 | background: url(../images/old/directLogin/toggle.png) no-repeat; | ||
236 | } | ||
237 | |||
238 | #mb-dlg .ext-mb-progress { | ||
239 | background:transparent url(../images/old/default/basic-dialog/progress2.gif) repeat-x 1px 1px; | ||
240 | } | ||
241 | |||
242 | .ydlg .ydlg-hd { | ||
243 | background: url(../images/old/clipperz/basic-dialog/hd-sprite.gif) repeat-x 0 -82px; | ||
244 | } | ||
245 | .ydlg .ydlg-hd-left { | ||
246 | background: url(../images/old/clipperz/basic-dialog/hd-sprite.gif) no-repeat 0 -41px; | ||
247 | } | ||
248 | .ydlg .ydlg-hd-right { | ||
249 | background: url(../images/old/clipperz/basic-dialog/hd-sprite.gif) no-repeat right 0; | ||
250 | } | ||
251 | |||
252 | .ydlg .ydlg-close { | ||
253 | background-image:url(../images/old/clipperz/basic-dialog/close.gif); | ||
254 | } | ||
255 | |||
256 | body .ybtn-left{ | ||
257 | background:url(../images/old/default/basic-dialog/btn-sprite.gif) no-repeat 0 0; | ||
258 | } | ||
259 | body .ybtn-right{ | ||
260 | background:url(../images/old/default/basic-dialog/btn-sprite.gif) no-repeat 0 -21px; | ||
261 | } | ||
262 | body .ybtn-center{ | ||
263 | background:url(../images/old/default/basic-dialog/btn-sprite.gif) repeat-x 0 -42px; | ||
264 | } | ||
265 | |||
266 | |||
267 | |||
268 | |||
269 | div.Clipperz_PasswordGenerator_button { | ||
270 | background: url(../images/old/passwordAssistant.png) 0 22px; | ||
271 | } | ||
272 | |||
273 | div.Clipperz_PasswordGenerator_button.hover { | ||
274 | background: url(../images/old/passwordAssistant.png) 0 -1px; | ||
275 | } | ||
276 | |||
277 | body ul.radioList li h4 { | ||
278 | cursor: auto; | ||
279 | } | ||
280 | |||
281 | /* ========================================================== */ | ||
282 | |||
283 | </style> | ||
284 | |||
285 | <![endif]--> | ||
286 | |||
287 | |||
288 | |||
289 | <!--[if lt IE 7]> | ||
290 | |||
291 | <style> | ||
292 | |||
293 | div#newRecordPanel { | ||
294 | position: absolute; | ||
295 | margin-left: 0px; | ||
296 | width: 350px; | ||
297 | height: 160px; | ||
298 | } | ||
299 | |||
300 | div#newRecordInnerPanel { | ||
301 | width: 350px; | ||
302 | height: 160px; | ||
303 | background: url(../images/old/newRecordPanelBackground.gif) no-repeat 0 -165px; | ||
304 | /*background: url(data:image/gif;charset=utf-8;base64,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) no-repeat 0 -165px; */ | ||
305 | } | ||
306 | |||
307 | div.newRecordInnerInnerPanel { | ||
308 | background-color: white; | ||
309 | padding: 0px; | ||
310 | margin-left: 15px; | ||
311 | margin-right: 15px; | ||
312 | } | ||
313 | |||
314 | div#newRecordPanel table td.newRecordPanelLabelTD { | ||
315 | padding-left: 0px; | ||
316 | padding-top: 3px; | ||
317 | font-size: 9pt; | ||
318 | width: 100px; | ||
319 | } | ||
320 | |||
321 | div#readOnlyBanner { | ||
322 | background: url(../images/old/read-only.gif) no-repeat fixed -5px -8px; | ||
323 | /*background: url(data:image/gif;charset=utf-8;base64,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) no-repeat fixed -5px -8px; */ | ||
324 | } | ||
325 | |||
326 | |||
327 | |||
328 | ul#directLogins { | ||
329 | height: 200px; | ||
330 | } | ||
331 | |||
332 | div#recordListBlock { | ||
333 | height: 200px; | ||
334 | } | ||
335 | |||
336 | div.clipperzSubPanel { | ||
337 | height: 200px; | ||
338 | } | ||
339 | |||
340 | |||
341 | |||
342 | div.Clipperz_recordFieldData input.scrambledField { | ||
343 | background: transparent url(../images/old/scrambledValue.gif) no-repeat 0 0px; | ||
344 | /* background: transparent url(data:image/gif;charset=utf-8;base64,R0lGODlhRwAgANUmAP///7XV/2ZmZqW/4ODg4HBwcGttcJChuLi4uHZ8hYWFhfX19bDO9YCLmZmZmaOjo4aSo6C31tbW1q2trXuEj4uarY+Pj+vr66rG68LCwpWpwnp6eszMzHF1epuwzMTd/7rY/9Pm/8ng/7/b/87j/9jp/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACYALAAAAABHACAAAAb/QIBwSCwaj8ikcslsOp/QqHRKRV4QkmQGkbxmkVtlGGkyLSUCLtIiSKLVR7ZSTjYfLwvAW0gY9gF0eEKCewB/hkKBeXyJbQCCRGVIDgIOE5UPBQV8AhsTCmmgapSWmJqcnqKiqJ+haUJlsbFFCKACt50TeQSZuLcOHEK1vrm7vb7AfMe4yQCyskcEBbcZRw+3CotE0tTW2NpE1wLZRtBI19fk25qU1UXo4+CG7ALu6wXt5bNHHAIWAAgEPCgCSsICTYcA9PsXcCCRggcLJAQAEWEkO5KMcNhwIREcAAssCZGgIOHGjoA+hpwwsiSRlS0TZsxYpabNmzhz6tzJs6fP/wBAgwodSrSo0aNIkypdyrSp06dQo0o1iuFAhKMaDhytetVoVqRfjZZJGkGAVqMUBBwte7ZoWqRvxZqgyiAAW6ADguYNEBdD3QB+7ZrFqxdo378B9h4G+gHo2AAjQAhtIKBBhcoQDBjAK6BDhQRmQZ+lbBmzZs6eRYtG/Tn04A/PYpUQegC0L891B2Qm1sAD0NrEcCfe7as3XuK4jMOObYIE0QEGbmkoCuFWAsR6owuYTrS6gOvUrWN3HEty+OrghUI3QJm70Orox69v/1wzfaHLy4Qo6kEAhQAHCADBUKBFwIBmewHV338BDihUgQcakCBQECIoVBkigFBGY0N50DIBBoa1FQADlgEVQQITeggiXyKSWIGJKArlIowJajhXABtOpeOOPPbo449ABinkkAEEAQA7Cg==) no-repeat 0 0px;*/ | ||
345 | } | ||
346 | |||
347 | div.Clipperz_recordFieldData input.scrambledField:focus { | ||
348 | background: transparent url(../images/old/scrambledValue.gif) no-repeat 0 -14px; | ||
349 | /* background: transparent url(data:image/gif;charset=utf-8;base64,R0lGODlhRwAgANUmAP///7XV/2ZmZqW/4ODg4HBwcGttcJChuLi4uHZ8hYWFhfX19bDO9YCLmZmZmaOjo4aSo6C31tbW1q2trXuEj4uarY+Pj+vr66rG68LCwpWpwnp6eszMzHF1epuwzMTd/7rY/9Pm/8ng/7/b/87j/9jp/////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACYALAAAAABHACAAAAb/QIBwSCwaj8ikcslsOp/QqHRKRV4QkmQGkbxmkVtlGGkyLSUCLtIiSKLVR7ZSTjYfLwvAW0gY9gF0eEKCewB/hkKBeXyJbQCCRGVIDgIOE5UPBQV8AhsTCmmgapSWmJqcnqKiqJ+haUJlsbFFCKACt50TeQSZuLcOHEK1vrm7vb7AfMe4yQCyskcEBbcZRw+3CotE0tTW2NpE1wLZRtBI19fk25qU1UXo4+CG7ALu6wXt5bNHHAIWAAgEPCgCSsICTYcA9PsXcCCRggcLJAQAEWEkO5KMcNhwIREcAAssCZGgIOHGjoA+hpwwsiSRlS0TZsxYpabNmzhz6tzJs6fP/wBAgwodSrSo0aNIkypdyrSp06dQo0o1iuFAhKMaDhytetVoVqRfjZZJGkGAVqMUBBwte7ZoWqRvxZqgyiAAW6ADguYNEBdD3QB+7ZrFqxdo378B9h4G+gHo2AAjQAhtIKBBhcoQDBjAK6BDhQRmQZ+lbBmzZs6eRYtG/Tn04A/PYpUQegC0L891B2Qm1sAD0NrEcCfe7as3XuK4jMOObYIE0QEGbmkoCuFWAsR6owuYTrS6gOvUrWN3HEty+OrghUI3QJm70Orox69v/1wzfaHLy4Qo6kEAhQAHCADBUKBFwIBmewHV338BDihUgQcakCBQECIoVBkigFBGY0N50DIBBoa1FQADlgEVQQITeggiXyKSWIGJKArlIowJajhXABtOpeOOPPbo449ABinkkAEEAQA7Cg==) no-repeat 0 -14px;*/ | ||
350 | } | ||
351 | |||
352 | |||
353 | |||
354 | </style> | ||
355 | |||
356 | <![endif]--> | ||