X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;ds=sidebyside;f=css%2Fmenuv3.css;h=4068de338fe8fdeee25d6e73d28ce14fb5fb9da9;hb=ab12ee09c32ae03eaf902876b09dbfb296da62fc;hp=0ae6afe1ebc4432a104b0ed2d1c68420f369bec7;hpb=1d7e6dbbbb3cc5cfbe5ebf4bcf75b10bab6d17a7;p=kivitendo-erp.git

diff --git a/css/menuv3.css b/css/menuv3.css
index 0ae6afe1e..4068de338 100644
--- a/css/menuv3.css
+++ b/css/menuv3.css
@@ -1,130 +1,139 @@
-body {
-behavior:url("css/csshover.htc");
-}
-
-#menu {
-width:100%;
-float:left;
-background:url(../image/bg_css_menu.png) repeat bottom;
-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:0;
-border-right:1px;
-border-style:solid;
-border-color:#ccc #888 #555 #bbb;
-white-space:nowrap;
-margin:0;
-padding:1px 0 1px 3px;
-}
-
-#menu h2 {
-color:#fff;
-padding:0 5px;
-}
-
-#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
-color:#000;
-text-decoration:none;
-padding-right:10px;
-}
-
-#menu a {
-background:#eee;
-}
-
-#menu div.x, #menu div.x:visited {
-background:#eee url(../image/right.gif) no-repeat right;
-}
-
-#menu a:hover, #menu div.x:hover {
-color:#a00;
-background-color:#ddd;
-}
-
-#menu a:active, #menu div.x:active {
-color:#060;
-background-color:#ccc;
-}
-
-#menu ul {
-list-style:none;
-margin:0;
-padding:0;
-float:left;
-min-width:7em;
-}
-
-#menu li {
-position:relative;
-float:none;
-border:0;
-}
-
-/* IE6 spacing bug fix, <li>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 <li>s, where the enclosing <ul> 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, a z-indexed layer without some kind of background will lose its events to the layer below */  
-#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 */
-
-/* Enter the more specific element (div) selector
-on non-anchor hovers for IE5.x to comply with the
-older version of csshover.htc - V1.21.041022. It
-improves IE's performance speed to use the older
-file and this method */
-
-div#menu h2:hover {
-background:#A3C5FF;
-color:#a00;
-}
-
-div#menu li:hover {
-cursor:pointer;
-z-index:100;
-}
-
-div#menu li:hover ul ul,
-div#menu li li:hover ul ul,
-div#menu li li li:hover ul ul,
-div#menu li li li li:hover ul ul
-{display:none;}
-
-div#menu li:hover ul,
-div#menu li li:hover ul,
-div#menu li li li:hover ul,
-div#menu li li li li:hover ul
-{display:block;}
-
-/* End of non-anchor hover selectors */
-
+body {
+behavior:url("css/csshover.htc");
+}
+
+#menu {
+width:99.8%;
+float:left;
+background:url(../image/bg_css_menu.png) repeat bottom;
+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:0;
+border-right:1px;
+border-style:solid;
+border-color:#ccc #888 #555 #bbb;
+white-space:nowrap;
+margin:0;
+padding:1px 0 1px 3px;
+}
+
+#menu h2:before {
+    content:" ";
+}
+#menu h2:after {
+    content:" "; 
+}
+#menu h2 {
+color:#fff;
+padding:2 15px
+}
+
+#menu a, #menu a:visited, #menu div.x, #menu div.x:visited {
+color:#000;
+text-decoration:none;
+padding-right:10px;
+}
+
+#menu a {
+background:#eee;
+}
+#menu div.x, #menu div.x:visited {
+background:#eee url(../image/right.gif) no-repeat right;
+}
+
+#menu a:hover, #menu div.x:hover {
+color:#a00;
+background-color:#ddd;
+}
+
+#menu a:active, #menu div.x:active {
+color:#060;
+background-color:#ccc;
+}
+
+#menu ul {
+list-style:none;
+margin:0;
+padding:0;
+float:left;
+}
+
+#menu li {
+position:relative;
+float:none;
+border:0;
+}
+
+li.sub {
+position:relativ;
+left:-25px;
+top:-3px;
+}
+
+/* IE6 spacing bug fix, <li>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 <li>s, where the enclosing <ul> 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;
+}
+
+#menu ul ul ul {
+top:0;
+left:100%;
+}
+
+/* Begin non-anchor hover selectors */
+
+/* Enter the more specific element (div) selector
+on non-anchor hovers for IE5.x to comply with the
+older version of csshover.htc - V1.21.041022. It
+improves IE's performance speed to use the older
+file and this method */
+
+div#menu h2:hover {
+background:#A3C5FF;
+color:#a00;
+}
+
+div#menu li:hover {
+cursor:pointer;
+z-index:100;
+}
+
+div#menu li:hover ul ul,
+div#menu li li:hover ul ul,
+div#menu li li li:hover ul ul,
+div#menu li li li li:hover ul ul
+{display:none;}
+
+div#menu li:hover ul,
+div#menu li li:hover ul,
+div#menu li li li:hover ul,
+div#menu li li li li:hover ul
+{display:block; position:relativ: left:10px;}
+
+/* End of non-anchor hover selectors */
+