X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=css%2Fmenuv3.css;h=5e5a93f5b6a2a0e9210a84a1bde39eedfa246539;hb=75e721508b508648ffe2454f10cfe29ba8a359dd;hp=e1618c64bee07cec717f9b4520f20cf221fd2596;hpb=95ceff1b95998c9a3419ffa081037de39d7d0e2a;p=kivitendo-erp.git
diff --git a/css/menuv3.css b/css/menuv3.css
index e1618c64b..5e5a93f5b 100644
--- a/css/menuv3.css
+++ b/css/menuv3.css
@@ -3,18 +3,18 @@ behavior:url("css/csshover.htc");
}
#menu {
-width:100%;
+width:99.8%;
float:left;
background:url(../image/bg_css_menu.png) repeat bottom;
-border-width:1px 0 1px 1px;
-border-style:solid;
+border:1px solid;
border-color:#ccc #888 #555 #bbb;
}
#menu a, #menu h2, #menu div.x {
font:11px/16px arial,helvetica,sans-serif;
display:block;
-border-width:0 1px 0 0;
+border:0;
+border-right:1px;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
@@ -24,28 +24,31 @@ padding:1px 0 1px 3px;
#menu h2 {
color:#fff;
-background:#000 url(../image/bg_css_menu.png) repeat bottom;
+padding:0 5px;
}
-#menu a {
-background:#eee;
+#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
+color:#000;
text-decoration:none;
-border-width:1px;
padding-right:10px;
}
-#menu a, #menu a:visited {
-color:#000;
+#menu a {
+background:#eee;
+}
+
+#menu div.x, #menu div.x:visited {
+background:#eee url(../image/right.gif) no-repeat right;
}
-#menu a:hover {
+#menu a:hover, #menu div.x:hover {
color:#a00;
-background:#ddd;
+background-color:#ddd;
}
-#menu a:active {
+#menu a:active, #menu div.x:active {
color:#060;
-background:#ccc;
+background-color:#ccc;
}
#menu ul {
@@ -58,18 +61,40 @@ min-width:7em;
#menu li {
position:relative;
+float:none;
+border:0;
+}
+
+/* IE6 spacing bug fix,
s without a bottom border get spaced to far
+ * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
+ * so the only method to get this pile of crap going is to add a bottom border to the s, where the enclosing already has
+ * a bottom border, which just looks ugly
+ * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
+#menu ul li {
+border:solid;
+border-color:#ccd5e5;
+border-width:0 0 1px 0;
+}
+
+#menu ul ul li {
+border:solid;
+border-width:0 0 1px 0;
}
+/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
+ * causing the menu to close. Opera 9 has the same bug btw. */
#menu ul ul {
position:absolute;
z-index:500;
top:auto;
display:none;
+background:#000;
}
#menu ul ul ul {
top:0;
left:100%;
+background:#000;
}
/* Begin non-anchor hover selectors */
@@ -81,7 +106,7 @@ improves IE's performance speed to use the older
file and this method */
div#menu h2:hover {
-background:#A3C5FF url(../image/expand3.gif) no-repeat -999px -9999px;
+background:#A3C5FF;
color:#a00;
}
@@ -104,39 +129,3 @@ div#menu li li li li:hover ul
/* End of non-anchor hover selectors */
-/* Styling for Expand */
-
-#menu a.x, #menu a.x:visited {
-/*font-weight:bold;*/
-color:#000;
-background:#eee url(../image/right.gif) no-repeat right;
-border-width:1px;
-}
-
-#menu a.x:hover {
-color:#fff;
-background-color:#000;
-}
-
-#menu a.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu div.x, #menu div.x:visited {
-/*font-weight:bold;*/
-border-width:1px;
-color:#000;
-background:#eee url(../image/right.gif) no-repeat right;
-padding-right:10px;
-}
-
-#menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu div.x:active {
-color:#060;
-background-color:#ccc;
-}