X-Git-Url: https://juplo.de/gitweb/?p=website;a=blobdiff_plain;f=src%2Fmain%2Fwebapp%2Fless%2Fscreen%2Flayout.less;h=eb79a804e05e6c056a22dd6129a717b49b34f64a;hp=9e9627355a16316d45fdf03673558d1710d6f675;hb=545c20e546e2c2083f66c33c9cf842951ac7db4d;hpb=9c8ed63ab79a598b43a0e43768e851af9ce884f7 diff --git a/src/main/webapp/less/screen/layout.less b/src/main/webapp/less/screen/layout.less index 9e962735..eb79a804 100644 --- a/src/main/webapp/less/screen/layout.less +++ b/src/main/webapp/less/screen/layout.less @@ -13,23 +13,23 @@ body /** Seitenaufteilung mit Menü (Zweispaltig) */ -body.menu +body { padding: 0 3em 0 5em; } -.menu .content +.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; @@ -41,20 +41,10 @@ body.menu /** Anpassungen für Seiten ohne Menü (Einspaltig) */ -.nomenu #page -{ - max-width: 62.375em; - padding: 0 3em 0 5em; - overflow: hidden; -} -.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; } @@ -63,6 +53,7 @@ body.menu #header { margin-left: -2.125em; + padding-bottom: 2em; } #header > hr.h { @@ -72,18 +63,11 @@ body.menu /** 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; @@ -94,7 +78,7 @@ body.menu { position: relative; width: 200%; - top: -7em; /** 112px */ + top: -9em; /** 136px */ right: 100%; text-align: right; list-style-type: none; @@ -102,6 +86,10 @@ body.menu 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; @@ -141,14 +129,6 @@ body.menu margin-left: -.92em; } -/** Anpassungen der Bereichsauswahl für Seiten ohne Menü */ - -.nomenu #menu -{ - position: absolute; - right: 0; -} - /** Breadcrump positionieren */ @@ -159,10 +139,6 @@ body.menu left: 6.9em; z-index: 3; } -.nomenu #breadcrumb -{ - left: 11.9em; -} #breadcrumb > a.hide { position: absolute; @@ -179,10 +155,6 @@ body.menu { padding: 2em 0; } -.nomenu #footer -{ - padding: 0 3em 2em 5em; -} #footer > hr.f { display: none;