Basis-Layout für veraltete Browser (IE6 & Co.) überarbeitet

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

diff --git a/src/main/webapp/less/screen/navigation.less b/src/main/webapp/less/screen/navigation.less
index 10e1572..c3760e5 100644 (file)
--- a/src/main/webapp/less/screen/navigation.less
+++ b/src/main/webapp/less/screen/navigation.less
@@ -1,5 +1,9 @@
 @import '../variables.less';
 
+#nav > hr
+{
+  display: none;
+}
 #menu
 {
   position: relative;
@@ -18,8 +22,6 @@
 }
 #menu > li.m > .m
 {
-  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
-  font-weight: bold;
   font-size: 250%; /** 40px */
   color: @normal;
 }
@@ -36,6 +38,10 @@
 {
   border-style: solid;
 }
+#menu > li.m > a.m.selected
+{
+  color: @normal;
+}
 #menu > li.m > a.m:hover
 {
   color: @dunkler;
@@ -54,26 +60,16 @@
   top: 8.4em;
   left: 13.4em;
   z-index: 3;
-  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
-  font-weight: bold;
-  color: @normal;
 }
 #breadcrumb > strong.b
 {
-  float: left;
 }
 #breadcrumb > ol.b
 {
-  display: inline;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
 }
 #breadcrumb > ol.b > li.b
 {
-  float: left;
   margin: 0 .5em 0 0;
-  padding: 0;
 }
 #breadcrumb > ol.b > li.b:before
 {
@@ -87,17 +83,18 @@
 }
 #breadcrumb > ol.b > li.b > strong.b
 {
-  border-bottom: 1px solid @normal;
 }
 #breadcrumb > ol.b > li.b > a.b
 {
-  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: @dunkler;
+}
+#breadcrumb > a.hide
+{
+  position: absolute;
 }
 
 #nav > h1.nav,
@@ -111,6 +108,7 @@
   line-height: 1em; /** 20px */
   margin: 1.5em 0 .5em 0; /** 30px 0 10px 0 */
   padding: 0 0 0 1.65em; /** 0 0 0 33px */
+  border: none;
 }
 #nav > h2.nav.submenu:before
 {
@@ -136,8 +134,6 @@
 
 #submenu
 {
-  font-family: 'BPreplay', Helvetica, Arial, sans-serif;
-  font-weight: bold;
   font-size: 125%; /** 20 px */
   list-style-type: none;
   margin: 1em 0 4em 0;
@@ -158,7 +154,11 @@
 {
   display: none;
 }
-#submenu li.s > a.selected,
+#submenu li.s > a.s
+{
+  color: @dunkler;
+}
+#submenu li.s > a.s.selected,
 #submenu li.s > strong.s
 {
   color: @hintergrund;