Layout für Smartphones und sehr kleine Bildschirmgrößen überarbeitet

[website] / src / main / webapp / less / phone / layout.less

diff --git a/src/main/webapp/less/phone/layout.less b/src/main/webapp/less/phone/layout.less
new file mode 100644 (file)
index 0000000..026583e
--- /dev/null
+++ b/src/main/webapp/less/phone/layout.less
@@ -0,0 +1,19 @@
+#page
+{
+  overflow: hidden;
+}
+
+#header
+{
+  margin: 0 1em 0 1.25em;
+}
+
+.content > .main
+{
+  margin: 0 1em 0 2.5em;
+}
+.cols_2 > .content > .main
+{
+  border-top-style: none;
+  margin-top: -.4375em; /** -8px + 1px (für den entfernten Rahmen) -- nur damit es exakt so positioniert ist, wie im Tablet-Layout */
+}