X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fscreen%2Flayout.less;h=eb79a804e05e6c056a22dd6129a717b49b34f64a;hp=bd4f0821d6bc745062d535d67006daf744b10be7;hb=545c20e546e2c2083f66c33c9cf842951ac7db4d;hpb=02dfc8d7c054fa2c3f89eae7594f3262817d62f2 diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index bd4f0821..eb79a804 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -2,7 +2,7 @@ body { - padding: 0 3em 0 5em; + padding: 0; overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */ } #page @@ -13,19 +13,23 @@ body /** Seitenaufteilung mit Menü (Zweispaltig) */ -.menu .content +body +{ + padding: 0 3em 0 5em; +} +.content { position: relative; padding: 0 27em 7.1875em 0; /** Unten: 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ } -.menu .content > .main +.content > .main { float: left; min-height: 1em; position: relative; width: 100%; } -.menu .content > .marginal +.content > .marginal { float: left; margin: 0 -27em 0 2.625em; @@ -37,14 +41,10 @@ body /** Anpassungen für Seiten ohne Menü (Einspaltig) */ -.nomenu .content -{ - position: relative; - padding: 0 0 7.1875em 0; /** 115px (gemessene Gesamthöhe des Footers - mit Abstand und Margin) */ -} -.nomenu .content > .main +.nomenu .content > .marginal { - margin-bottom: 7em; + padding-top: 2em; + background-color: @sehrhell; } @@ -53,6 +53,7 @@ body #header { margin-left: -2.125em; + padding-bottom: 2em; } #header > hr.h { @@ -62,18 +63,11 @@ body /** Bereichsauswahl positionieren und stylen */ -#nav -{ - position: absolute; - top: 0; - right: 0; /** Hier eigentlich nicht nötig, aber für Tablet-Style erforderrlich! */ - width: 100%; -} #nav > hr.n { display: none; } -.menu #nav +#nav { position: relative; top: auto; @@ -84,7 +78,7 @@ body { position: relative; width: 200%; - top: -7em; /** 112px */ + top: -9em; /** 136px */ right: 100%; text-align: right; list-style-type: none; @@ -92,6 +86,10 @@ body padding: 0; border-style: none; } +.nomenu #menu +{ + top: -11em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */ +} #menu > li.m { display: inline-block; @@ -131,14 +129,6 @@ body margin-left: -.92em; } -/** Anpassungen der Bereichsauswahl für Seiten ohne Menü */ - -.nomenu #menu -{ - position: absolute; - right: 0; -} - /** Breadcrump positionieren */ @@ -165,10 +155,6 @@ body { padding: 2em 0; } -.nomenu #footer -{ - padding-top: 0; -} #footer > hr.f { display: none; @@ -191,21 +177,3 @@ body { margin-top: 0; } - - -/** Faux-Column-Hack für Marginalinhalte auf Seiten ohne Menü */ - -.nomenu .content > .marginal aside.m -{ - margin: 3.5em 0 -999em 0; - padding: 2em 2em 995em 2em; - background-color: @heller; - position: relative; - top: -4.5em; -} -.nomenu #footer -{ - /** Hintergrund des Faux-Column-Hack für Marginal-Inhalte überlagern */ - border-top: 1.5em solid @hintergrund; - background-color: @hintergrund; -}