summaryrefslogtreecommitdiff
path: root/frontend/gamma/css/web.css
Unidiff
Diffstat (limited to 'frontend/gamma/css/web.css') (more/less context) (ignore whitespace changes)
-rw-r--r--frontend/gamma/css/web.css5
1 files changed, 4 insertions, 1 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css
index 3540016..94cd715 100644
--- a/frontend/gamma/css/web.css
+++ b/frontend/gamma/css/web.css
@@ -344,392 +344,395 @@ div.modalDialogMask.userInfoBoxMask {
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 span.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 {
545 display: inline;
546}
544/* 547/*
545 548
546Color list: 549Color list:
547- login box: 550- login box:
548 light#ff9955 551 light#ff9955
549 dark#ff6622 552 dark#ff6622
550- login button: 553- login button:
551 regular#dd5500 554 regular#dd5500
552 hover#773311 555 hover#773311
553- login translations: 556- login translations:
554 box: #cc6622; 557 box: #cc6622;
555 not-selected: 558 not-selected:
556 color: #ddaa99 559 color: #ddaa99
557 background:#994422 560 background:#994422
558 selected: #772211; 561 selected: #772211;
559*/ 562*/
560html { 563html {
561 height: 100%; 564 height: 100%;
562} 565}
563body { 566body {
564 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; 567 font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif;
565 margin: 0px; 568 margin: 0px;
566} 569}
567div.modalDialogMask.userInfoBoxMask { 570div.modalDialogMask.userInfoBoxMask {
568 -moz-opacity: 0.0; 571 -moz-opacity: 0.0;
569 opacity: .0; 572 opacity: .0;
570 filter: alpha(opacity=0); 573 filter: alpha(opacity=0);
571 z-index: 19000; 574 z-index: 19000;
572} 575}
573.reset-margin { 576.reset-margin {
574 margin: 0px; 577 margin: 0px;
575 padding: 0px; 578 padding: 0px;
576 border: 0px; 579 border: 0px;
577} 580}
578.clear { 581.clear {
579 clear: both; 582 clear: both;
580} 583}
581.hidden_none { 584.hidden_none {
582 display: none; 585 display: none;
583 visibility: hidden; 586 visibility: hidden;
584} 587}
585.keepTogether { 588.keepTogether {
586 display: inline-block; 589 display: inline-block;
587 white-space: nowrap; 590 white-space: nowrap;
588} 591}
589#mainDiv { 592#mainDiv {
590 margin: 0 auto; 593 margin: 0 auto;
591} 594}
592div#loginBox { 595div#loginBox {
593 width: 273px; 596 width: 273px;
594 z-index: 19000; 597 z-index: 19000;
595 top: -30px; 598 top: -30px;
596 right: 30px; 599 right: 30px;
597 position: relative; 600 position: relative;
598 float: right; 601 float: right;
599} 602}
600div#loginBox div.header { 603div#loginBox div.header {
601 height: 25px; 604 height: 25px;
602 width: 273px; 605 width: 273px;
603 background-color: #ff9b5a; 606 background-color: #ff9b5a;
604 -webkit-border-top-left-radius: 20px; 607 -webkit-border-top-left-radius: 20px;
605 -moz-border-radius-topleft: 20px; 608 -moz-border-radius-topleft: 20px;
606 border-top-left-radius: 20px; 609 border-top-left-radius: 20px;
607 -webkit-border-top-right-radius: 20px; 610 -webkit-border-top-right-radius: 20px;
608 -moz-border-radius-topright: 20px; 611 -moz-border-radius-topright: 20px;
609 border-top-right-radius: 20px; 612 border-top-right-radius: 20px;
610} 613}
611div#loginBox div.body { 614div#loginBox div.body {
612 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622)); 615 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9b5a), to(#ff6622));
613 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a); 616 background: -moz-linear-gradient(0% 100% 90deg, #ff6622, #ff9b5a);
614} 617}
615div#loginBox div.body h4 { 618div#loginBox div.body h4 {
616 color: #ffffff; 619 color: #ffffff;
617 font-size: 16pt; 620 font-size: 16pt;
618 font-weight: normal; 621 font-weight: normal;
619 padding-left: 20px; 622 padding-left: 20px;
620 margin: 0px; 623 margin: 0px;
621} 624}
622div#loginBox div.body form.loginForm { 625div#loginBox div.body form.loginForm {
623 padding: 5px 20px 0px; 626 padding: 5px 20px 0px;
624 margin-bottom: 0px; 627 margin-bottom: 0px;
625} 628}
626div#loginBox div.body form.loginForm label { 629div#loginBox div.body form.loginForm label {
627 color: #ffffff; 630 color: #ffffff;
628 font-size: 10pt; 631 font-size: 10pt;
629 display: block; 632 display: block;
630 padding-top: 5px; 633 padding-top: 5px;
631} 634}
632div#loginBox div.body form.loginForm label.checkbox { 635div#loginBox div.body form.loginForm label.checkbox {
633 display: inline; 636 display: inline;
634} 637}
635div#loginBox div.body form.loginForm input { 638div#loginBox div.body form.loginForm input {
636 width: 230px; 639 width: 230px;
637 font-size: 14pt; 640 font-size: 14pt;
638 color: #333366; 641 color: #333366;
639 background-color: #ffffff; 642 background-color: #ffffff;
640 border: 1px solid #bb4924; 643 border: 1px solid #bb4924;
641 padding: 2px 5px; 644 padding: 2px 5px;
642 height: 28px; 645 height: 28px;
643} 646}
644div#loginBox div.body form.loginForm input.checkbox { 647div#loginBox div.body form.loginForm input.checkbox {
645 margin: 10px 8px 0px 0px; 648 margin: 10px 8px 0px 0px;
646 height: auto; 649 height: auto;
647 width: auto; 650 width: auto;
648 border: 0px; 651 border: 0px;
649} 652}
650div#loginBox div.body form.loginForm input.checkbox:hover { 653div#loginBox div.body form.loginForm input.checkbox:hover {
651 cursor: pointer; 654 cursor: pointer;
652} 655}
653div#loginBox div.body form.loginForm input.otp { 656div#loginBox div.body form.loginForm input.otp {
654 width: 57px; 657 width: 57px;
655 display: inline; 658 display: inline;
656 padding-left: 0px; 659 padding-left: 0px;
657 padding-right: 0px; 660 padding-right: 0px;
658 height: 28px; 661 height: 28px;
659 font: 8pt monospace; 662 font: 8pt monospace;
660} 663}
661div#loginBox div.body form.loginForm input.submit { 664div#loginBox div.body form.loginForm input.submit {
662 margin: 0px 45px; 665 margin: 0px 45px;
663 width: 140px; 666 width: 140px;
664 color: #ffffff; 667 color: #ffffff;
665 background-color: #d44100; 668 background-color: #d44100;
666 border: 1px solid #bb4924; 669 border: 1px solid #bb4924;
667 padding: 6px; 670 padding: 6px;
668 font-size: 12pt; 671 font-size: 12pt;
669 height: auto; 672 height: auto;
670} 673}
671div#loginBox div.body form.loginForm input.submit:hover { 674div#loginBox div.body form.loginForm input.submit:hover {
672 color: #ffffff; 675 color: #ffffff;
673 background-color: #7e2700; 676 background-color: #7e2700;
674 cursor: pointer; 677 cursor: pointer;
675} 678}
676div#loginBox div.body form.loginForm ul { 679div#loginBox div.body form.loginForm ul {
677 list-style-type: none; 680 list-style-type: none;
678 padding: 0px; 681 padding: 0px;
679 margin: 0px; 682 margin: 0px;
680} 683}
681div#loginBox div.body form.loginForm ul li { 684div#loginBox div.body form.loginForm ul li {
682 display: block; 685 display: block;
683} 686}
684div#loginBox div.body form.loginForm div.translations { 687div#loginBox div.body form.loginForm div.translations {
685 margin: 15px -20px; 688 margin: 15px -20px;
686 background-color: #c87b59; 689 background-color: #c87b59;
687} 690}
688div#loginBox div.body form.loginForm div.translations h4 { 691div#loginBox div.body form.loginForm div.translations h4 {
689 font-size: 9pt; 692 font-size: 9pt;
690 padding: 6px 20px 0px; 693 padding: 6px 20px 0px;
691} 694}
692div#loginBox div.body form.loginForm div.translations ul { 695div#loginBox div.body form.loginForm div.translations ul {
693 margin: 0px; 696 margin: 0px;
694 padding: 5px 10px 10px; 697 padding: 5px 10px 10px;
695 margin-bottom: 15px; 698 margin-bottom: 15px;
696} 699}
697div#loginBox div.body form.loginForm div.translations ul li { 700div#loginBox div.body form.loginForm div.translations ul li {
698 font-size: 8pt; 701 font-size: 8pt;
699 color: #ddaa99; 702 color: #ddaa99;
700 background-color: #994422; 703 background-color: #994422;
701 display: inline-block; 704 display: inline-block;
702 padding: 2px 4px; 705 padding: 2px 4px;
703 margin: 1px; 706 margin: 1px;
704} 707}
705div#loginBox div.body form.loginForm div.translations ul li.selected { 708div#loginBox div.body form.loginForm div.translations ul li.selected {
706 color: #ffffff; 709 color: #ffffff;
707 background-color: #772211; 710 background-color: #772211;
708} 711}
709div#loginBox div.body form.loginForm div.translations ul li.selected:hover { 712div#loginBox div.body form.loginForm div.translations ul li.selected:hover {
710 cursor: default; 713 cursor: default;
711} 714}
712div#loginBox div.body form.loginForm div.translations ul li:hover { 715div#loginBox div.body form.loginForm div.translations ul li:hover {
713 cursor: pointer; 716 cursor: pointer;
714 color: #ffffff; 717 color: #ffffff;
715} 718}
716div#loginBox div.footer { 719div#loginBox div.footer {
717 height: 37px; 720 height: 37px;
718 width: 273px; 721 width: 273px;
719 background-color: #ff6622; 722 background-color: #ff6622;
720 -webkit-border-bottom-left-radius: 20px; 723 -webkit-border-bottom-left-radius: 20px;
721 -moz-border-radius-bottomleft: 20px; 724 -moz-border-radius-bottomleft: 20px;
722 border-bottom-left-radius: 20px; 725 border-bottom-left-radius: 20px;
723 -webkit-border-bottom-right-radius: 20px; 726 -webkit-border-bottom-right-radius: 20px;
724 -moz-border-radius-bottomright: 20px; 727 -moz-border-radius-bottomright: 20px;
725 border-bottom-right-radius: 20px; 728 border-bottom-right-radius: 20px;
726} 729}
727body.ext-gecko div#loginBox form.loginForm div.translations ul li { 730body.ext-gecko div#loginBox form.loginForm div.translations ul li {
728 display: -moz-inline-box; 731 display: -moz-inline-box;
729} 732}
730div#featurePoints { 733div#featurePoints {
731 min-width: 400px; 734 min-width: 400px;
732 padding-top: 15px; 735 padding-top: 15px;
733 padding-bottom: 20px; 736 padding-bottom: 20px;
734 padding-left: 20px; 737 padding-left: 20px;
735 padding-right: 330px; 738 padding-right: 330px;