Rev 40 | Rev 50 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
| Rev 40 | Rev 43 | ||
|---|---|---|---|
| Line 87... | Line 87... | ||
| 87 | /* TODO from lcars21.css, use `em' instead */
|
87 | /* TODO from lcars21.css, use `em' instead */
|
| 88 | }
|
88 | }
|
| 89 | 89 | ||
| 90 | #content { |
90 | #content { |
| 91 | /* position: relative; */
|
91 | /* position: relative; */
|
| - | 92 | margin-right: 1em; |
|
| 92 | }
|
93 | }
|
| 93 | 94 | ||
| 94 | /* 0.0 to 0.6 s */
|
95 | /* 0.0 to 0.6 s */
|
| 95 | @-webkit-keyframes content {
|
96 | @-webkit-keyframes content {
|
| 96 | from {
|
97 | from {
|
| Line 432... | Line 433... | ||
| 432 | 433 | ||
| 433 | .empty #bow-top-left-concave { |
434 | .empty #bow-top-left-concave { |
| 434 | display: none; |
435 | display: none; |
| 435 | }
|
436 | }
|
| 436 | 437 | ||
| 437 | #bow .menu |
438 | #LCARS .menu-container { |
| 438 | {
|
- | |
| 439 | position: absolute; |
439 | position: fixed; |
| 440 | left: 0; |
440 | left: 0.2em; |
| 441 | top: 5.4em; |
441 | top: 5.6em; |
| 442 | width: 15.4em; |
442 | width: 8em; |
| - | 443 | bottom: 2.8em; |
|
| - | 444 | background-color: #999; |
|
| 443 | overflow: auto; |
445 | overflow: auto; |
| 444 | }
|
446 | }
|
| 445 | 447 | ||
| - | 448 | #LCARS .menu |
|
| - | 449 | {
|
|
| - | 450 | height: 17.6em; |
|
| - | 451 | background-color: #000; |
|
| - | 452 | }
|
|
| - | 453 | ||
| 446 | /* 0.0 to 1.125 s */
|
454 | /* 0.0 to 1.125 s */
|
| 447 | @-webkit-keyframes bow-menu {
|
455 | @-webkit-keyframes bow-menu {
|
| 448 | from {
|
456 | from {
|
| 449 | opacity: 0; |
457 | opacity: 0; |
| 450 | height: 0; |
- | |
| 451 | overflow: hidden; |
- | |
| 452 | }
|
458 | }
|
| 453 | 459 | ||
| 454 | /* at ca. 0.61875 s */
|
460 | /* at ca. 0.61875 s */
|
| 455 | 55% { |
461 | 55% { |
| 456 | opacity: 0; |
462 | opacity: 0; |
| 457 | }
|
463 | }
|
| 458 | 464 | ||
| 459 | 56% { |
465 | 56% { |
| 460 | opacity: 1; |
466 | opacity: 1; |
| 461 | height: 0; |
- | |
| 462 | overflow: hidden; |
- | |
| 463 | }
|
- | |
| 464 | - | ||
| 465 | to {
|
- | |
| 466 | height: auto; |
- | |
| 467 | }
|
467 | }
|
| 468 | }
|
468 | }
|
| 469 | 469 | ||
| 470 | .fade-in #bow .menu |
470 | .fade-in #LCARS .menu |
| 471 | {
|
471 | {
|
| 472 | -webkit-animation-name: bow-menu; |
472 | -webkit-animation-name: bow-menu; |
| 473 | -webkit-animation-duration: 1.125s; |
473 | -webkit-animation-duration: 1.125s; |
| 474 | -webkit-animation-timing-function: linear; |
474 | -webkit-animation-timing-function: linear; |
| 475 | }
|
475 | }
|
| 476 | 476 | ||
| 477 | #bow ul { |
477 | .menu ul { |
| 478 | margin: 0 0.2em 0.2em 0; |
478 | margin: 0 0.2em 0.2em 0; |
| 479 | padding: 0; |
479 | padding: 0; |
| 480 | }
|
480 | }
|
| 481 | 481 | ||
| 482 | #bow li { |
482 | .menu li { |
| 483 | margin: 0; |
483 | margin: 0; |
| 484 | }
|
484 | }
|
| 485 | 485 | ||
| 486 | #bow #bottom |
486 | #bow #bottom |
| 487 | {
|
487 | {
|
| Line 596... | Line 596... | ||
| 596 | {
|
596 | {
|
| 597 | background-color: #fff !important; |
597 | background-color: #fff !important; |
| 598 | color: #000 !important; |
598 | color: #000 !important; |
| 599 | }
|
599 | }
|
| 600 | 600 | ||
| 601 | #bow .button { |
601 | .menu .button { |
| 602 | display: block; |
602 | display: block; |
| 603 | width: 8em; |
603 | width: 8em; |
| 604 | height: 1em; |
604 | height: 1em; |
| 605 | line-height: 1; |
605 | line-height: 1; |
| 606 | background-color: #9cf; |
606 | background-color: #9cf; |
| Line 686... | Line 686... | ||
| 686 | height: 3em; |
686 | height: 3em; |
| 687 | border-top-left-radius: 2em; |
687 | border-top-left-radius: 2em; |
| 688 | background-color: #fc6; |
688 | background-color: #fc6; |
| 689 | }
|
689 | }
|
| 690 | 690 | ||
| 691 | .multi-display .lower .elbo.database, |
- | |
| 692 | .multi-display .lower .bg.database, |
- | |
| 693 | .multi-display .lower .border |
- | |
| 694 | {
|
- | |
| 695 | background-color: #c66; |
- | |
| 696 | }
|
- | |
| 697 | - | ||
| 698 | .multi-display .lower .elbo .concave |
691 | .multi-display .lower .elbo .concave |
| 699 | {
|
692 | {
|
| 700 | position: absolute; |
693 | position: absolute; |
| 701 | left: 5em; |
694 | left: 5em; |
| 702 | top: 1em; |
695 | top: 1em; |
| Line 733... | Line 726... | ||
| 733 | right: 0.2em; |
726 | right: 0.2em; |
| 734 | height: 1em; |
727 | height: 1em; |
| 735 | background-color: #fc6; |
728 | background-color: #fc6; |
| 736 | }
|
729 | }
|
| 737 | 730 | ||
| - | 731 | .menu .button.secondary, |
|
| - | 732 | .multi-display .lower .elbo.secondary, |
|
| - | 733 | .multi-display .lower .bg.secondary, |
|
| - | 734 | .multi-display .lower .border.secondary |
|
| - | 735 | {
|
|
| - | 736 | background-color: #f96; |
|
| - | 737 | }
|
|
| - | 738 | ||
| - | 739 | .menu .button.ancillary, |
|
| - | 740 | .multi-display .lower .elbo.ancillary, |
|
| - | 741 | .multi-display .lower .bg.ancillary, |
|
| - | 742 | .multi-display .lower .border.ancillary |
|
| - | 743 | {
|
|
| - | 744 | background-color: #c9c; |
|
| - | 745 | }
|
|
| - | 746 | ||
| 738 | #bow .button.database { |
747 | .menu .button.database, |
| - | 748 | .multi-display .lower .elbo.database, |
|
| - | 749 | .multi-display .lower .bg.database, |
|
| - | 750 | .multi-display .lower .border.database |
|
| - | 751 | {
|
|
| 739 | background-color: #c66; |
752 | background-color: #c66; |
| 740 | }
|
753 | }
|
| 741 | 754 | ||
| 742 | #bow .button .text { |
755 | .menu .button .text { |
| 743 | position: static; |
756 | position: static; |
| 744 | margin: 0 0.25em; |
757 | margin: 0 0.25em; |
| 745 | }
|
758 | }
|
| 746 | 759 | ||
| 747 | .button.selected { |
760 | .button.selected { |