X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fscreen%2Flayout.less;h=92cc19ac845bf2e1173c6e08a03f7dba1909e2c2;hp=a8cf4ff6232d366460a3c8b7ef898504ab3482aa;hb=687c0f2b0e183abdbfcd5e262d2ba7977d910a28;hpb=336ae665a166ad08f594c85e092ee57d7e65ba28 diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index a8cf4ff6..92cc19ac 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -1,10 +1,13 @@ -@import '../variables.less'; - body { padding: 0 3em 0 5em; } +#header +{ + margin-left: -2.125em; +} + .content { position: relative; @@ -55,25 +58,25 @@ body { padding: 2em; } -.content #nav +#nav { position: absolute; top: 0; right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ width: 100%; } -.cols_2 > .content #nav +.cols_2 #nav { position: relative; top: auto; right: auto; width: 22.375em; /** 358px = 326px + 32px*/ } -.cols_2 > .content #nav > #menu +.cols_2 #menu { margin: 0 0 -2.125em 0; /** 0 0 -34px 0 */ } -.content.cols_1 #nav > #menu +.cols_1 #menu { position: absolute; top: -7em; /** 112px */ @@ -91,24 +94,6 @@ body { overflow-y: scroll; } margin: 0 auto; } -/** Make the footer sticky */ -html, body -{ - height: 100%; -} -#page -{ - position: relative; - min-height: 100%; -} -#footer -{ - position: absolute; - left: 0; - right: 0; - bottom: 0; -} - /** Faux-Column-Hack-Eigengewächs */ #page.cols_2 {