X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftiny%2Flayout.less;h=f5abf0f8fb44c8677034a0a1e04c084c44401763;hp=ede7f8739f913d4968f3081ff0c276d191e9b6f7;hb=26b80b72222dafca912393187eed97376c73116f;hpb=fd86a57c93eea4668d9c748aed9ab301a1d99082

diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less
index ede7f873..f5abf0f8 100644
--- a/src/main/webapp/less/tiny/layout.less
+++ b/src/main/webapp/less/tiny/layout.less
@@ -12,7 +12,7 @@ body
   #header
   {
     font-size: 75%;
-    margin: 0 .5em 0 1em;
+    margin: .25em .5em 0 1em;
   }
   .content > .marginal
   {
@@ -24,11 +24,25 @@ body
     margin: 0;
     padding: 0 .5em;
   }
-  #breadcrumb
+  #nav:target
   {
-    top: .3em;
+    padding-top: 0;
+  }
+  #nav:target > #menu
+  {
+    padding-left: 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)
 {
@@ -44,4 +58,14 @@ body
   {
     display: none;
   }
+  #breadcrumb,
+  #nav:target > a.hide
+  {
+    top: .2em;
+  }
+  #breadcrumb > a.hide:before,
+  #nav:target > a.hide:before
+  {
+    font-size: 264%; /** Vielfaches von 12px */
+  }
 }