| Index: trunk/extensions/MobileFrontend/stylesheets/beta_common.css |
| — | — | @@ -2,6 +2,7 @@ |
| 3 | 3 | body { |
| 4 | 4 | margin: 0; |
| 5 | 5 | padding: 0; |
| | 6 | + height: 100%; |
| 6 | 7 | } |
| 7 | 8 | |
| 8 | 9 | html { |
| — | — | @@ -155,6 +156,14 @@ |
| 156 | 157 | -webkit-appearance: none; |
| 157 | 158 | } |
| 158 | 159 | |
| | 160 | +ul#footer-info { |
| | 161 | + list-style: none; |
| | 162 | + list-style-image: none; |
| | 163 | + list-style-type: none; |
| | 164 | + margin: 0; |
| | 165 | + padding: 0; |
| | 166 | +} |
| | 167 | + |
| 159 | 168 | .divclearable { |
| 160 | 169 | display: block; |
| 161 | 170 | zoom: 1; |
| — | — | @@ -343,15 +352,6 @@ |
| 344 | 353 | transition: max-height 0.2s ease-in; |
| 345 | 354 | } |
| 346 | 355 | |
| 347 | | -/* |
| 348 | | -disable animations in footer |
| 349 | | -this is so that toggling can scroll it into view |
| 350 | | -*/ |
| 351 | | -.togglingEnabled #footer .content_block { |
| 352 | | - -webkit-transition: none; |
| 353 | | - transition: none; |
| 354 | | -} |
| 355 | | - |
| 356 | 356 | .togglingEnabled .openSection.section_anchors { |
| 357 | 357 | display: block; |
| 358 | 358 | } |
| — | — | @@ -488,6 +488,11 @@ |
| 489 | 489 | color: blue; |
| 490 | 490 | } |
| 491 | 491 | |
| | 492 | +.links { |
| | 493 | + float: left; |
| | 494 | + padding: 10px; |
| | 495 | +} |
| | 496 | + |
| 492 | 497 | #contentSub, |
| 493 | 498 | .dablink { |
| 494 | 499 | margin-bottom: 10px; |
| — | — | @@ -495,7 +500,6 @@ |
| 496 | 501 | |
| 497 | 502 | #firstHeading { |
| 498 | 503 | font-size: 1.7em; |
| 499 | | - margin: 0; |
| 500 | 504 | } |
| 501 | 505 | |
| 502 | 506 | .section_anchors a { |
| — | — | @@ -557,11 +561,6 @@ |
| 558 | 562 | float: left; |
| 559 | 563 | } |
| 560 | 564 | |
| 561 | | -.floatright::after, |
| 562 | | -.floatleft::after { |
| 563 | | - clear: both; |
| 564 | | -} |
| 565 | | - |
| 566 | 565 | #content_wrapper.home h1#firstHeading { |
| 567 | 566 | display: none; |
| 568 | 567 | } |
| — | — | @@ -573,7 +572,6 @@ |
| 574 | 573 | } |
| 575 | 574 | |
| 576 | 575 | #content_wrapper { |
| 577 | | - position: relative; |
| 578 | 576 | clear: both; |
| 579 | 577 | margin: 22px 22px; |
| 580 | 578 | } |
| — | — | @@ -588,6 +586,11 @@ |
| 589 | 587 | margin: 0; |
| 590 | 588 | } |
| 591 | 589 | |
| | 590 | +#footer { |
| | 591 | + margin: 0 8px; |
| | 592 | + clear: both; |
| | 593 | +} |
| | 594 | + |
| 592 | 595 | #logo { |
| 593 | 596 | position: absolute; |
| 594 | 597 | height: 22px; |
| — | — | @@ -727,7 +730,20 @@ |
| 728 | 731 | margin: 8px 0 8px -3px; |
| 729 | 732 | } |
| 730 | 733 | |
| | 734 | +#footer { |
| | 735 | + padding-top: 1em; |
| | 736 | +} |
| 731 | 737 | |
| | 738 | +#footer #perm { |
| | 739 | + padding-top: 2em; |
| | 740 | + font-size: 90%; |
| | 741 | +} |
| | 742 | + |
| | 743 | +#footer #copyright { |
| | 744 | + padding: 1em 0; |
| | 745 | + font-size: 80%; |
| | 746 | +} |
| | 747 | + |
| 732 | 748 | ol.references > li:target, |
| 733 | 749 | sup.reference:target, |
| 734 | 750 | span.citation:target, |
| — | — | @@ -869,104 +885,11 @@ |
| 870 | 886 | display: none !important; |
| 871 | 887 | } |
| 872 | 888 | |
| 873 | | -#footer { |
| 874 | | - -webkit-box-shadow: 0px -20px 10px -16px #ddd; |
| 875 | | - -moz-box-shadow: 0px -20px 10px -16px #ddd; |
| 876 | | - -o-box-shadow: 0px -20px 10px -16px #ddd; |
| 877 | | - box-shadow: 0px -20px 10px -16px #ddd; |
| 878 | | - padding: 12px 22px; /* see content_wrapper margin */ |
| 879 | | - border-top: solid 1px #aaa; |
| 880 | | - line-height: 24px; |
| 881 | | - position: relative; |
| 882 | | - clear: both; /* cancel any floating in the content */ |
| 883 | | -} |
| 884 | | - |
| 885 | | -#footer ul { |
| 886 | | - text-align: center; |
| 887 | | - width: 100%; |
| 888 | | - padding: 0; |
| 889 | | - list-style: none; |
| 890 | | -} |
| 891 | | - |
| 892 | | -#footer img { |
| 893 | | - height: 23px; |
| 894 | | - float: left; |
| 895 | | - margin-right: 4px; |
| 896 | | -} |
| 897 | | - |
| 898 | | -#footer .toggleCopyright, |
| 899 | | -#footer .license { |
| 900 | | - font-weight: bold; |
| 901 | | - font-size: 1em; |
| 902 | | - line-height: 24px; |
| 903 | | -} |
| 904 | | - |
| 905 | | -#footer .toggleCopyright { |
| 906 | | - float: right; |
| 907 | | - margin: 0; |
| 908 | | - padding: 0; |
| 909 | | - position: relative; |
| 910 | | - padding-right: 32px; |
| 911 | | -} |
| 912 | | - |
| 913 | | -.toggleCopyright .hide, |
| 914 | | -.toggleCopyright .show { |
| 915 | | - position: absolute; |
| 916 | | - top: 0; |
| 917 | | - right: 0; |
| 918 | | - height: 22px; |
| 919 | | -} |
| 920 | | - |
| 921 | | -.copyrightNotice { |
| 922 | | - padding-top: 8px; |
| 923 | | - line-height: 1.2em; |
| 924 | | - margin-bottom: 12px; |
| 925 | | -} |
| 926 | | - |
| 927 | | -#content_copyright { |
| 928 | | - text-align: center; |
| 929 | | - font-size: 0.9em; |
| 930 | | -} |
| 931 | | - |
| 932 | | -#footer .links { |
| 933 | | - margin: 0; |
| 934 | | -} |
| 935 | | - |
| 936 | | -#footer .links li { |
| 937 | | - display: block; |
| 938 | | - width: 25%; |
| 939 | | - font-size: 1.2em; |
| 940 | | - float: left; |
| 941 | | - text-align: center; |
| 942 | | -} |
| 943 | | - |
| 944 | | -#footer .links li:first-child { |
| 945 | | - text-align: left; |
| 946 | | -} |
| 947 | | - |
| 948 | | -#footer .links li:last-child { |
| 949 | | - text-align: right; |
| 950 | | -} |
| 951 | | - |
| 952 | | -#footer .links:after { |
| 953 | | - content: ""; |
| 954 | | - clear: both; |
| 955 | | - position: relative; |
| 956 | | - display: block; |
| 957 | | -} |
| 958 | | - |
| 959 | | -.togglingEnabled #footer .more, |
| 960 | | -.togglingEnabled #footer .openSection .less { |
| 961 | | - display: block; |
| 962 | | -} |
| 963 | | - |
| 964 | | -#footer .more, /* no javascript */ |
| 965 | | -#footer .less, |
| 966 | | -#footer .openSection .more { |
| 967 | | - display: none; |
| 968 | | -} |
| 969 | | - |
| 970 | 889 | #mf-references { |
| | 890 | + -webkit-transition: bottom 0.1s ease-in-out; |
| | 891 | + -moz-transition: bottom 0.1s ease-in-out; |
| | 892 | + -o-transition: bottom 0.1s ease-in-out; |
| | 893 | + transition: bottom 0.1s ease-in-out; |
| 971 | 894 | position: fixed; |
| 972 | 895 | bottom: 0; |
| 973 | 896 | left: 0; |
| — | — | @@ -1008,53 +931,3 @@ |
| 1009 | 932 | #mf-references a { |
| 1010 | 933 | color: #3354C0; |
| 1011 | 934 | } |
| 1012 | | - |
| 1013 | | -.feedback h1 { |
| 1014 | | - margin: 0; |
| 1015 | | - margin-bottom: 20px; |
| 1016 | | - border-bottom: solid 1px #CCC; |
| 1017 | | - padding-bottom: 10px; |
| 1018 | | -} |
| 1019 | | - |
| 1020 | | -.feedback select { |
| 1021 | | - height: 35px; |
| 1022 | | -} |
| 1023 | | - |
| 1024 | | -.feedback .saveEmail { |
| 1025 | | - float: right; |
| 1026 | | - color: #9C9C9C; |
| 1027 | | -} |
| 1028 | | -.feedback input[type=submit], |
| 1029 | | -.feedback select { |
| 1030 | | - background-color: #5E5E5E; |
| 1031 | | - padding: 12px; |
| 1032 | | - color: white; |
| 1033 | | - display: block; |
| 1034 | | - margin: 22px 0px; |
| 1035 | | - border: none; |
| 1036 | | - -webkit-border-radius: 2px; |
| 1037 | | - border-radius: 2px; |
| 1038 | | - -webkit-box-shadow: 3px 3px 3px #8C8C8C; |
| 1039 | | - font-size: 1.5em; |
| 1040 | | -} |
| 1041 | | - |
| 1042 | | -.feedback input.email { |
| 1043 | | - height: 38px; |
| 1044 | | -} |
| 1045 | | - |
| 1046 | | -.feedback textarea, |
| 1047 | | -.feedback input.email { |
| 1048 | | - /*padding: 12px;*/ |
| 1049 | | - width: 100%; |
| 1050 | | - border: solid 1px #888888; |
| 1051 | | -} |
| 1052 | | - |
| 1053 | | -.feedback textarea, |
| 1054 | | -.feedback input { |
| 1055 | | - font-size: 1.5em; |
| 1056 | | -} |
| 1057 | | - |
| 1058 | | -.feedback input::-webkit-input-placeholder, |
| 1059 | | -.feedback textarea::-webkit-input-placeholder { |
| 1060 | | - color: #747474; |
| 1061 | | -} |