775 .abutton:hover { |
775 .abutton:hover { |
776 color: #f0f0f0 !important; |
776 color: #f0f0f0 !important; |
777 background-color: #606060; |
777 background-color: #606060; |
778 } |
778 } |
779 |
779 |
|
780 .abutton.block { |
|
781 display: block; |
|
782 width: 60%; |
|
783 margin: 0 auto 10px auto; |
|
784 } |
|
785 |
780 .abutton_green { color: #008800 !important; } |
786 .abutton_green { color: #008800 !important; } |
781 .abutton_green:hover { background-color: #008800 !important; } |
787 .abutton_green:hover { background-color: #008800 !important; } |
782 .abutton_blue { color: #000088 !important; } |
788 .abutton_blue { color: #000088 !important; } |
783 .abutton_blue:hover { background-color: #000088 !important; } |
789 .abutton_blue:hover { background-color: #000088 !important; } |
784 .abutton_red { color: #880000 !important; } |
790 .abutton_red { color: #880000 !important; } |
909 } |
915 } |
910 |
916 |
911 span.acl_failed_deps span.title { |
917 span.acl_failed_deps span.title { |
912 color: #ff0000; |
918 color: #ff0000; |
913 } |
919 } |
|
920 |
|
921 /** |
|
922 * Theme selector |
|
923 */ |
|
924 |
|
925 div#theme-selector-wrapper { |
|
926 position: absolute; |
|
927 width: 100%; |
|
928 margin: 0; |
|
929 padding: 0; |
|
930 top: 0; |
|
931 margin-top: 75px; |
|
932 } |
|
933 |
|
934 div#theme-selector-body { |
|
935 margin: 0 auto; |
|
936 padding: 20px; |
|
937 background-color: #ffffff; |
|
938 text-align: center; |
|
939 /* width: 708px; */ |
|
940 width: 130px; |
|
941 height: 130px; |
|
942 } |
|
943 |
|
944 div#theme-selector-inner h3 { |
|
945 font-size: x-large; |
|
946 } |
|
947 |
|
948 div#theme-selector-inner ul { |
|
949 list-style-type: none; |
|
950 margin: 0; |
|
951 padding: 0; |
|
952 } |
|
953 |
|
954 div#theme-selector-inner ul li { |
|
955 float: left; |
|
956 } |
|
957 |
|
958 div#theme-selector-inner ul li a { |
|
959 display: block; |
|
960 border: 1px solid #d0d0d0; |
|
961 padding: 4px; |
|
962 width: 216px; |
|
963 line-height: 150px; |
|
964 text-align: center; |
|
965 margin: 2px 5px; |
|
966 text-decoration: none; |
|
967 background-position: center center; |
|
968 background-repeat: no-repeat; |
|
969 background-image: url(../../../images/themepreview.png); |
|
970 } |
|
971 |
|
972 div#theme-selector-inner ul li a span { |
|
973 color: #456798; |
|
974 background-color: #fff; |
|
975 opacity: 0; |
|
976 filter: alpha(opacity=0); |
|
977 display: block; |
|
978 width: 216px; |
|
979 line-height: 150px; |
|
980 font-size: x-large; |
|
981 } |
|
982 |
|
983 div#theme-selector-inner ul li a:hover span { |
|
984 opacity: 0.6; |
|
985 filter: alpha(opacity=60); |
|
986 } |
|
987 |
|
988 div#theme-selector-inner .abutton { |
|
989 font-size: x-large; |
|
990 } |
|
991 |
|
992 div#theme-selector-inner ul li a span.loading { |
|
993 background-image: url(../../../images/loading-big.gif); |
|
994 background-position: center center; |
|
995 background-repeat: no-repeat; |
|
996 } |
|
997 |
|
998 div.theme-selector-spinner { |
|
999 height: 130px; |
|
1000 background-image: url(../../../images/loading-big.gif); |
|
1001 background-position: center center; |
|
1002 background-repeat: no-repeat; |
|
1003 margin: 0 auto; |
|
1004 } |