Marginal-Inhalt im Desktop-Layout jetzt vor sehr hellem Hintergrund
[website] / src / main / webapp / less / screen / layout.less
index bd4f082..9e96273 100644 (file)
@@ -2,7 +2,7 @@
 
 body
 {
-  padding: 0 3em 0 5em;
+  padding: 0;
   overflow-y: scroll; /** Die vertikale Scroll-Leiste stets anzeigen */
 }
 #page
@@ -13,6 +13,10 @@ body
 
 /** Seitenaufteilung mit Menü (Zweispaltig) */
 
+body.menu
+{
+  padding: 0 3em 0 5em;
+}
 .menu .content
 {
   position: relative;
@@ -37,6 +41,12 @@ body
 
 /** Anpassungen für Seiten ohne Menü (Einspaltig) */
 
+.nomenu #page
+{
+  max-width: 62.375em;
+  padding: 0 3em 0 5em;
+  overflow: hidden;
+}
 .nomenu .content
 {
   position: relative;
@@ -149,6 +159,10 @@ body
   left: 6.9em;
   z-index: 3;
 }
+.nomenu #breadcrumb
+{
+  left: 11.9em;
+}
 #breadcrumb > a.hide
 {
   position: absolute;
@@ -167,7 +181,7 @@ body
 }
 .nomenu #footer
 {
-  padding-top: 0;
+  padding: 0 3em 2em 5em;
 }
 #footer > hr.f
 {
@@ -191,21 +205,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;
-}