-rw-r--r-- | frontend/gamma/css/web.css | 1 | ||||
-rw-r--r-- | frontend/gamma/js/Clipperz/PM/UI/Web/Components/PageFooter.js | 2 |
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 | |||
@@ -353,384 +353,385 @@ div.modalDialogMask.userInfoBoxMask { | |||
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 | } |
361 | div.pageHeaderAndBody { | 361 | div.pageHeaderAndBody { |
362 | height: 100%; | 362 | height: 100%; |
363 | } | 363 | } |
364 | div.pageHeaderAndBody div#pageBody { | 364 | div.pageHeaderAndBody div#pageBody { |
365 | min-width: 1013px; | 365 | min-width: 1013px; |
366 | padding-bottom: 90px; | 366 | padding-bottom: 90px; |
367 | } | 367 | } |
368 | div.pageHeaderAndBody div.pageHeader { | 368 | div.pageHeaderAndBody div.pageHeader { |
369 | background-color: #1f2148; | 369 | background-color: #1f2148; |
370 | min-width: 1013px; | 370 | min-width: 1013px; |
371 | } | 371 | } |
372 | div.pageHeaderAndBody div.pageHeader div#miscLinks { | 372 | div.pageHeaderAndBody div.pageHeader div#miscLinks { |
373 | float: right; | 373 | float: right; |
374 | } | 374 | } |
375 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul { | 375 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul { |
376 | margin: 12px 0px 0px; | 376 | margin: 12px 0px 0px; |
377 | padding: 15px; | 377 | padding: 15px; |
378 | } | 378 | } |
379 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li { | 379 | div.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 | } |
385 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a { | 385 | div.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 | } |
397 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { | 397 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a:hover { |
398 | color: #b8bae1; | 398 | color: #b8bae1; |
399 | } | 399 | } |
400 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { | 400 | div.pageHeaderAndBody div.pageHeader div#miscLinks ul li a#donateHeaderLink { |
401 | border-left: 0px; | 401 | border-left: 0px; |
402 | } | 402 | } |
403 | div.pageHeaderAndBody div.pageHeader div#logoFrame { | 403 | div.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 | } |
407 | div.pageHeaderAndBody div.pageHeader div#logoFrame a { | 407 | div.pageHeaderAndBody div.pageHeader div#logoFrame a { |
408 | color: white; | 408 | color: white; |
409 | text-decoration: none; | 409 | text-decoration: none; |
410 | } | 410 | } |
411 | div.pageHeaderAndBody div.pageHeader div#logoFrame a canvas { | 411 | div.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 | } |
418 | div.pageHeaderAndBody div.pageHeader div#logoFrame a h5.clipperzPayoff { | 418 | div.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 | } |
425 | div.pageHeaderAndBody div.pageHeader div#featureTabs table { | 425 | div.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 | } |
432 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td { | 432 | div.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 | } |
438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { | 438 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img { |
439 | float: left; | 439 | float: left; |
440 | } | 440 | } |
441 | div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td span { | 441 | div.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 | } |
445 | div.pageHeaderAndBody div.pageHeader div#featureTabs canvas.featureIcon { | 445 | div.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 | } |
456 | div.pageHeaderAndBody div.pageHeader div#news { | 456 | div.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 | } |
473 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe { | 473 | div.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 | } |
479 | div.pageHeaderAndBody div.pageHeader div#news div#newsframe iframe { | 479 | div.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 | } |
485 | div.pageHeaderAndBody div.pageHeader div#news div.grip { | 485 | div.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 | } |
491 | div.pageHeaderAndBody div.pageHeader div#news div.grip div.gripHandler { | 491 | div.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 | } |
500 | div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { | 500 | div.pageHeaderAndBody div.pageHeader div#news.open div.grip div.gripHandler { |
501 | border-bottom: 5px solid #e9e9ec; | 501 | border-bottom: 5px solid #e9e9ec; |
502 | } | 502 | } |
503 | div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { | 503 | div.pageHeaderAndBody div.pageHeader div#news.hidden div.grip div.gripHandler { |
504 | border-top: 5px solid #e9e9ec; | 504 | border-top: 5px solid #e9e9ec; |
505 | } | 505 | } |
506 | div.pageFooter { | 506 | div.pageFooter { |
507 | margin-top: -90px; | 507 | margin-top: -90px; |
508 | height: 90px; | 508 | height: 90px; |
509 | clear: both; | 509 | clear: both; |
510 | } | 510 | } |
511 | div.pageFooter div.footerWrapper { | 511 | div.pageFooter div.footerWrapper { |
512 | clear: both; | 512 | clear: both; |
513 | padding-top: 10px; | 513 | padding-top: 10px; |
514 | } | 514 | } |
515 | div.pageFooter div.footerWrapper div.footerContent { | 515 | div.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 | } |
520 | div.pageFooter div.footerWrapper div.footerContent canvas.footerStarIcon { | 520 | div.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 | } |
525 | div.pageFooter div.footerWrapper div.footerContent span.copyright { | 525 | div.pageFooter div.footerWrapper div.footerContent span.copyright { |
526 | padding-left: 10px; | 526 | padding-left: 10px; |
527 | color: #a0a0a0; | 527 | color: #a0a0a0; |
528 | } | 528 | } |
529 | div.pageFooter div.footerWrapper div.footerContent a { | 529 | div.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 | } |
536 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion { | 536 | div.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 | } |
544 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a { | 544 | div.pageFooter div.footerWrapper div.footerContent div.applicationVersion a { |
545 | padding-left: 0px; | ||
545 | display: inline; | 546 | display: inline; |
546 | } | 547 | } |
547 | /* | 548 | /* |
548 | 549 | ||
549 | Color list: | 550 | Color 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 | */ |
563 | html { | 564 | html { |
564 | height: 100%; | 565 | height: 100%; |
565 | } | 566 | } |
566 | body { | 567 | body { |
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 | } |
570 | div.modalDialogMask.userInfoBoxMask { | 571 | div.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 | } |
595 | div#loginBox { | 596 | div#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 | } |
603 | div#loginBox div.header { | 604 | div#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 | } |
614 | div#loginBox div.body { | 615 | div#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 | } |
618 | div#loginBox div.body h4 { | 619 | div#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 | } |
625 | div#loginBox div.body form.loginForm { | 626 | div#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 | } |
629 | div#loginBox div.body form.loginForm label { | 630 | div#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 | } |
635 | div#loginBox div.body form.loginForm label.checkbox { | 636 | div#loginBox div.body form.loginForm label.checkbox { |
636 | display: inline; | 637 | display: inline; |
637 | } | 638 | } |
638 | div#loginBox div.body form.loginForm input { | 639 | div#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 | } |
647 | div#loginBox div.body form.loginForm input.checkbox { | 648 | div#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 | } |
653 | div#loginBox div.body form.loginForm input.checkbox:hover { | 654 | div#loginBox div.body form.loginForm input.checkbox:hover { |
654 | cursor: pointer; | 655 | cursor: pointer; |
655 | } | 656 | } |
656 | div#loginBox div.body form.loginForm input.otp { | 657 | div#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 | } |
664 | div#loginBox div.body form.loginForm input.submit { | 665 | div#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 | } |
674 | div#loginBox div.body form.loginForm input.submit:hover { | 675 | div#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 | } |
679 | div#loginBox div.body form.loginForm ul { | 680 | div#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 | } |
684 | div#loginBox div.body form.loginForm ul li { | 685 | div#loginBox div.body form.loginForm ul li { |
685 | display: block; | 686 | display: block; |
686 | } | 687 | } |
687 | div#loginBox div.body form.loginForm div.translations { | 688 | div#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 | } |
691 | div#loginBox div.body form.loginForm div.translations h4 { | 692 | div#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 | } |
695 | div#loginBox div.body form.loginForm div.translations ul { | 696 | div#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 | } |
700 | div#loginBox div.body form.loginForm div.translations ul li { | 701 | div#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 | } |
708 | div#loginBox div.body form.loginForm div.translations ul li.selected { | 709 | div#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 | } |
712 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { | 713 | div#loginBox div.body form.loginForm div.translations ul li.selected:hover { |
713 | cursor: default; | 714 | cursor: default; |
714 | } | 715 | } |
715 | div#loginBox div.body form.loginForm div.translations ul li:hover { | 716 | div#loginBox div.body form.loginForm div.translations ul li:hover { |
716 | cursor: pointer; | 717 | cursor: pointer; |
717 | color: #ffffff; | 718 | color: #ffffff; |
718 | } | 719 | } |
719 | div#loginBox div.footer { | 720 | div#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 | } |
730 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { | 731 | body.ext-gecko div#loginBox form.loginForm div.translations ul li { |
731 | display: -moz-inline-box; | 732 | display: -moz-inline-box; |
732 | } | 733 | } |
733 | div#featurePoints { | 734 | div#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; |
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 | ||
3 | Copyright 2008-2011 Clipperz Srl | 3 | Copyright 2008-2011 Clipperz Srl |
4 | 4 | ||
5 | This file is part of Clipperz Community Edition. | 5 | This file is part of Clipperz Community Edition. |
6 | Clipperz Community Edition is an online password manager. | 6 | Clipperz Community Edition is an online password manager. |
7 | For further information about its features and functionalities please | 7 | For further information about its features and functionalities please |
8 | refer to http://www.clipperz.com. | 8 | refer to http://www.clipperz.com. |
9 | 9 | ||
10 | * Clipperz Community Edition is free software: you can redistribute | 10 | * Clipperz Community Edition is free software: you can redistribute |
11 | it and/or modify it under the terms of the GNU Affero General Public | 11 | it and/or modify it under the terms of the GNU Affero General Public |
12 | License as published by the Free Software Foundation, either version | 12 | License as published by the Free Software Foundation, either version |
13 | 3 of the License, or (at your option) any later version. | 13 | 3 of the License, or (at your option) any later version. |
14 | 14 | ||
15 | * Clipperz Community Edition is distributed in the hope that it will | 15 | * Clipperz Community Edition is distributed in the hope that it will |
16 | be useful, but WITHOUT ANY WARRANTY; without even the implied | 16 | be useful, but WITHOUT ANY WARRANTY; without even the implied |
17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. | 17 | warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. |
18 | See the GNU Affero General Public License for more details. | 18 | See the GNU Affero General Public License for more details. |
19 | 19 | ||
20 | * You should have received a copy of the GNU Affero General Public | 20 | * You should have received a copy of the GNU Affero General Public |
21 | License along with Clipperz Community Edition. If not, see | 21 | License along with Clipperz Community Edition. If not, see |
22 | <http://www.gnu.org/licenses/>. | 22 | <http://www.gnu.org/licenses/>. |
23 | 23 | ||
24 | */ | 24 | */ |
25 | 25 | ||
26 | Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); | 26 | Clipperz.Base.module('Clipperz.PM.UI.Web.Components'); |
27 | 27 | ||
28 | Clipperz.PM.UI.Web.Components.PageFooter = function(args) { | 28 | Clipperz.PM.UI.Web.Components.PageFooter = function(args) { |
29 | args = args || {}; | 29 | args = args || {}; |
30 | 30 | ||
31 | Clipperz.PM.UI.Web.Components.PageFooter.superclass.constructor.apply(this, arguments); | 31 | Clipperz.PM.UI.Web.Components.PageFooter.superclass.constructor.apply(this, arguments); |
32 | 32 | ||
33 | return this; | 33 | return this; |
34 | } | 34 | } |
35 | 35 | ||
36 | //============================================================================= | 36 | //============================================================================= |
37 | 37 | ||
38 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.PageFooter, Clipperz.PM.UI.Common.Components.BaseComponent, { | 38 | Clipperz.Base.extend(Clipperz.PM.UI.Web.Components.PageFooter, Clipperz.PM.UI.Common.Components.BaseComponent, { |
39 | 39 | ||
40 | //------------------------------------------------------------------------- | 40 | //------------------------------------------------------------------------- |
41 | 41 | ||
42 | 'toString': function () { | 42 | 'toString': function () { |
43 | return "Clipperz.PM.UI.Web.Components.PageFooter component"; | 43 | return "Clipperz.PM.UI.Web.Components.PageFooter component"; |
44 | }, | 44 | }, |
45 | 45 | ||
46 | //------------------------------------------------------------------------- | 46 | //------------------------------------------------------------------------- |
47 | 47 | ||
48 | 'renderSelf': function(/*aContainer, aPosition*/) { | 48 | 'renderSelf': function(/*aContainer, aPosition*/) { |
49 | this.append(this.element(), [ | 49 | this.append(this.element(), [ |
50 | {tag:'div', cls:'footerWrapper', children:[ | 50 | {tag:'div', cls:'footerWrapper', children:[ |
51 | {tag:'div', cls:'footerContent', children:[ | 51 | {tag:'div', cls:'footerContent', children:[ |
52 | {tag:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'}, | 52 | {tag:'canvas', id:this.getId('footerStarIcon'), cls:'footerStarIcon'}, |
53 | {tag:'span', cls:'copyright', html:'Copyright © 2009-2013 Clipperz Srl'}, | 53 | {tag:'span', cls:'copyright', html:'Copyright © 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 | }); |