X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Ftiny%2Flayout.less;h=dcef10ccbd267afaf1c15f3180fe77a69c0fe787;hp=ede7f8739f913d4968f3081ff0c276d191e9b6f7;hb=7967465800f4235b769e7151d5986ca92fc2a0ff;hpb=fd86a57c93eea4668d9c748aed9ab301a1d99082 diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less index ede7f873..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,22 +34,21 @@ body #header { font-size: 75%; - margin: 0 .5em 0 1em; } - .content > .marginal + #nav:target { - padding: 1em .5em 999em .5em; + padding-top: 0; } - .content > .main, - #footer + #breadcrumb, + #nav:target > a.hide { - margin: 0; - padding: 0 .5em; + top: .1em; + right: .3em; } - #breadcrumb + #breadcrumb > a.hide:before, + #nav:target > a.hide:before { - top: .3em; - right: .3em; + font-size: 300%; /** Vielfaches von 12px */ } } @media (max-width: 150px) @@ -44,4 +65,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 */ + } }