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
@@ -440,200 +440,203 @@ div.pageHeaderAndBody div.pageHeader div#featureTabs table tr td img {
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;