Tablet-Layout vereinfacht und Sticky-Footer-Hack aus Phone-Layout übernommen

[website] / src / main / webapp / less / tablet / navigation.less

diff --git a/src/main/webapp/less/tablet/navigation.less b/src/main/webapp/less/tablet/navigation.less
index 8710368..93cd1b2 100644 (file)
--- a/src/main/webapp/less/tablet/navigation.less
+++ b/src/main/webapp/less/tablet/navigation.less
@@ -1,12 +1,26 @@
+#breadcrumb
+{
+  left: 11.9em;
+  right: 3em;
+}
+.cols_1 > .content #nav > #menu,
+.cols_2 > .content #nav > #menu
+{
+  position: absolute;
+  width: auto;
+  right: 3em;
+}
+#submenu
+{
+  padding-right: 1em;
+}
+
 @media (max-width: @maxsmalltablet)
 {
-  #menu
-  {
-    top: -5.7em;
-  }
+  .cols_1 > .content #nav > #menu,
   .cols_2 > .content #nav > #menu
   {
-    top: -5.2em;
+    top: -5.7em;
     right: 2em;
   }
   #menu > li.m
@@ -28,19 +42,16 @@
   {
     font-size: 87.5%; /* 14px */
     top: 7.2em;
-    left: 6.3em;
+    left: 10.3em;
   }
 }
 
 @media (max-width: @maxsmallertablet)
 {
-  #menu
-  {
-    top: -4.5em;
-  }
+  .cols_1 > .content #nav > #menu,
   .cols_2 > .content #nav > #menu
   {
-    top: -4em;
+    top: -4.5em;
     right: 1em;
   }
   #menu > li.m
@@ -51,10 +62,6 @@
   {
     font-size: 150%; /* 24px */
   }
-  .cols_2 > .content #nav > #menu
-  {
-    top: -4em;
-  }
   #breadcrumb
   {
     display: none;