Tablet-Layout für kleinere Bildschirme überarbeitet

[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
new file mode 100644 (file)
index 0000000..8710368
--- /dev/null
+++ b/src/main/webapp/less/tablet/navigation.less
@@ -0,0 +1,62 @@
+@media (max-width: @maxsmalltablet)
+{
+  #menu
+  {
+    top: -5.7em;
+  }
+  .cols_2 > .content #nav > #menu
+  {
+    top: -5.2em;
+    right: 2em;
+  }
+  #menu > li.m
+  {
+    padding: 0 0 0 3em;
+  }
+  #menu > li.m > .m
+  {
+    font-size: 200%; /* 32px */
+  }
+  #menu > li.m > a.m:hover:before,
+  #menu > li.m > a.m.selected:before,
+  #menu > li.m > strong.m:before
+  {
+    content: '> ';
+    margin-left: -.95em;
+  }
+  #breadcrumb
+  {
+    font-size: 87.5%; /* 14px */
+    top: 7.2em;
+    left: 6.3em;
+  }
+}
+
+@media (max-width: @maxsmallertablet)
+{
+  #menu
+  {
+    top: -4.5em;
+  }
+  .cols_2 > .content #nav > #menu
+  {
+    top: -4em;
+    right: 1em;
+  }
+  #menu > li.m
+  {
+    padding: 0 0 0 2em;
+  }
+  #menu > li.m > .m
+  {
+    font-size: 150%; /* 24px */
+  }
+  .cols_2 > .content #nav > #menu
+  {
+    top: -4em;
+  }
+  #breadcrumb
+  {
+    display: none;
+  }
+}