Rücksprung-Link zum Seitenanfang eingebaut und für Phone-Navigation verwendet

[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
index a106ad5..6d6521a 100644 (file)
--- a/src/main/webapp/less/phone/layout.less
+++ b/src/main/webapp/less/phone/layout.less
@@ -131,6 +131,38 @@ body
 }
 
 
+/** Inhalts-Sprunglink reaktivieren und stylen */
+
+#nav > a.hide
+{
+  position: relative;
+  float: right;
+  left: auto;
+  top: .5em;
+  display: block;
+  overflow: hidden;
+  width: 2.142857143em; /** 30px */
+  height: 2.5em;
+  line-height: 2.5em;
+  color: @dunkel;
+  border-style: none;
+}
+#nav > a.hide:before
+{
+  content: "";
+  font-family: 'symbols';
+  font-size: 210%; /** Vielfaches von 14px */
+  padding: 0 0 1em 0;
+  margin: 0 1em 0 0;
+}
+#nav > a.hide:hover,
+#nav > a.hide:focus,
+#nav > a.hide:active
+{
+  color: @dunkler;
+}
+
+
 /** Footer positionieren */
 
 #footer