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