X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftiny%2Flayout.less;h=dcef10ccbd267afaf1c15f3180fe77a69c0fe787;hp=0acb60699303ba2887a2252656653ab94f1507fc;hb=545c20e546e2c2083f66c33c9cf842951ac7db4d;hpb=02dfc8d7c054fa2c3f89eae7594f3262817d62f2 diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less index 0acb6069..dcef10cc 100644 --- a/src/main/webapp/less/tiny/layout.less +++ b/src/main/webapp/less/tiny/layout.less @@ -2,8 +2,30 @@ body { font-size: 75%; /** 12px */ } -.marginal +#header { + margin: .25em .5em 1em 1em; +} +#nav:target +{ + padding-left: 0.5em; + padding-right: 0.5em; +} +#breadcrumb, +#nav:target > a.hide +{ + top: .5em; + right: .5em; +} +.content > .main, +#footer +{ + margin: 0; + padding: 0 .5em; +} +.content > .marginal +{ + padding: 1em .5em 999em .5em; margin-bottom: -991em; } @@ -12,24 +34,19 @@ body #header { font-size: 75%; - margin: .25em .5em 0 1em; - } - .content > .marginal - { - padding: 1em .5em 999em .5em; } - .content > .main, - #footer + #nav:target { - margin: 0; - padding: 0 .5em; + padding-top: 0; } - #breadcrumb + #breadcrumb, + #nav:target > a.hide { top: .1em; right: .3em; } - #breadcrumb > a.hide:before + #breadcrumb > a.hide:before, + #nav:target > a.hide:before { font-size: 300%; /** Vielfaches von 12px */ } @@ -48,11 +65,13 @@ body { display: none; } - #breadcrumb + #breadcrumb, + #nav:target > a.hide { top: .2em; } - #breadcrumb > a.hide:before + #breadcrumb > a.hide:before, + #nav:target > a.hide:before { font-size: 264%; /** Vielfaches von 12px */ }