From: Kai Moritz <km@feder-software.de>
Date: Thu, 30 Jan 2014 10:59:54 +0000 (+0100)
Subject: Rücksprung-Link zum Seitenanfang eingebaut und für Phone-Navigation verwendet
X-Git-Tag: thymeroot-2.0.0~124
X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=f2fb1bb1fee920af64adb03763e23f6039da2fa4;p=website
Rücksprung-Link zum Seitenanfang eingebaut und für Phone-Navigation verwendet
---
diff --git a/src/main/webapp/WEB-INF/templates/html-head.jsp b/src/main/webapp/WEB-INF/templates/html-head.jsp
index 9c78f015..1b74015e 100644
--- a/src/main/webapp/WEB-INF/templates/html-head.jsp
+++ b/src/main/webapp/WEB-INF/templates/html-head.jsp
@@ -3,7 +3,7 @@
<%@page session="false" %>
<%@taglib uri="http://www.springframework.org/tags" prefix="s"%>
<s:url var="base" value="/" />
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="${base}css/base.css" />
<style type="text/css">
@import '${base}css/screen.css' screen;
diff --git a/src/main/webapp/WEB-INF/templates/html5page.jsp b/src/main/webapp/WEB-INF/templates/html5page.jsp
index 9a5ea5e5..1ccd625a 100644
--- a/src/main/webapp/WEB-INF/templates/html5page.jsp
+++ b/src/main/webapp/WEB-INF/templates/html5page.jsp
@@ -12,6 +12,7 @@
<t:insertAttribute name="htmlhead"/>
</head>
<body class="<t:getAsString name="contentclass"/>" onload="prettyPrint()">
+ <a id="top"></a>
<div id="page" class="cf">
<header id="header">
<h1 id="logo"><a href="${base}index.html" title="Home" class="l">juplo</a></h1>
@@ -35,6 +36,7 @@
<nav id="nav">
<hr class="n"/>
<a id="navigation"></a>
+ <a class="hide" href="#top" title="Show Content">Jump back to the top of the page</a>
<t:insertAttribute name="navigation"/>
<hr class="n"/>
</nav>
diff --git a/src/main/webapp/less/phone/layout.less b/src/main/webapp/less/phone/layout.less
index a106ad59..6d6521ae 100644
--- 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