Marginal-Inhalt im Desktop-Layout jetzt vor sehr hellem Hintergrund
authorKai Moritz <kai@juplo.de>
Wed, 29 Jan 2014 15:19:43 +0000 (16:19 +0100)
committerKai Moritz <kai@juplo.de>
Tue, 19 Jan 2016 16:45:41 +0000 (17:45 +0100)
src/main/webapp/less/screen.less
src/main/webapp/less/screen/layout.less
src/main/webapp/less/screen/marginal.less [new file with mode: 0644]
src/main/webapp/less/tablet/layout.less

index 040c3c8..2438197 100644 (file)
@@ -6,7 +6,6 @@
 {
   @import 'screen/typo.less';
   @import 'screen/layout.less';
-  @import 'screen/marginal.less';
   @import 'screen/footer.less';
   @media (max-width: @maxtablet)
   {
@@ -19,6 +18,7 @@
 @media (min-width: @maxtablet + 1)
 {
   @import 'screen/faux-column.less';
+  @import 'screen/marginal.less';
   @import 'screen/content.less';
 }
 
index 4afea4a..9e96273 100644 (file)
@@ -205,21 +205,3 @@ body.menu
 {
   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;
-}
diff --git a/src/main/webapp/less/screen/marginal.less b/src/main/webapp/less/screen/marginal.less
new file mode 100644 (file)
index 0000000..d8e812d
--- /dev/null
@@ -0,0 +1,23 @@
+/** 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: @sehrhell;
+  position: relative;
+  top: -4.5em;
+}
+.nomenu .content > .marginal h1,
+.nomenu .content > .marginal h2,
+.nomenu .content > .marginal h3,
+.nomenu .content > .marginal h4
+{
+  color: @normal;
+}
+.nomenu #footer
+{
+  /** Hintergrund des Faux-Column-Hack für Marginal-Inhalte überlagern */
+  border-top: 1.5em solid @hintergrund;
+  background-color: @hintergrund;
+}
index b4257b2..b8407e0 100644 (file)
@@ -219,13 +219,15 @@ body.nomenu
 }
 
 
-/** Faux-Column-Hack für Marginalinhalte anpassen */
+/** Faux-Column-Hack für Marginalinhalte */
 
 .nomenu .content > .marginal aside.m
 {
   margin: 3.5em -3em -999em -5em;
   padding: 2em 3em 995em 5em;
-  border-style: none;
+  background-color: @heller;
+  position: relative;
+  top: -4.5em;
 }
 .menu .content > .marginal > aside.m
 {