X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fscreen%2Flayout.less;h=92cc19ac845bf2e1173c6e08a03f7dba1909e2c2;hp=434e61cd56d1ce88754472d7e914fbf2cfe28804;hb=687c0f2b0e183abdbfcd5e262d2ba7977d910a28;hpb=cb1712d6fad34b2c22dee226151e674288175e17 diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index 434e61cd..92cc19ac 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -1,13 +1,17 @@ -@import '../variables.less'; - body { padding: 0 3em 0 5em; } +#header +{ + margin-left: -2.125em; +} + .content { position: relative; + height: 100%; padding-bottom: 7.1875em; /** 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ } .cols_2 > .content @@ -50,28 +54,29 @@ body { margin-top: 0; } -.cols_1 > .content > .marginal div.m +.cols_1 > .content > .marginal aside.m { 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 */ @@ -89,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 {