Layout des Seitenkopfes sauber von der Seitenaufteilung getrennt

diff --git a/src/main/webapp/less/screen/head.less b/src/main/webapp/less/screen/head.less
index c537ba0..9a0c6e6 100644 (file)
--- a/src/main/webapp/less/screen/head.less
+++ b/src/main/webapp/less/screen/head.less
@@ -1,7 +1,3 @@
-#header
-{
-  margin-left: -4em;
-}
 #header > hr
 {
   display: none;
@@ -10,6 +6,7 @@
 {
   display: inline-block;
   font-size: 812.5%; /* 130px */
+  padding: 0;
   line-height: 1em;
   text-shadow: .092307692em .046153846em 0 @hintergrund; /** 12px 6px */
   z-index: 1;
@@ -24,7 +21,7 @@
   line-height: .6666666667em; /* 20px */
   height: .6em; /* 18px */
   padding: .066666667em .066666667em 0 0; /** 2px 2px 0 0 */
-  margin-left: 10em; /* 300px */
+  margin-left: 9em; /* 270px */
   position: relative;
   z-index: 0;
   top: -1.3em; /* 39px */

diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less
index 2834d8f..16dcfb2 100644 (file)
--- a/src/main/webapp/less/screen/layout.less
+++ b/src/main/webapp/less/screen/layout.less
@@ -3,6 +3,11 @@ body
   padding: 0 3em 0 5em;
 }
 
+#header
+{
+  margin-left: -2.125em;
+}
+
 .content
 {
   position: relative;

diff --git a/src/main/webapp/less/tablet/head.less b/src/main/webapp/less/tablet/head.less
index 6835588..aa559f4 100644 (file)
--- a/src/main/webapp/less/tablet/head.less
+++ b/src/main/webapp/less/tablet/head.less
@@ -3,7 +3,6 @@
   #header
   {
     padding-top: .5em;
-    margin-left: -3.1em;
   }
   #logo
   {
@@ -17,10 +16,6 @@
 
 @media (max-width: @maxsmallertablet)
 {
-  #header
-  {
-    margin-left: -2.4em;
-  }
   #logo
   {
     font-size: 487.5%; /* 78px */

diff --git a/src/main/webapp/less/tablet/layout.less b/src/main/webapp/less/tablet/layout.less
index 0597607..030cb53 100644 (file)
--- a/src/main/webapp/less/tablet/layout.less
+++ b/src/main/webapp/less/tablet/layout.less
@@ -11,6 +11,18 @@ body
   }
 }
 
+#header
+{
+  @media (max-width: @maxsmalltablet)
+  {
+    margin-left: -1.5em;
+  }
+  @media (max-width: @maxsmallertablet)
+  {
+    margin-left: -1.2em;
+  }
+}
+
 .cols_1
 {
   padding-right: 3em;