-rw-r--r-- | frontend/gamma/css/web.css | 56 |
1 files changed, 53 insertions, 3 deletions
diff --git a/frontend/gamma/css/web.css b/frontend/gamma/css/web.css index 011831a..7d1745b 100644 --- a/frontend/gamma/css/web.css +++ b/frontend/gamma/css/web.css | |||
@@ -861,65 +861,65 @@ html { | |||
861 | body { | 861 | body { |
862 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; | 862 | font-family: Helvetica-Neue, Helvetica, Arial, Geneva, sans-serif; |
863 | margin: 0px; | 863 | margin: 0px; |
864 | } | 864 | } |
865 | div.modalDialogMask.userInfoBoxMask { | 865 | div.modalDialogMask.userInfoBoxMask { |
866 | -moz-opacity: 0.0; | 866 | -moz-opacity: 0.0; |
867 | opacity: .0; | 867 | opacity: .0; |
868 | filter: alpha(opacity=0); | 868 | filter: alpha(opacity=0); |
869 | z-index: 19000; | 869 | z-index: 19000; |
870 | } | 870 | } |
871 | .reset-margin { | 871 | .reset-margin { |
872 | margin: 0px; | 872 | margin: 0px; |
873 | padding: 0px; | 873 | padding: 0px; |
874 | border: 0px; | 874 | border: 0px; |
875 | } | 875 | } |
876 | .clear { | 876 | .clear { |
877 | clear: both; | 877 | clear: both; |
878 | } | 878 | } |
879 | .hidden_none { | 879 | .hidden_none { |
880 | display: none; | 880 | display: none; |
881 | visibility: hidden; | 881 | visibility: hidden; |
882 | } | 882 | } |
883 | .keepTogether { | 883 | .keepTogether { |
884 | display: inline-block; | 884 | display: inline-block; |
885 | white-space: nowrap; | 885 | white-space: nowrap; |
886 | } | 886 | } |
887 | #mainDiv { | 887 | #mainDiv { |
888 | margin: 0 auto; | 888 | margin: 0 auto; |
889 | } | 889 | } |
890 | div.userInfoBox { | 890 | div.userInfoBox { |
891 | position: absolute; | 891 | position: absolute; |
892 | width: 160px; | 892 | width: 160px; |
893 | height: 120px; | 893 | height: 200px; |
894 | top: 100px; | 894 | top: 100px; |
895 | left: 15px; | 895 | left: 15px; |
896 | color: white; | 896 | color: white; |
897 | background-color: #ff9955; | 897 | background-color: #ff9955; |
898 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); | 898 | background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff9a56), to(#ff6723)); |
899 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); | 899 | background: -moz-linear-gradient(0% 100% 90deg, #ff6723, #ff9a56); |
900 | background: linear-gradient(0deg, #ff6723, #ff9a56); | 900 | background: linear-gradient(0deg, #ff6723, #ff9a56); |
901 | border-radius: 10px; | 901 | border-radius: 10px; |
902 | -moz-border-radius: 10px; | 902 | -moz-border-radius: 10px; |
903 | -webkit-border-radius: 10px; | 903 | -webkit-border-radius: 10px; |
904 | -webkit-box-shadow: 2px 2px 9px #333333; | 904 | -webkit-box-shadow: 2px 2px 9px #333333; |
905 | -moz-box-shadow: 2px 2px 9px #333333; | 905 | -moz-box-shadow: 2px 2px 9px #333333; |
906 | box-shadow: 2px 2px 9px #333333; | 906 | box-shadow: 2px 2px 9px #333333; |
907 | } | 907 | } |
908 | div.userInfoBox.locked { | 908 | div.userInfoBox.locked { |
909 | z-index: 19001; | 909 | z-index: 19001; |
910 | } | 910 | } |
911 | div.userInfoBox.locked div.header a.lockButton { | 911 | div.userInfoBox.locked div.header a.lockButton { |
912 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; | 912 | background: url(./images/old/lock/locked.png) no-repeat -5px -2px; |
913 | } | 913 | } |
914 | div.userInfoBox.locked div.header a.lockButton:hover { | 914 | div.userInfoBox.locked div.header a.lockButton:hover { |
915 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; | 915 | background: url(./images/old/lock/locked_hover.png) no-repeat -5px -2px; |
916 | } | 916 | } |
917 | div.userInfoBox.locked div.body a { | 917 | div.userInfoBox.locked div.body a { |
918 | display: none; | 918 | display: none; |
919 | } | 919 | } |
920 | div.userInfoBox div.header { | 920 | div.userInfoBox div.header { |
921 | height: 30px; | 921 | height: 30px; |
922 | } | 922 | } |
923 | div.userInfoBox div.header h1 { | 923 | div.userInfoBox div.header h1 { |
924 | font-size: 8pt; | 924 | font-size: 8pt; |
925 | font-weight: normal; | 925 | font-weight: normal; |
@@ -929,81 +929,131 @@ div.userInfoBox div.header h1 { | |||
929 | } | 929 | } |
930 | div.userInfoBox div.header a.lockButton { | 930 | div.userInfoBox div.header a.lockButton { |
931 | position: absolute; | 931 | position: absolute; |
932 | top: 8px; | 932 | top: 8px; |
933 | right: 12px; | 933 | right: 12px; |
934 | display: block; | 934 | display: block; |
935 | width: 15px; | 935 | width: 15px; |
936 | height: 20px; | 936 | height: 20px; |
937 | text-decoration: none; | 937 | text-decoration: none; |
938 | background: url(./images/old/lock/unlocked.png) no-repeat -5px -2px; | 938 | background: url(./images/old/lock/unlocked.png) no-repeat -5px -2px; |
939 | } | 939 | } |
940 | div.userInfoBox div.header a.lockButton:hover { | 940 | div.userInfoBox div.header a.lockButton:hover { |
941 | background: url(./images/old/lock/unlocked_hover.png) no-repeat -5px -2px; | 941 | background: url(./images/old/lock/unlocked_hover.png) no-repeat -5px -2px; |
942 | } | 942 | } |
943 | div.userInfoBox div.body { | 943 | div.userInfoBox div.body { |
944 | padding: 0px 12px; | 944 | padding: 0px 12px; |
945 | } | 945 | } |
946 | div.userInfoBox div.body h3 { | 946 | div.userInfoBox div.body h3 { |
947 | font-size: 11pt; | 947 | font-size: 11pt; |
948 | font-weight: bold; | 948 | font-weight: bold; |
949 | margin: 0px; | 949 | margin: 0px; |
950 | } | 950 | } |
951 | div.userInfoBox div.body ul { | 951 | div.userInfoBox div.body ul { |
952 | font-size: 8pt; | 952 | font-size: 8pt; |
953 | padding: 0px; | 953 | padding: 0px; |
954 | margin: 4px 0px; | 954 | margin: 4px 0px; |
955 | list-style-position: inside; | 955 | list-style-position: inside; |
956 | } | 956 | } |
957 | div.userInfoBox div.body ul li span.number { | 957 | div.userInfoBox div.body ul li span.number { |
958 | font-weight: bold; | 958 | font-weight: bold; |
959 | padding-right: 3px; | 959 | padding-right: 3px; |
960 | } | 960 | } |
961 | div.userInfoBox div.body div.accountInfo { | ||
962 | margin-top: 6px; | ||
963 | border-top: 1px solid white; | ||
964 | border-color: #f4aa84; | ||
965 | } | ||
966 | div.userInfoBox div.body div.accountInfo h5 { | ||
967 | margin: 0px; | ||
968 | padding-top: 8px; | ||
969 | padding-bottom: 8px; | ||
970 | font-size: 8pt; | ||
971 | font-weight: normal; | ||
972 | } | ||
973 | div.userInfoBox div.body div.accountInfo span.label { | ||
974 | font-size: 9pt; | ||
975 | font-weight: normal; | ||
976 | padding-right: 4px; | ||
977 | display: inline-block; | ||
978 | width: 45px; | ||
979 | } | ||
980 | div.userInfoBox div.body div.accountInfo span.label:after { | ||
981 | content: ":"; | ||
982 | } | ||
983 | div.userInfoBox div.body div.accountInfo span.status { | ||
984 | font-size: 10pt; | ||
985 | } | ||
986 | div.userInfoBox div.body div.accountInfo span.expriation { | ||
987 | font-size: 9pt; | ||
988 | } | ||
989 | div.userInfoBox div.body div.accountInfo div.payButton { | ||
990 | float: right; | ||
991 | padding-top: 6px; | ||
992 | text-align: right; | ||
993 | } | ||
994 | div.userInfoBox div.body div.accountInfo div.payButton a { | ||
995 | border: 0px; | ||
996 | margin-top: 0px; | ||
997 | padding: 0px; | ||
998 | color: white; | ||
999 | display: inline-block; | ||
1000 | padding: 2px 5px 2px 5px; | ||
1001 | border-radius: 4px; | ||
1002 | -moz-border-radius: 4px; | ||
1003 | -webkit-border-radius: 4px; | ||
1004 | font-size: 9pt; | ||
1005 | font-weight: normal; | ||
1006 | background-color: #d15a22; | ||
1007 | } | ||
1008 | div.userInfoBox div.body div.accountInfo div.payButton a:hover { | ||
1009 | background-color: #8c3b15; | ||
1010 | } | ||
961 | div.userInfoBox div.body a { | 1011 | div.userInfoBox div.body a { |
962 | display: block; | 1012 | display: block; |
963 | margin-top: 8px; | 1013 | margin-top: 4px; |
964 | border-top: 1px solid white; | 1014 | border-top: 1px solid white; |
965 | padding-top: 6px; | 1015 | padding-top: 6px; |
966 | font-size: 10pt; | 1016 | font-size: 10pt; |
967 | font-weight: bold; | 1017 | font-weight: bold; |
968 | color: #d15a22; | 1018 | color: #d15a22; |
969 | border-color: #fe9a5f; | 1019 | border-color: #fe9a5f; |
970 | text-decoration: none; | 1020 | text-decoration: none; |
971 | } | 1021 | } |
972 | div.userInfoBox div.body a:hover { | 1022 | div.userInfoBox div.body a:hover { |
973 | color: #8c3b15; | 1023 | color: #8c3b15; |
974 | } | 1024 | } |
975 | div.sidePanels { | 1025 | div.sidePanels { |
976 | float: left; | 1026 | float: left; |
977 | margin-top: 106px; | 1027 | margin-top: 186px; |
978 | margin-left: 20px; | 1028 | margin-left: 20px; |
979 | width: 160px; | 1029 | width: 160px; |
980 | } | 1030 | } |
981 | div.sidePanels div.tabSidePanel { | 1031 | div.sidePanels div.tabSidePanel { |
982 | margin-right: -10px; | 1032 | margin-right: -10px; |
983 | } | 1033 | } |
984 | div.sidePanels div.tabSidePanel ul { | 1034 | div.sidePanels div.tabSidePanel ul { |
985 | margin: 0px; | 1035 | margin: 0px; |
986 | padding-left: 0px; | 1036 | padding-left: 0px; |
987 | list-style-type: none; | 1037 | list-style-type: none; |
988 | color: #f78b46; | 1038 | color: #f78b46; |
989 | } | 1039 | } |
990 | div.sidePanels div.tabSidePanel ul.mainTabs { | 1040 | div.sidePanels div.tabSidePanel ul.mainTabs { |
991 | margin: 0px; | 1041 | margin: 0px; |
992 | } | 1042 | } |
993 | div.sidePanels div.tabSidePanel ul.mainTabs li a { | 1043 | div.sidePanels div.tabSidePanel ul.mainTabs li a { |
994 | display: block; | 1044 | display: block; |
995 | line-height: 30px; | 1045 | line-height: 30px; |
996 | height: 43px; | 1046 | height: 43px; |
997 | padding-left: 40px; | 1047 | padding-left: 40px; |
998 | color: #ff6621; | 1048 | color: #ff6621; |
999 | margin: 0px; | 1049 | margin: 0px; |
1000 | font-weight: normal; | 1050 | font-weight: normal; |
1001 | font-size: 13pt; | 1051 | font-size: 13pt; |
1002 | text-decoration: none; | 1052 | text-decoration: none; |
1003 | } | 1053 | } |
1004 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter { | 1054 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter { |
1005 | display: none; | 1055 | display: none; |
1006 | } | 1056 | } |
1007 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add { | 1057 | div.sidePanels div.tabSidePanel ul.mainTabs li div.selectionHighlighter a.add { |
1008 | font-size: 14pt; | 1058 | font-size: 14pt; |
1009 | font-weight: bold; | 1059 | font-weight: bold; |