Tablet-Layout vereinfacht und Sticky-Footer-Hack aus Phone-Layout übernommen
[website] / src / main / webapp / less / tablet / footer.less
index 9f5beb5..ffe1695 100644 (file)
@@ -1,16 +1,13 @@
 .cols_1 > #footer
 {
-  margin: 0 0 0 -5em;
   padding: 2em 3em 1.5em 5em;
   @media (max-width: @maxsmalltablet)
   {
-    margin: 0 0 0 -4em;
-    padding: 1.5em 2em 1em 4em;
+    padding: 1.5em 2em 1em 3em;
   }
   @media (max-width: @maxsmallertablet)
   {
-    margin: 0 0 0 -3em;
-    padding: 1em 1em .75em 3em;
+    padding: 1em 1em .75em 2.5em;
   }
   background-color: @heller;
 }
   font-size: 137.5%;
   margin: 0;
 }
-.cols_2 > #footer
-{
-  z-index: 1;
-}
 .cols_2 > #footer > #footerlinks
 {
   position: static;
@@ -51,7 +44,7 @@
 {
   line-height: 1em;
   display: block;
-  margin: 0;
+  margin: 0 0 .25em 0;
   color: @hintergrund;
 }
 .cols_2 > #footer > #footerlinks > li#copyright
@@ -60,9 +53,9 @@
   font-size: 137.5%;
   top: auto;
   bottom: 0;
-  left: -3em;
-  right: -10.909090909em; /* 240px */
-  padding: 9em 2.18181818em 1.5em; /* ? 3*16px ? */
+  left: 0;
+  right: 0;
+  padding: 0 2.18181818em 1.5em; /* ? 3*16px ? */
   @media (max-width: @maxsmalltablet)
   {
     padding-right: 1.45454545em;