From: Kai Moritz Date: Tue, 11 Mar 2014 13:11:05 +0000 (+0100) Subject: Margin links bei kleinen Smartphones schon früher minimiert X-Git-Tag: thymeroot-2.0.0~105 X-Git-Url: http://juplo.de/gitweb/?a=commitdiff_plain;h=5b71fa65f7b7364f4c142bc9e3e40602a8ce1251;p=website Margin links bei kleinen Smartphones schon früher minimiert --- diff --git a/src/main/webapp/less/tiny/layout.less b/src/main/webapp/less/tiny/layout.less index f5abf0f8..88126ffc 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 0 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,26 +34,11 @@ body #header { font-size: 75%; - margin: .25em .5em 0 1em; - } - .content > .marginal - { - padding: 1em .5em 999em .5em; - } - .content > .main, - #footer - { - margin: 0; - padding: 0 .5em; } #nav:target { padding-top: 0; } - #nav:target > #menu - { - padding-left: 0; - } #breadcrumb, #nav:target > a.hide {