Rev 210 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
| Rev 210 | Rev 231 | ||
|---|---|---|---|
| Line 302... | Line 302... | ||
| 302 | overflow-y: auto; |
302 | overflow-y: auto; |
| 303 | }
|
303 | }
|
| 304 | 304 | ||
| 305 | .menu
|
305 | .menu
|
| 306 | {
|
306 | {
|
| 307 | height: 23.6em; |
307 | height: 20.6em; |
| 308 | background-color: #000; |
308 | background-color: #000; |
| 309 | }
|
309 | }
|
| 310 | 310 | ||
| 311 | .menu ul { |
311 | .menu ul { |
| 312 | margin: 0 0.2em 0 0; |
312 | margin: 0 0.2em 0 0; |
| Line 508... | Line 508... | ||
| 508 | top: 0; |
508 | top: 0; |
| 509 | height: 1em; |
509 | height: 1em; |
| 510 | }
|
510 | }
|
| 511 | 511 | ||
| 512 | #connectors .mid { |
512 | #connectors .mid { |
| 513 | top: 13.6em; |
513 | top: 10.4em; |
| 514 | height: 0.8em; |
514 | height: 0.8em; |
| 515 | }
|
515 | }
|
| 516 | 516 | ||
| 517 | #connectors .left { |
517 | #connectors .left { |
| 518 | left: 0; |
518 | left: 0; |
| Line 926... | Line 926... | ||
| 926 | height: 100%; |
926 | height: 100%; |
| 927 | background-color: #c66; |
927 | background-color: #c66; |
| 928 | color: #000; |
928 | color: #000; |
| 929 | }
|
929 | }
|
| 930 | 930 | ||
| - | 931 | .group .separator.right |
|
| - | 932 | {
|
|
| - | 933 | left: auto; |
|
| - | 934 | right: 0; |
|
| - | 935 | }
|
|
| - | 936 | ||
| 931 | .group .separator:after { |
937 | .group .separator:after { |
| 932 | position: absolute; |
938 | position: absolute; |
| 933 | width: 0.8em; |
939 | width: 0.8em; |
| 934 | height: 0.5em; |
940 | height: 0.5em; |
| 935 | bottom: 0.25em; |
941 | bottom: 0.25em; |
| Line 940... | Line 946... | ||
| 940 | 946 | ||
| 941 | .group ul { |
947 | .group ul { |
| 942 | margin-left: 1.7em; |
948 | margin-left: 1.7em; |
| 943 | }
|
949 | }
|
| 944 | 950 | ||
| - | 951 | .group ul.left |
|
| - | 952 | {
|
|
| - | 953 | margin-left: 0; |
|
| - | 954 | }
|
|
| - | 955 | ||
| 945 | .group li { |
956 | .group li { |
| 946 | margin-bottom: 0; |
957 | margin-bottom: 0; |
| 947 | }
|
958 | }
|
| 948 | 959 | ||
| 949 | .group .button:visited, |
960 | .group .button:visited, |
| Line 958... | Line 969... | ||
| 958 | .group li:last-child .button |
969 | .group li:last-child .button |
| 959 | {
|
970 | {
|
| 960 | margin-bottom: 0; |
971 | margin-bottom: 0; |
| 961 | }
|
972 | }
|
| 962 | 973 | ||
| 963 | .button.right { |
974 | .button.right, |
| - | 975 | .group ul .button, |
|
| - | 976 | .group ul.left .button.right |
|
| - | 977 | {
|
|
| - | 978 | border-top-left-radius: 0; |
|
| 964 | border-top-right-radius: 1em; |
979 | border-top-right-radius: 1em; |
| 965 | border-bottom-right-radius: 1em; |
980 | border-bottom-right-radius: 1em; |
| - | 981 | border-bottom-left-radius: 0; |
|
| 966 | }
|
982 | }
|
| 967 | 983 | ||
| 968 | .button.right .text { |
984 | .button.right .text, |
| - | 985 | .group ul .button .text, |
|
| - | 986 | .group ul.left .button.right .text |
|
| - | 987 | {
|
|
| - | 988 | left: auto; |
|
| 969 | right: 1em; |
989 | right: 1em; |
| 970 | }
|
990 | }
|
| 971 | 991 | ||
| - | 992 | .group ul.left .button .text |
|
| - | 993 | {
|
|
| - | 994 | left: 1em; |
|
| - | 995 | right: auto; |
|
| - | 996 | }
|
|
| - | 997 | ||
| 972 | .button.left { |
998 | .button.left, |
| - | 999 | .group ul.left .button |
|
| - | 1000 | {
|
|
| 973 | border-top-left-radius: 1em; |
1001 | border-top-left-radius: 1em; |
| - | 1002 | border-top-right-radius: 0; |
|
| - | 1003 | border-bottom-right-radius: 0; |
|
| 974 | border-bottom-left-radius: 1em; |
1004 | border-bottom-left-radius: 1em; |
| 975 | }
|
1005 | }
|
| 976 | 1006 | ||
| 977 | .group .button .key { |
1007 | .group .button .key, |
| - | 1008 | .group ul.left .button.right .key |
|
| - | 1009 | {
|
|
| 978 | display: inline-block; |
1010 | display: inline-block; |
| 979 | position: absolute; |
1011 | position: absolute; |
| 980 | left: 0.2em; |
1012 | left: 0.2em; |
| 981 | top: 0; |
1013 | top: 0; |
| - | 1014 | right: auto; |
|
| 982 | bottom: 0; |
1015 | bottom: 0; |
| 983 | padding: 0 0.1em; |
1016 | padding: 0 0.1em; |
| 984 | background-color: #000; |
1017 | background-color: #000; |
| 985 | color: #f90; |
1018 | color: #f90; |
| 986 | font-size: 2.4em; |
1019 | font-size: 2.4em; |
| 987 | text-transform: uppercase; |
1020 | text-transform: uppercase !important; |
| 988 | line-height: 0.9; |
1021 | line-height: 0.9; |
| 989 | }
|
1022 | }
|
| 990 | 1023 | ||
| 991 | <?php require_once 'lcars-responsive.css'; ?> |
- | |
| 992 | 1024 | .group ul.left .button .key |
|
| - | 1025 | {
|
|
| - | 1026 | left: auto; |
|
| - | 1027 | right: 0.2em; |
|
| - | 1028 | }
|
|
| - | 1029 | ||
| - | 1030 | <?php require_once 'lcars-responsive.css'; ?> |
|
| - | 1031 | ||