Seite ohne Menü doch mit Marginalspalte (nur andere Farbe)
[website] / src / main / webapp / less / screen / layout.less
index 9e96273..97d0fbb 100644 (file)
@@ -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;
 }
 
 
@@ -72,18 +62,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;
@@ -102,6 +85,10 @@ body.menu
   padding: 0;
   border-style: none;
 }
+.nomenu #menu
+{
+  top: -9em; /** 2em mehr wegen 2em margin-top der Marginalspalte auf .nomenu-Seiten */
+}
 #menu > li.m
 {
   display: inline-block;
@@ -141,14 +128,6 @@ body.menu
   margin-left: -.92em;
 }
 
-/** Anpassungen der Bereichsauswahl für Seiten ohne Menü */
-
-.nomenu #menu
-{
-  position: absolute;
-  right: 0;
-}
-
 
 /** Breadcrump positionieren */
 
@@ -159,10 +138,6 @@ body.menu
   left: 6.9em;
   z-index: 3;
 }
-.nomenu #breadcrumb
-{
-  left: 11.9em;
-}
 #breadcrumb > a.hide
 {
   position: absolute;
@@ -179,10 +154,6 @@ body.menu
 {
   padding: 2em 0;
 }
-.nomenu #footer
-{
-  padding: 0 3em 2em 5em;
-}
 #footer > hr.f
 {
   display: none;