Das neue juplo-Logo eingebaut
[website] / dist / less / tiny / layout.less
index dcef10c..805da7a 100644 (file)
@@ -4,6 +4,7 @@ body
 }
 #header
 {
+  font-size: 75%;
   margin: .25em .5em 1em 1em;
 }
 #nav:target
@@ -31,25 +32,10 @@ body
 
 @media (max-width: 210px)
 {
-  #header
-  {
-    font-size: 75%;
-  }
   #nav:target
   {
     padding-top: 0;
   }
-  #breadcrumb,
-  #nav:target > a.hide
-  {
-    top: .1em;
-    right: .3em;
-  }
-  #breadcrumb > a.hide:before,
-  #nav:target > a.hide:before
-  {
-    font-size: 300%; /** Vielfaches von 12px */
-  }
 }
 @media (max-width: 150px)
 {
@@ -60,6 +46,7 @@ body
   #header > hr.h
   {
     display: block;
+    margin: 0;
   }
   #slogan
   {
@@ -69,6 +56,8 @@ body
   #nav:target > a.hide
   {
     top: .2em;
+    line-heigth: 2.3em;
+    width: 2.4em;
   }
   #breadcrumb > a.hide:before,
   #nav:target > a.hide:before