Das Farb-Thema werden jetzt mit Hilfe von LESS-Variablen umgesetzt

[website] / src / main / webapp / less / base / navigation.less

diff --git a/src/main/webapp/less/base/navigation.less b/src/main/webapp/less/base/navigation.less
index 9b1daa3..10e1572 100644 (file)
--- a/src/main/webapp/less/base/navigation.less
+++ b/src/main/webapp/less/base/navigation.less
@@ -1,3 +1,5 @@
+@import '../variables.less';
+
 #menu
 {
   position: relative;
@@ -19,15 +21,15 @@
   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 250%; /** 40px */
-  color: #0ACF00;
+  color: @normal;
 }
 #menu > li.m > a.m
 {
-  border-color: #0ACF00;
+  border-color: @normal;
 }
 #menu > li.m > a.m:hover
 {
-  border-color: #078600;
+  border-color: @dunkler;
 }
 #menu > li.m > a.m:hover,
 #menu > li.m > strong.m
@@ -36,7 +38,7 @@
 }
 #menu > li.m > a.m:hover
 {
-  color: #078600;
+  color: @dunkler;
 }
 #menu > li.m > a.m:hover:before,
 #menu > li.m > a.m.selected:before,
@@ -54,7 +56,7 @@
   z-index: 3;
   font-family: 'BPreplay', Helvetica, Arial, sans-serif;
   font-weight: bold;
-  color: #0ACF00;
+  color: @normal;
 }
 #breadcrumb > strong.b
 {
@@ -85,17 +87,17 @@
 }
 #breadcrumb > ol.b > li.b > strong.b
 {
-  border-bottom: 1px solid #0ACF00;
+  border-bottom: 1px solid @normal;
 }
 #breadcrumb > ol.b > li.b > a.b
 {
-  color: #0ACF00;
+  color: @normal;
 }
 #breadcrumb > ol.b > li.b > a.b:hover,
 #breadcrumb > ol.b > li.b > a.b:focus,
 #breadcrumb > ol.b > li.b > a.b:active
 {
-  color: #078600;
+  color: @dunkler;
 }
 
 #nav > h1.nav,
@@ -121,9 +123,9 @@
 }
 #nav > h2.nav.submenu > a.s
 {
-  color: #fff;
+  color: @hintergrund;
   border-style: dashed;
-  border-color: #fff;
+  border-color: @hintergrund;
 }
 #nav > h2.nav.submenu > a.s:hover,
 #nav > h2.nav.submenu > a.s:focus,
@@ -159,12 +161,12 @@
 #submenu li.s > a.selected,
 #submenu li.s > strong.s
 {
-  color: #fff;
-  border-color: #fff;
+  color: @hintergrund;
+  border-color: @hintergrund;
 }
 #submenu li.s > strong.s
 {
-  border-bottom: 1px solid #fff;
+  border-bottom: 1px solid @hintergrund;
 }
 #submenu li.s > a.s.selected:before,
 #submenu li.s > a.s:hover:before,