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