summaryrefslogtreecommitdiff
path: root/frontend
authorClipperz <info@clipperz.com>2013-01-09 11:05:50 (UTC)
committer Clipperz <info@clipperz.com>2013-01-09 11:05:50 (UTC)
commitf6903b9a5670370ef742a02092ab72e4227ddcd9 (patch) (unidiff)
tree01a5c33671c05765729522dfd383d7434c1c0c35 /frontend
parent34726bbee84efbf0490f204d5d267b15fb4d3214 (diff)
downloadclipperz-f6903b9a5670370ef742a02092ab72e4227ddcd9.zip
clipperz-f6903b9a5670370ef742a02092ab72e4227ddcd9.tar.gz
clipperz-f6903b9a5670370ef742a02092ab72e4227ddcd9.tar.bz2
Fixed application version display on /gamma
Diffstat (limited to 'frontend') (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/css/web.css1
-rw-r--r--frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js2
2 files changed, 2 insertions, 1 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index 94cd715..5d8bc20 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -161,768 +161,769 @@ div#loading div h5 {
161Color list: 161Color list:
162- login box: 162- login box:
163 light#ff9955 163 light#ff9955
164 dark#ff6622 164 dark#ff6622
165- login button: 165- login button:
166 regular#dd5500 166 regular#dd5500
167 hover#773311 167 hover#773311
168- login translations: 168- login translations:
169 box: #cc6622; 169 box: #cc6622;
170 not-selected: 170 not-selected:
171 color: #ddaa99 171 color: #ddaa99
172 background:#994422 172 background:#994422
173 selected: #772211; 173 selected: #772211;
174*/ 174*/
175html { 175html {
176 height: 100%; 176 height: 100%;
177} 177}
178body { 178body {
179 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 179 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
180 margin: 0px; 180 margin: 0px;
181} 181}
182div.modalDialogMask.userInfoBoxMask { 182div.modalDialogMask.userInfoBoxMask {
183 -moz-opacity: 0.0; 183 -moz-opacity: 0.0;
184 opacity: .0; 184 opacity: .0;
185 filter: alpha(opacity=0); 185 filter: alpha(opacity=0);
186 z-index: 19000; 186 z-index: 19000;
187} 187}
188.reset-margin { 188.reset-margin {
189 margin: 0px; 189 margin: 0px;
190 padding: 0px; 190 padding: 0px;
191 border: 0px; 191 border: 0px;
192} 192}
193.clear { 193.clear {
194 clear: both; 194 clear: both;
195} 195}
196.hidden_none { 196.hidden_none {
197 display: none; 197 display: none;
198 visibility: hidden; 198 visibility: hidden;
199} 199}
200.keepTogether { 200.keepTogether {
201 display: inline-block; 201 display: inline-block;
202 white-space: nowrap; 202 white-space: nowrap;
203} 203}
204#mainDiv { 204#mainDiv {
205 margin: 0 auto; 205 margin: 0 auto;
206} 206}
207div.tooltip { 207div.tooltip {
208 position: absolute; 208 position: absolute;
209 z-index: 30001; 209 z-index: 30001;
210} 210}
211div.tooltip div.tooltip_body { 211div.tooltip div.tooltip_body {
212 border-radius: 8px; 212 border-radius: 8px;
213 -moz-border-radius: 8px; 213 -moz-border-radius: 8px;
214 -webkit-border-radius: 8px; 214 -webkit-border-radius: 8px;
215 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555)); 215 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#555555));
216 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb); 216 background: -moz-linear-gradient(0% 100% 90deg, #555555, #bbbbbb);
217 -webkit-box-shadow: 4px 4px 10px #333333; 217 -webkit-box-shadow: 4px 4px 10px #333333;
218 -moz-box-shadow: 4px 4px 10px #333333; 218 -moz-box-shadow: 4px 4px 10px #333333;
219 box-shadow: 4px 4px 10px #333333; 219 box-shadow: 4px 4px 10px #333333;
220 border-top: 1px solid #d4d4d4; 220 border-top: 1px solid #d4d4d4;
221 border-left: 1px solid #a2a2a2; 221 border-left: 1px solid #a2a2a2;
222 border-right: 1px solid #6f6f6f; 222 border-right: 1px solid #6f6f6f;
223 border-bottom: 1px solid #3c3c3c; 223 border-bottom: 1px solid #3c3c3c;
224} 224}
225div.tooltip div.tooltip_body span { 225div.tooltip div.tooltip_body span {
226 display: block; 226 display: block;
227 padding: 10px; 227 padding: 10px;
228 font-size: 10pt; 228 font-size: 10pt;
229 color: white; 229 color: white;
230} 230}
231div.tooltip div.tooltip_body div.tooltip_text { 231div.tooltip div.tooltip_body div.tooltip_text {
232 width: 200px; 232 width: 200px;
233} 233}
234div.tooltip div.tooltip_arrow { 234div.tooltip div.tooltip_arrow {
235 position: absolute; 235 position: absolute;
236 width: 0; 236 width: 0;
237 height: 0; 237 height: 0;
238 border: 6px solid transparent; 238 border: 6px solid transparent;
239} 239}
240div.tooltip.BELOW div.tooltip_arrow { 240div.tooltip.BELOW div.tooltip_arrow {
241 top: -12px; 241 top: -12px;
242 left: 97px; 242 left: 97px;
243 border-bottom: 6px solid #bbbbbb; 243 border-bottom: 6px solid #bbbbbb;
244} 244}
245div.tooltip.ABOVE div.tooltip_arrow { 245div.tooltip.ABOVE div.tooltip_arrow {
246 position: static; 246 position: static;
247 margin-left: 97px; 247 margin-left: 97px;
248 border-top: 6px solid #555555; 248 border-top: 6px solid #555555;
249} 249}
250div.tooltip.LEFT div.tooltip_arrow { 250div.tooltip.LEFT div.tooltip_arrow {
251 left: 203px; 251 left: 203px;
252 top: 10px; 252 top: 10px;
253 border-left: 6px solid #747474; 253 border-left: 6px solid #747474;
254} 254}
255div.tooltip.LEFT div.tooltip_body div.tooltip_text { 255div.tooltip.LEFT div.tooltip_body div.tooltip_text {
256 min-height: 45px; 256 min-height: 45px;
257} 257}
258div.tooltip.RIGHT div.tooltip_arrow { 258div.tooltip.RIGHT div.tooltip_arrow {
259 left: -12px; 259 left: -12px;
260 top: 10px; 260 top: 10px;
261 border-right: 6px solid #9c9c9c; 261 border-right: 6px solid #9c9c9c;
262} 262}
263div.tooltip.RIGHT div.tooltip_body div.tooltip_text { 263div.tooltip.RIGHT div.tooltip_body div.tooltip_text {
264 min-height: 45px; 264 min-height: 45px;
265} 265}
266.button.default { 266.button.default {
267 display: inline-block; 267 display: inline-block;
268 height: 20px; 268 height: 20px;
269 cursor: pointer; 269 cursor: pointer;
270 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622)); 270 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffa76f), to(#ff6622));
271 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f); 271 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffa76f);
272 border-radius: 5; 272 border-radius: 5;
273 -moz-border-radius: 5; 273 -moz-border-radius: 5;
274 -webkit-border-radius: 5; 274 -webkit-border-radius: 5;
275 border: 1px solid #ff7f46; 275 border: 1px solid #ff7f46;
276 padding-top: 4px; 276 padding-top: 4px;
277 padding-left: 15px; 277 padding-left: 15px;
278 padding-right: 15px; 278 padding-right: 15px;
279 padding-bottom: 2px; 279 padding-bottom: 2px;
280 color: white; 280 color: white;
281 font-weight: lighter; 281 font-weight: lighter;
282 text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f; 282 text-shadow: -1px -1px 1px #ff6622, 1px 1px 1px #ffa76f;
283 text-decoration: none; 283 text-decoration: none;
284 font-weight: normal; 284 font-weight: normal;
285} 285}
286.button.default:hover { 286.button.default:hover {
287 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622)); 287 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff8e46), to(#ff6622));
288 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46); 288 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff8e46);
289} 289}
290.button { 290.button {
291 display: inline-block; 291 display: inline-block;
292 height: 20px; 292 height: 20px;
293 cursor: pointer; 293 cursor: pointer;
294 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999)); 294 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bfbfbf), to(#999999));
295 background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf); 295 background: -moz-linear-gradient(0% 100% 90deg, #999999, #bfbfbf);
296 border-radius: 5; 296 border-radius: 5;
297 -moz-border-radius: 5; 297 -moz-border-radius: 5;
298 -webkit-border-radius: 5; 298 -webkit-border-radius: 5;
299 border: 1px solid #ababab; 299 border: 1px solid #ababab;
300 padding-top: 4px; 300 padding-top: 4px;
301 padding-left: 15px; 301 padding-left: 15px;
302 padding-right: 15px; 302 padding-right: 15px;
303 padding-bottom: 2px; 303 padding-bottom: 2px;
304 color: white; 304 color: white;
305 font-weight: lighter; 305 font-weight: lighter;
306 text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf; 306 text-shadow: -1px -1px 1px #999999, 1px 1px 1px #bfbfbf;
307 text-decoration: none; 307 text-decoration: none;
308} 308}
309.button:hover { 309.button:hover {
310 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999)); 310 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ababab), to(#999999));
311 background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab); 311 background: -moz-linear-gradient(0% 100% 90deg, #999999, #ababab);
312} 312}
313/* 313/*
314 314
315Color list: 315Color list:
316- login box: 316- login box:
317 light#ff9955 317 light#ff9955
318 dark#ff6622 318 dark#ff6622
319- login button: 319- login button:
320 regular#dd5500 320 regular#dd5500
321 hover#773311 321 hover#773311
322- login translations: 322- login translations:
323 box: #cc6622; 323 box: #cc6622;
324 not-selected: 324 not-selected:
325 color: #ddaa99 325 color: #ddaa99
326 background:#994422 326 background:#994422
327 selected: #772211; 327 selected: #772211;
328*/ 328*/
329html { 329html {
330 height: 100%; 330 height: 100%;
331} 331}
332body { 332body {
333 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 333 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
334 margin: 0px; 334 margin: 0px;
335} 335}
336div.modalDialogMask.userInfoBoxMask { 336div.modalDialogMask.userInfoBoxMask {
337 -moz-opacity: 0.0; 337 -moz-opacity: 0.0;
338 opacity: .0; 338 opacity: .0;
339 filter: alpha(opacity=0); 339 filter: alpha(opacity=0);
340 z-index: 19000; 340 z-index: 19000;
341} 341}
342.reset-margin { 342.reset-margin {
343 margin: 0px; 343 margin: 0px;
344 padding: 0px; 344 padding: 0px;
345 border: 0px; 345 border: 0px;
346} 346}
347.clear { 347.clear {
348 clear: both; 348 clear: both;
349} 349}
350.hidden_none { 350.hidden_none {
351 display: none; 351 display: none;
352 visibility: hidden; 352 visibility: hidden;
353} 353}
354.keepTogether { 354.keepTogether {
355 display: inline-block; 355 display: inline-block;
356 white-space: nowrap; 356 white-space: nowrap;
357} 357}
358#mainDiv { 358#mainDiv {
359 margin: 0 auto; 359 margin: 0 auto;
360} 360}
361div.pageHeaderAndBody { 361div.pageHeaderAndBody {
362 height: 100%; 362 height: 100%;
363} 363}
364div.pageHeaderAndBody div#pageBody { 364div.pageHeaderAndBody div#pageBody {
365 min-width: 1013px; 365 min-width: 1013px;
366 padding-bottom: 90px; 366 padding-bottom: 90px;
367} 367}
368div.pageHeaderAndBody div.pageHeader { 368div.pageHeaderAndBody div.pageHeader {
369 background-color: #1f2148; 369 background-color: #1f2148;
370 min-width: 1013px; 370 min-width: 1013px;
371} 371}
372div.pageHeaderAndBody div.pageHeader div#miscLinks { 372div.pageHeaderAndBody div.pageHeader div#miscLinks {
373 float: right; 373 float: right;
374} 374}
375div.pageHeaderAndBody div.pageHeader div#miscLinks ul { 375div.pageHeaderAndBody div.pageHeader div#miscLinks ul {
376 margin: 12px 0px 0px; 376 margin: 12px 0px 0px;
377 padding: 15px; 377 padding: 15px;
378} 378}
379div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { 379div.pageHeaderAndBody div.pageHeader div#miscLinks ul li {
380 display: inline; 380 display: inline;
381 margin: 0px; 381 margin: 0px;
382 padding: 0px; 382 padding: 0px;
383 border: 0px; 383 border: 0px;
384} 384}
385div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { 385div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a {
386 color: #ffffff; 386 color: #ffffff;
387 margin: 0px; 387 margin: 0px;
388 padding: 0px; 388 padding: 0px;
389 border: 0px; 389 border: 0px;
390 padding: 15px; 390 padding: 15px;
391 border-left: 1px solid #3e428f; 391 border-left: 1px solid #3e428f;
392 font-weight: normal; 392 font-weight: normal;
393 text-decoration: none; 393 text-decoration: none;
394 font-size: 12pt; 394 font-size: 12pt;
395 min-width: 70px; 395 min-width: 70px;
396} 396}
397div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { 397div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover {
398 color: #b8bae1; 398 color: #b8bae1;
399} 399}
400div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { 400div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink {
401 border-left: 0px; 401 border-left: 0px;
402} 402}
403div.pageHeaderAndBody div.pageHeader div#logoFrame { 403div.pageHeaderAndBody div.pageHeader div#logoFrame {
404 padding: 16px 16px 60px 16px; 404 padding: 16px 16px 60px 16px;
405 min-height: 44px; 405 min-height: 44px;
406} 406}
407div.pageHeaderAndBody div.pageHeader div#logoFrame a { 407div.pageHeaderAndBody div.pageHeader div#logoFrame a {
408 color: white; 408 color: white;
409 text-decoration: none; 409 text-decoration: none;
410} 410}
411div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { 411div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas {
412 margin: 0px; 412 margin: 0px;
413 padding: 0px; 413 padding: 0px;
414 border: 0px; 414 border: 0px;
415 width: 150px; 415 width: 150px;
416 height: 39px; 416 height: 39px;
417} 417}
418div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { 418div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff {
419 font-size: 13pt; 419 font-size: 13pt;
420 font-weight: normal; 420 font-weight: normal;
421 white-space: nowrap; 421 white-space: nowrap;
422 margin: 0px; 422 margin: 0px;
423 padding-left: 4px; 423 padding-left: 4px;
424} 424}
425div.pageHeaderAndBody div.pageHeader div#featureTabs table { 425div.pageHeaderAndBody div.pageHeader div#featureTabs table {
426 width: 100%; 426 width: 100%;
427 padding: 6px; 427 padding: 6px;
428 padding-left: 15px; 428 padding-left: 15px;
429 padding-right: 15px; 429 padding-right: 15px;
430 padding-bottom: 46px; 430 padding-bottom: 46px;
431} 431}
432div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { 432div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td {
433 width: 25%; 433 width: 25%;
434 vertical-align: top; 434 vertical-align: top;
435 font-size: 11pt; 435 font-size: 11pt;
436 color: white; 436 color: white;
437} 437}
438div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { 438div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img {
439 float: left; 439 float: left;
440} 440}
441div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { 441div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span {
442 display: block; 442 display: block;
443 padding: 5 10 5 85; 443 padding: 5 10 5 85;
444} 444}
445div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { 445div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon {
446 width: 76px; 446 width: 76px;
447 height: 76px; 447 height: 76px;
448 display: block; 448 display: block;
449 float: left; 449 float: left;
450 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622)); 450 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffad79), to(#ff6622));
451 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79); 451 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ffad79);
452 border-radius: 38px; 452 border-radius: 38px;
453 -moz-border-radius: 38px; 453 -moz-border-radius: 38px;
454 -webkit-border-radius: 38px; 454 -webkit-border-radius: 38px;
455} 455}
456div.pageHeaderAndBody div.pageHeader div#news { 456div.pageHeaderAndBody div.pageHeader div#news {
457 top: -82px; 457 top: -82px;
458 left: 240px; 458 left: 240px;
459 width: 310px; 459 width: 310px;
460 height: 90px; 460 height: 90px;
461 position: absolute; 461 position: absolute;
462 background-color: #616475; 462 background-color: #616475;
463 -webkit-border-bottom-left-radius: 8px; 463 -webkit-border-bottom-left-radius: 8px;
464 -moz-border-radius-bottomleft: 8px; 464 -moz-border-radius-bottomleft: 8px;
465 border-bottom-left-radius: 8px; 465 border-bottom-left-radius: 8px;
466 -webkit-border-bottom-right-radius: 8px; 466 -webkit-border-bottom-right-radius: 8px;
467 -moz-border-radius-bottomright: 8px; 467 -moz-border-radius-bottomright: 8px;
468 border-bottom-right-radius: 8px; 468 border-bottom-right-radius: 8px;
469 -webkit-box-shadow: 2px 2px 9px #333333; 469 -webkit-box-shadow: 2px 2px 9px #333333;
470 -moz-box-shadow: 2px 2px 9px #333333; 470 -moz-box-shadow: 2px 2px 9px #333333;
471 box-shadow: 2px 2px 9px #333333; 471 box-shadow: 2px 2px 9px #333333;
472} 472}
473div.pageHeaderAndBody div.pageHeader div#news div#newsframe { 473div.pageHeaderAndBody div.pageHeader div#news div#newsframe {
474 margin-left: 10px; 474 margin-left: 10px;
475 margin-right: 10px; 475 margin-right: 10px;
476 height: 75px; 476 height: 75px;
477 overflow: hidden; 477 overflow: hidden;
478} 478}
479div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { 479div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe {
480 width: 290px; 480 width: 290px;
481 border: 0px; 481 border: 0px;
482 color: #616475; 482 color: #616475;
483 background-color: #616475; 483 background-color: #616475;
484} 484}
485div.pageHeaderAndBody div.pageHeader div#news div.grip { 485div.pageHeaderAndBody div.pageHeader div#news div.grip {
486 width: 310px; 486 width: 310px;
487 height: 6px; 487 height: 6px;
488 margin-top: 2px; 488 margin-top: 2px;
489 cursor: pointer; 489 cursor: pointer;
490} 490}
491div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { 491div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler {
492 margin-left: auto; 492 margin-left: auto;
493 margin-right: auto; 493 margin-right: auto;
494 margin-top: 8px; 494 margin-top: 8px;
495 width: 0; 495 width: 0;
496 height: 0; 496 height: 0;
497 border-left: 5px solid transparent; 497 border-left: 5px solid transparent;
498 border-right: 5px solid transparent; 498 border-right: 5px solid transparent;
499} 499}
500div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { 500div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler {
501 border-bottom: 5px solid #e9e9ec; 501 border-bottom: 5px solid #e9e9ec;
502} 502}
503div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { 503div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler {
504 border-top: 5px solid #e9e9ec; 504 border-top: 5px solid #e9e9ec;
505} 505}
506div.pageFooter { 506div.pageFooter {
507 margin-top: -90px; 507 margin-top: -90px;
508 height: 90px; 508 height: 90px;
509 clear: both; 509 clear: both;
510} 510}
511div.pageFooter div.footerWrapper { 511div.pageFooter div.footerWrapper {
512 clear: both; 512 clear: both;
513 padding-top: 10px; 513 padding-top: 10px;
514} 514}
515div.pageFooter div.footerWrapper div.footerContent { 515div.pageFooter div.footerWrapper div.footerContent {
516 background-color: #eaebe6; 516 background-color: #eaebe6;
517 padding: 20px; 517 padding: 20px;
518 font-size: 8pt; 518 font-size: 8pt;
519} 519}
520div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { 520div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon {
521 width: 40px; 521 width: 40px;
522 height: 40px; 522 height: 40px;
523 float: left; 523 float: left;
524} 524}
525div.pageFooter div.footerWrapper div.footerContent span.copyright { 525div.pageFooter div.footerWrapper div.footerContent span.copyright {
526 padding-left: 10px; 526 padding-left: 10px;
527 color: #a0a0a0; 527 color: #a0a0a0;
528} 528}
529div.pageFooter div.footerWrapper div.footerContent a { 529div.pageFooter div.footerWrapper div.footerContent a {
530 padding-left: 50px; 530 padding-left: 50px;
531 display: block; 531 display: block;
532 color: #888888; 532 color: #888888;
533 font-weight: bold; 533 font-weight: bold;
534 text-decoration: none; 534 text-decoration: none;
535} 535}
536div.pageFooter div.footerWrapper div.footerContent div.applicationVersion { 536div.pageFooter div.footerWrapper div.footerContent div.applicationVersion {
537 padding: 8px; 537 padding: 8px;
538 color: #888888; 538 color: #888888;
539 background-color: #d2d2d2; 539 background-color: #d2d2d2;
540 position: relative; 540 position: relative;
541 top: -40px; 541 top: -40px;
542 float: right; 542 float: right;
543} 543}
544div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a { 544div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a {
545 padding-left: 0px;
545 display: inline; 546 display: inline;
546} 547}
547/* 548/*
548 549
549Color list: 550Color list:
550- login box: 551- login box:
551 light#ff9955 552 light#ff9955
552 dark#ff6622 553 dark#ff6622
553- login button: 554- login button:
554 regular#dd5500 555 regular#dd5500
555 hover#773311 556 hover#773311
556- login translations: 557- login translations:
557 box: #cc6622; 558 box: #cc6622;
558 not-selected: 559 not-selected:
559 color: #ddaa99 560 color: #ddaa99
560 background:#994422 561 background:#994422
561 selected: #772211; 562 selected: #772211;
562*/ 563*/
563html { 564html {
564 height: 100%; 565 height: 100%;
565} 566}
566body { 567body {
567 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 568 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
568 margin: 0px; 569 margin: 0px;
569} 570}
570div.modalDialogMask.userInfoBoxMask { 571div.modalDialogMask.userInfoBoxMask {
571 -moz-opacity: 0.0; 572 -moz-opacity: 0.0;
572 opacity: .0; 573 opacity: .0;
573 filter: alpha(opacity=0); 574 filter: alpha(opacity=0);
574 z-index: 19000; 575 z-index: 19000;
575} 576}
576.reset-margin { 577.reset-margin {
577 margin: 0px; 578 margin: 0px;
578 padding: 0px; 579 padding: 0px;
579 border: 0px; 580 border: 0px;
580} 581}
581.clear { 582.clear {
582 clear: both; 583 clear: both;
583} 584}
584.hidden_none { 585.hidden_none {
585 display: none; 586 display: none;
586 visibility: hidden; 587 visibility: hidden;
587} 588}
588.keepTogether { 589.keepTogether {
589 display: inline-block; 590 display: inline-block;
590 white-space: nowrap; 591 white-space: nowrap;
591} 592}
592#mainDiv { 593#mainDiv {
593 margin: 0 auto; 594 margin: 0 auto;
594} 595}
595div#loginBox { 596div#loginBox {
596 width: 273px; 597 width: 273px;
597 z-index: 19000; 598 z-index: 19000;
598 top: -30px; 599 top: -30px;
599 right: 30px; 600 right: 30px;
600 position: relative; 601 position: relative;
601 float: right; 602 float: right;
602} 603}
603div#loginBox div.header { 604div#loginBox div.header {
604 height: 25px; 605 height: 25px;
605 width: 273px; 606 width: 273px;
606 background-color: #ff9b5a; 607 background-color: #ff9b5a;
607 -webkit-border-top-left-radius: 20px; 608 -webkit-border-top-left-radius: 20px;
608 -moz-border-radius-topleft: 20px; 609 -moz-border-radius-topleft: 20px;
609 border-top-left-radius: 20px; 610 border-top-left-radius: 20px;
610 -webkit-border-top-right-radius: 20px; 611 -webkit-border-top-right-radius: 20px;
611 -moz-border-radius-topright: 20px; 612 -moz-border-radius-topright: 20px;
612 border-top-right-radius: 20px; 613 border-top-right-radius: 20px;
613} 614}
614div#loginBox div.body { 615div#loginBox div.body {
615 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 616 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
616 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 617 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
617} 618}
618div#loginBox div.body h4 { 619div#loginBox div.body h4 {
619 color: #ffffff; 620 color: #ffffff;
620 font-size: 16pt; 621 font-size: 16pt;
621 font-weight: normal; 622 font-weight: normal;
622 padding-left: 20px; 623 padding-left: 20px;
623 margin: 0px; 624 margin: 0px;
624} 625}
625div#loginBox div.body form.loginForm { 626div#loginBox div.body form.loginForm {
626 padding: 5px 20px 0px; 627 padding: 5px 20px 0px;
627 margin-bottom: 0px; 628 margin-bottom: 0px;
628} 629}
629div#loginBox div.body form.loginForm label { 630div#loginBox div.body form.loginForm label {
630 color: #ffffff; 631 color: #ffffff;
631 font-size: 10pt; 632 font-size: 10pt;
632 display: block; 633 display: block;
633 padding-top: 5px; 634 padding-top: 5px;
634} 635}
635div#loginBox div.body form.loginForm label.checkbox { 636div#loginBox div.body form.loginForm label.checkbox {
636 display: inline; 637 display: inline;
637} 638}
638div#loginBox div.body form.loginForm input { 639div#loginBox div.body form.loginForm input {
639 width: 230px; 640 width: 230px;
640 font-size: 14pt; 641 font-size: 14pt;
641 color: #333366; 642 color: #333366;
642 background-color: #ffffff; 643 background-color: #ffffff;
643 border: 1px solid #bb4924; 644 border: 1px solid #bb4924;
644 padding: 2px 5px; 645 padding: 2px 5px;
645 height: 28px; 646 height: 28px;
646} 647}
647div#loginBox div.body form.loginForm input.checkbox { 648div#loginBox div.body form.loginForm input.checkbox {
648 margin: 10px 8px 0px 0px; 649 margin: 10px 8px 0px 0px;
649 height: auto; 650 height: auto;
650 width: auto; 651 width: auto;
651 border: 0px; 652 border: 0px;
652} 653}
653div#loginBox div.body form.loginForm input.checkbox:hover { 654div#loginBox div.body form.loginForm input.checkbox:hover {
654 cursor: pointer; 655 cursor: pointer;
655} 656}
656div#loginBox div.body form.loginForm input.otp { 657div#loginBox div.body form.loginForm input.otp {
657 width: 57px; 658 width: 57px;
658 display: inline; 659 display: inline;
659 padding-left: 0px; 660 padding-left: 0px;
660 padding-right: 0px; 661 padding-right: 0px;
661 height: 28px; 662 height: 28px;
662 font: 8pt monospace; 663 font: 8pt monospace;
663} 664}
664div#loginBox div.body form.loginForm input.submit { 665div#loginBox div.body form.loginForm input.submit {
665 margin: 0px 45px; 666 margin: 0px 45px;
666 width: 140px; 667 width: 140px;
667 color: #ffffff; 668 color: #ffffff;
668 background-color: #d44100; 669 background-color: #d44100;
669 border: 1px solid #bb4924; 670 border: 1px solid #bb4924;
670 padding: 6px; 671 padding: 6px;
671 font-size: 12pt; 672 font-size: 12pt;
672 height: auto; 673 height: auto;
673} 674}
674div#loginBox div.body form.loginForm input.submit:hover { 675div#loginBox div.body form.loginForm input.submit:hover {
675 color: #ffffff; 676 color: #ffffff;
676 background-color: #7e2700; 677 background-color: #7e2700;
677 cursor: pointer; 678 cursor: pointer;
678} 679}
679div#loginBox div.body form.loginForm ul { 680div#loginBox div.body form.loginForm ul {
680 list-style-type: none; 681 list-style-type: none;
681 padding: 0px; 682 padding: 0px;
682 margin: 0px; 683 margin: 0px;
683} 684}
684div#loginBox div.body form.loginForm ul li { 685div#loginBox div.body form.loginForm ul li {
685 display: block; 686 display: block;
686} 687}
687div#loginBox div.body form.loginForm div.translations { 688div#loginBox div.body form.loginForm div.translations {
688 margin: 15px -20px; 689 margin: 15px -20px;
689 background-color: #c87b59; 690 background-color: #c87b59;
690} 691}
691div#loginBox div.body form.loginForm div.translations h4 { 692div#loginBox div.body form.loginForm div.translations h4 {
692 font-size: 9pt; 693 font-size: 9pt;
693 padding: 6px 20px 0px; 694 padding: 6px 20px 0px;
694} 695}
695div#loginBox div.body form.loginForm div.translations ul { 696div#loginBox div.body form.loginForm div.translations ul {
696 margin: 0px; 697 margin: 0px;
697 padding: 5px 10px 10px; 698 padding: 5px 10px 10px;
698 margin-bottom: 15px; 699 margin-bottom: 15px;
699} 700}
700div#loginBox div.body form.loginForm div.translations ul li { 701div#loginBox div.body form.loginForm div.translations ul li {
701 font-size: 8pt; 702 font-size: 8pt;
702 color: #ddaa99; 703 color: #ddaa99;
703 background-color: #994422; 704 background-color: #994422;
704 display: inline-block; 705 display: inline-block;
705 padding: 2px 4px; 706 padding: 2px 4px;
706 margin: 1px; 707 margin: 1px;
707} 708}
708div#loginBox div.body form.loginForm div.translations ul li.selected { 709div#loginBox div.body form.loginForm div.translations ul li.selected {
709 color: #ffffff; 710 color: #ffffff;
710 background-color: #772211; 711 background-color: #772211;
711} 712}
712div#loginBox div.body form.loginForm div.translations ul li.selected:hover { 713div#loginBox div.body form.loginForm div.translations ul li.selected:hover {
713 cursor: default; 714 cursor: default;
714} 715}
715div#loginBox div.body form.loginForm div.translations ul li:hover { 716div#loginBox div.body form.loginForm div.translations ul li:hover {
716 cursor: pointer; 717 cursor: pointer;
717 color: #ffffff; 718 color: #ffffff;
718} 719}
719div#loginBox div.footer { 720div#loginBox div.footer {
720 height: 37px; 721 height: 37px;
721 width: 273px; 722 width: 273px;
722 background-color: #ff6622; 723 background-color: #ff6622;
723 -webkit-border-bottom-left-radius: 20px; 724 -webkit-border-bottom-left-radius: 20px;
724 -moz-border-radius-bottomleft: 20px; 725 -moz-border-radius-bottomleft: 20px;
725 border-bottom-left-radius: 20px; 726 border-bottom-left-radius: 20px;
726 -webkit-border-bottom-right-radius: 20px; 727 -webkit-border-bottom-right-radius: 20px;
727 -moz-border-radius-bottomright: 20px; 728 -moz-border-radius-bottomright: 20px;
728 border-bottom-right-radius: 20px; 729 border-bottom-right-radius: 20px;
729} 730}
730body.ext-gecko div#loginBox form.loginForm div.translations ul li { 731body.ext-gecko div#loginBox form.loginForm div.translations ul li {
731 display: -moz-inline-box; 732 display: -moz-inline-box;
732} 733}
733div#featurePoints { 734div#featurePoints {
734 min-width: 400px; 735 min-width: 400px;
735 padding-top: 15px; 736 padding-top: 15px;
736 padding-bottom: 20px; 737 padding-bottom: 20px;
737 padding-left: 20px; 738 padding-left: 20px;
738 padding-right: 330px; 739 padding-right: 330px;
739} 740}
740div#featurePoints table tbody tr td { 741div#featurePoints table tbody tr td {
741 width: 50%; 742 width: 50%;
742 vertical-align: top; 743 vertical-align: top;
743} 744}
744div#featurePoints div.block { 745div#featurePoints div.block {
745 padding: 10px; 746 padding: 10px;
746 color: #86858e; 747 color: #86858e;
747} 748}
748div#featurePoints div.block h3 { 749div#featurePoints div.block h3 {
749 font-weight: normal; 750 font-weight: normal;
750 font-size: 12pt; 751 font-size: 12pt;
751 margin: 0px; 752 margin: 0px;
752 padding: 5px 0px; 753 padding: 5px 0px;
753} 754}
754div#featurePoints div.block ul { 755div#featurePoints div.block ul {
755 margin: 0px; 756 margin: 0px;
756 margin-left: 20px; 757 margin-left: 20px;
757 padding: 0px; 758 padding: 0px;
758 list-style-position: outside; 759 list-style-position: outside;
759} 760}
760div#featurePoints div.block ul li { 761div#featurePoints div.block ul li {
761 font-size: 10pt; 762 font-size: 10pt;
762 padding: 3px 0px; 763 padding: 3px 0px;
763} 764}
764div.activeFeatures { 765div.activeFeatures {
765 float: left; 766 float: left;
766 margin-left: 20px; 767 margin-left: 20px;
767 height: 100px; 768 height: 100px;
768} 769}
769div.activeFeatures a { 770div.activeFeatures a {
770 display: inline-block; 771 display: inline-block;
771 padding-left: 46px; 772 padding-left: 46px;
772 color: #ff5906; 773 color: #ff5906;
773 text-decoration: none; 774 text-decoration: none;
774 font-size: 10pt; 775 font-size: 10pt;
775} 776}
776div.activeFeatures a span.payoff { 777div.activeFeatures a span.payoff {
777 display: block; 778 display: block;
778 font-size: 13pt; 779 font-size: 13pt;
779 font-weight: lighter; 780 font-weight: lighter;
780 color: #9b9689; 781 color: #9b9689;
781 margin: 0px; 782 margin: 0px;
782 padding: 0px; 783 padding: 0px;
783} 784}
784div.activeFeatures a:hover span.payoff { 785div.activeFeatures a:hover span.payoff {
785 color: #666666; 786 color: #666666;
786} 787}
787div.activeFeatures div.keepTogether a { 788div.activeFeatures div.keepTogether a {
788 padding-left: 0px; 789 padding-left: 0px;
789} 790}
790div.activeFeatures div.keepTogether div { 791div.activeFeatures div.keepTogether div {
791 display: inline-block; 792 display: inline-block;
792 padding-right: 15px; 793 padding-right: 15px;
793} 794}
794div.activeFeatures div.keepTogether canvas { 795div.activeFeatures div.keepTogether canvas {
795 width: 46px; 796 width: 46px;
796 height: 46px; 797 height: 46px;
797 vertical-align: bottom; 798 vertical-align: bottom;
798} 799}
799div.activeFeatures div.createAccountLink { 800div.activeFeatures div.createAccountLink {
800 display: inline-block; 801 display: inline-block;
801 width: 282; 802 width: 282;
802 height: 65px; 803 height: 65px;
803 background-image: url(./images/old/home/register.png); 804 background-image: url(./images/old/home/register.png);
804 margin-right: 20px; 805 margin-right: 20px;
805} 806}
806div.activeFeatures div.createAccountLink a.createAccountLink { 807div.activeFeatures div.createAccountLink a.createAccountLink {
807 position: relative; 808 position: relative;
808 top: -92px; 809 top: -92px;
809 left: 5px; 810 left: 5px;
810} 811}
811div.activeFeatures div.createAccountLink a.createAccountLink span.payoff { 812div.activeFeatures div.createAccountLink a.createAccountLink span.payoff {
812 margin-top: 23px; 813 margin-top: 23px;
813 margin-left: 40px; 814 margin-left: 40px;
814 font-size: 17pt; 815 font-size: 17pt;
815 color: #64626c; 816 color: #64626c;
816} 817}
817div.activeFeatures div.createAccountLink a.createAccountLink span.link { 818div.activeFeatures div.createAccountLink a.createAccountLink span.link {
818 padding-left: 40px; 819 padding-left: 40px;
819 padding-right: 50px; 820 padding-right: 50px;
820 padding-bottom: 10px; 821 padding-bottom: 10px;
821 font-size: 12pt; 822 font-size: 12pt;
822} 823}
823div.activeFeatures div.createAccountLink:hover { 824div.activeFeatures div.createAccountLink:hover {
824 background-image: url(./images/old/home/register_selected.png); 825 background-image: url(./images/old/home/register_selected.png);
825} 826}
826div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff { 827div.activeFeatures div.createAccountLink:hover a.createAccountLink span.payoff {
827 color: #54535a; 828 color: #54535a;
828} 829}
829div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link { 830div.activeFeatures div.createAccountLink:hover a.createAccountLink span.link {
830 color: white; 831 color: white;
831} 832}
832div.activeFeatures div.createAccountLink canvas { 833div.activeFeatures div.createAccountLink canvas {
833 width: 282px; 834 width: 282px;
834 height: 93px; 835 height: 93px;
835} 836}
836/* 837/*
837 838
838Color list: 839Color list:
839- login box: 840- login box:
840 light#ff9955 841 light#ff9955
841 dark#ff6622 842 dark#ff6622
842- login button: 843- login button:
843 regular#dd5500 844 regular#dd5500
844 hover#773311 845 hover#773311
845- login translations: 846- login translations:
846 box: #cc6622; 847 box: #cc6622;
847 not-selected: 848 not-selected:
848 color: #ddaa99 849 color: #ddaa99
849 background:#994422 850 background:#994422
850 selected: #772211; 851 selected: #772211;
851*/ 852*/
852html { 853html {
853 height: 100%; 854 height: 100%;
854} 855}
855body { 856body {
856 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 857 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
857 margin: 0px; 858 margin: 0px;
858} 859}
859div.modalDialogMask.userInfoBoxMask { 860div.modalDialogMask.userInfoBoxMask {
860 -moz-opacity: 0.0; 861 -moz-opacity: 0.0;
861 opacity: .0; 862 opacity: .0;
862 filter: alpha(opacity=0); 863 filter: alpha(opacity=0);
863 z-index: 19000; 864 z-index: 19000;
864} 865}
865.reset-margin { 866.reset-margin {
866 margin: 0px; 867 margin: 0px;
867 padding: 0px; 868 padding: 0px;
868 border: 0px; 869 border: 0px;
869} 870}
870.clear { 871.clear {
871 clear: both; 872 clear: both;
872} 873}
873.hidden_none { 874.hidden_none {
874 display: none; 875 display: none;
875 visibility: hidden; 876 visibility: hidden;
876} 877}
877.keepTogether { 878.keepTogether {
878 display: inline-block; 879 display: inline-block;
879 white-space: nowrap; 880 white-space: nowrap;
880} 881}
881#mainDiv { 882#mainDiv {
882 margin: 0 auto; 883 margin: 0 auto;
883} 884}
884div.userInfoBox { 885div.userInfoBox {
885 position: absolute; 886 position: absolute;
886 width: 160px; 887 width: 160px;
887 height: 120px; 888 height: 120px;
888 top: 100px; 889 top: 100px;
889 left: 15px; 890 left: 15px;
890 color: white; 891 color: white;
891 background-color: #ff9955; 892 background-color: #ff9955;
892 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); 893 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723));
893 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); 894 background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56);
894 border-radius: 10px; 895 border-radius: 10px;
895 -moz-border-radius: 10px; 896 -moz-border-radius: 10px;
896 -webkit-border-radius: 10px; 897 -webkit-border-radius: 10px;
897 -webkit-box-shadow: 2px 2px 9px #333333; 898 -webkit-box-shadow: 2px 2px 9px #333333;
898 -moz-box-shadow: 2px 2px 9px #333333; 899 -moz-box-shadow: 2px 2px 9px #333333;
899 box-shadow: 2px 2px 9px #333333; 900 box-shadow: 2px 2px 9px #333333;
900} 901}
901div.userInfoBox.locked { 902div.userInfoBox.locked {
902 z-index: 19001; 903 z-index: 19001;
903} 904}
904div.userInfoBox.locked div.header a.lockButton { 905div.userInfoBox.locked div.header a.lockButton {
905 background: url(./images/old/lock/locked.png) no-repeat -5px -2px; 906 background: url(./images/old/lock/locked.png) no-repeat -5px -2px;
906} 907}
907div.userInfoBox.locked div.header a.lockButton:hover { 908div.userInfoBox.locked div.header a.lockButton:hover {
908 background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; 909 background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px;
909} 910}
910div.userInfoBox.locked div.body a { 911div.userInfoBox.locked div.body a {
911 display: none; 912 display: none;
912} 913}
913div.userInfoBox div.header { 914div.userInfoBox div.header {
914 height: 30px; 915 height: 30px;
915} 916}
916div.userInfoBox div.header h1 { 917div.userInfoBox div.header h1 {
917 font-size: 8pt; 918 font-size: 8pt;
918 font-weight: normal; 919 font-weight: normal;
919 margin: 0px; 920 margin: 0px;
920 padding-top: 12px; 921 padding-top: 12px;
921 padding-left: 12px; 922 padding-left: 12px;
922} 923}
923div.userInfoBox div.header a.lockButton { 924div.userInfoBox div.header a.lockButton {
924 position: absolute; 925 position: absolute;
925 top: 8px; 926 top: 8px;
926 right: 12px; 927 right: 12px;
927 display: block; 928 display: block;
928 width: 15px; 929 width: 15px;
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 e6ae72b..dcf506f 100644
--- a/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js
+++ b/frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js
@@ -1,67 +1,67 @@
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:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'}, 52 {tag:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'},
53 {tag:'span', cls:'copyright', html:'Copyright &copy; 2009-2013 Clipperz Srl'}, 53 {tag:'span', cls:'copyright', html:'Copyright &copy; 2009-2013 Clipperz Srl'},
54 {tag:'a', href:'http://www.clipperz.com/terms_of_service',target:'_blank', html:'terms of service'}, 54 {tag:'a', href:'http://www.clipperz.com/terms_of_service',target:'_blank', html:'terms of service'},
55 {tag:'a', href:'http://www.clipperz.com/privacy_policy',target:'_blank', html:'privacy policy'}, 55 {tag:'a', href:'http://www.clipperz.com/privacy_policy',target:'_blank', html:'privacy policy'},
56 {tag:'div', cls:'applicationVersion', htmlString:'application version: [<a href="https://github.com/clipperz/password-manager/tree/' + Clipperz_version + '" target="github">' + Clipperz_version + '</a>]'} 56 {tag:'div', cls:'applicationVersion', htmlString:'application version: <a href="https://github.com/clipperz/password-manager/tree/' + Clipperz_version + '" target="github">' + Clipperz_version + '</a>'}
57 ]} 57 ]}
58 ]} 58 ]}
59 ]); 59 ]);
60 60
61 Clipperz.PM.UI.Canvas.star.normal(this.getElement('footerStarIcon'), "#7e7e7e"); 61 Clipperz.PM.UI.Canvas.star.normal(this.getElement('footerStarIcon'), "#7e7e7e");
62 }, 62 },
63 63
64 //------------------------------------------------------------------------- 64 //-------------------------------------------------------------------------
65 65
66 __syntaxFix__: "syntax fix" 66 __syntaxFix__: "syntax fix"
67}); 67});