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