From 545c20e546e2c2083f66c33c9cf842951ac7db4d Mon Sep 17 00:00:00 2001
From: Kai Moritz <kai@juplo.de>
Date: Tue, 11 Mar 2014 15:11:37 +0100
Subject: [PATCH] Mehr Platz unter Kopfbereich

---
 src/main/webapp/WEB-INF/views/test/breadcrumb.jsp | 12 ++++++++++++
 src/main/webapp/less/phone/layout.less            |  3 +--
 src/main/webapp/less/phone/typo.less              |  1 +
 src/main/webapp/less/screen/layout.less           |  5 +++--
 src/main/webapp/less/screen/typo.less             |  1 +
 src/main/webapp/less/tablet/layout.less           | 12 ++++++------
 src/main/webapp/less/tiny/layout.less             |  2 +-
 7 files changed, 25 insertions(+), 11 deletions(-)
 create mode 100644 src/main/webapp/WEB-INF/views/test/breadcrumb.jsp

diff --git a/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp b/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
new file mode 100644
index 00000000..786c773c
--- /dev/null
+++ b/src/main/webapp/WEB-INF/views/test/breadcrumb.jsp
@@ -0,0 +1,12 @@
+<%@page contentType="text/html;charset=UTF-8"%>
+<%@page pageEncoding="UTF-8"%>
+<%@page session="false" %>
+<%@taglib uri="http://tiles.apache.org/tags-tiles" prefix="t" %>
+<t:insertDefinition name="test">
+  <t:putAttribute name="title" value="Seite mit sehr langem Breadcrumb" type="string" cascade="true"/>
+  <t:putAttribute name="breadcrumb" type="string">
+    <li class="b"><a class="b" href="${base}index.html">Home</a></li>
+    <li class="b"><a class="b" href="${base}blog.html">Blog</a></li>
+    <li class="b"><strong class="b">Combining jetty-maven-plugin and wro4j-maven-plugin for Dynamic Reloading of LESS-Resources</strong></li>
+  </t:putAttribute>
+</t:insertDefinition>
diff --git a/src/main/webapp/less/phone/layout.less b/src/main/webapp/less/phone/layout.less
index 405aa5ff..f2c4a238 100644
--- a/src/main/webapp/less/phone/layout.less
+++ b/src/main/webapp/less/phone/layout.less
@@ -21,7 +21,6 @@ body
 .menu .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 */
 }
 
 
@@ -30,7 +29,7 @@ body
 
 #header
 {
-  margin: .5em 1em 0 1.25em;
+  margin: .5em 1em 1em 1.25em;
 }
 #header > hr.h
 {
diff --git a/src/main/webapp/less/phone/typo.less b/src/main/webapp/less/phone/typo.less
index ba61db5a..109c47c7 100644
--- a/src/main/webapp/less/phone/typo.less
+++ b/src/main/webapp/less/phone/typo.less
@@ -1,4 +1,5 @@
 h1
 {
   font-size: 150%; /** 24 px */
+  margin-top: 0;
 }
diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index 97d0fbb0..eb79a804 100644
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -53,6 +53,7 @@ body
 #header
 {
   margin-left: -2.125em;
+  padding-bottom: 2em;
 }
 #header > hr.h
 {
@@ -77,7 +78,7 @@ body
 {
   position: relative;
   width: 200%;
-  top: -7em; /** 112px */
+  top: -9em; /** 136px */
   right: 100%;
   text-align: right;
   list-style-type: none;
@@ -87,7 +88,7 @@ body
 }
 .nomenu #menu
 {
-  top: -9em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
+  top: -11em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
 }
 #menu > li.m
 {
diff --git a/src/main/webapp/less/screen/typo.less b/src/main/webapp/less/screen/typo.less
index 1a1b2260..7ee77c03 100644
--- a/src/main/webapp/less/screen/typo.less
+++ b/src/main/webapp/less/screen/typo.less
@@ -4,4 +4,5 @@ h1
   /** line-height: 1em;  ** 30px */
   /** padding: 0 0 .4em 0; ** 0 0 12px 0 */
   /** margin: 1em 0 .3em 0; ** 30px 0 9px 0 */
+  margin-top: 0;
 }
diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 9e5c2df3..44ab7d58 100644
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -80,16 +80,16 @@ body
 
 #header
 {
-  padding: 1em 3em 0 5em;
+  padding: 1em 3em 2em 5em;
   @media (max-width: @maxsmalltablet)
   {
     margin-left: -1.5em;
-    padding: .5em 2em 0 3em;
+    padding: .5em 2em 2em 3em;
   }
   @media (max-width: @maxsmallertablet)
   {
     margin-left: -1.2em;
-    padding: 1em 1em 0 2.5em;
+    padding: 1em 1em 2em 2.5em;
   }
 }
 
@@ -128,16 +128,16 @@ body
 {
   position: absolute;
   width: auto;
-  top: -7em;
+  top: -9em;
   right: 3em;
   @media (max-width: @maxsmalltablet)
   {
-    top: -5.7em;
+    top: -7.7em;
     right: 2em;
   }
   @media (max-width: @maxsmallertablet)
   {
-    top: -4.5em;
+    top: -6.5em;
     right: 1em;
   }
 }
diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less
index 88126ffc..dcef10cc 100644
--- a/src/main/webapp/less/tiny/layout.less
+++ b/src/main/webapp/less/tiny/layout.less
@@ -4,7 +4,7 @@ body
 }
 #header
 {
-  margin: .25em .5em 0 1em;
+  margin: .25em .5em 1em 1em;
 }
 #nav:target
 {
-- 
2.20.1