kivitendo style für menuv3
authorSven Schöling <s.schoeling@linet-services.de>
Thu, 5 Apr 2012 12:03:08 +0000 (14:03 +0200)
committerSven Schöling <s.schoeling@linet-services.de>
Thu, 5 Apr 2012 12:03:08 +0000 (14:03 +0200)
css/kivitendo/menu.css

index c2dd867..38b2669 100644 (file)
@@ -143,3 +143,143 @@ div#menuv4 li:hover ul, div#menuv4 li li:hover ul, div#menuv4 li li li:hover ul,
        position: relativ: left: 10px;
 }
 /* End of non-anchor hover selectors */
+
+body.menuv3 {
+       behavior: url("css/csshover.htc");
+       /*font-size: 14pt;*/
+       line-height: 20pt;
+       font-family: Verdana, Geneva, Tahoma, sans-serif;
+       background-color: #FFFFFF;
+       color: #000000;
+}
+#menuv3 {
+       /*font-size: 85%;*/
+       width: 99.8%;
+       float: left;
+       /*border: 3px solid;*/
+       background-color: #FFFFFF;
+       color: #000000;
+       margin-top: 0.2em;
+}
+#menuv3 a, #menuv3 h2, #menuv3 div.x {
+       font-size: 80%;
+       line-height: 120%;
+       display: block;
+       border: 0;
+       white-space: nowrap;
+       margin: 0;
+       padding: 0.3em 1em;
+}
+#menuv3 h2:before {
+       content: " ";
+}
+#menuv3 h2:after {
+       content: " ";
+}
+#menuv3 h2 {
+       background-color: #ffffff;
+       color: #000000;
+       /*padding: 2px 15px;*/
+/* Firefox */
+       -moz-border-radius: 0.4em 0.4em 0;
+/* Safari, Chrome */
+       -webkit-border-radius: 0.4em 0.4em 0;
+/* Konqueror */
+       -khtml-border-radius: 0.4em 0.4em 0;
+/* CSS3 */
+       border-radius: 0.4em 0.4em 0 0;
+/*     behavior: url(border-radius.htc); */
+}
+#menuv3 ul:hover h2 {
+       background-color:#DCDCDC;
+}
+#menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {
+       color: #000000;
+       text-decoration: none;
+       padding-right: 10px;
+}
+#menuv3 a {
+       background: #EBEBEB;
+}
+#menuv3 div.x, #menuv3 div.x:visited {
+       background-color: #EBEBEB;
+       border-right: 1em solid #FE5F14;
+}
+#menuv3 div.x:hover {
+       border-right: none;
+}
+#menuv3 a:hover, #menuv3 div.x:hover {
+       color: #FE5F14;
+       background-color: #EBEBEB;
+}
+#menuv3 a:active, #menuv3 div.x:active {
+       color: #FE5F14;
+       background-color: #EBEBEB;
+}
+#menuv3 ul {
+       list-style: none;
+       margin: 0;
+       padding: 0;
+       float: left;
+}
+
+#menuv3 li {
+       position: relative;
+       float: none;
+       border: 0;
+}
+li.sub {
+       position: relativ;
+       left: 0.2em;
+       top: 0px;
+       background-color: #FFFFFF;
+}
+/* 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 */
+#menuv3 ul li {
+       /* border: solid;
+       border-color: #991900;
+       border-width: 0 0 1px 0;
+*/
+}
+#menuv3 ul ul {
+       padding: 0 2em 2em 2em;
+       margin: 0 -2em -2em -2em;
+}
+#menuv3 ul ul li {
+       /*padding-top: 0.01em;*/
+       background-color: #FFFFFF;
+}
+/* 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. */
+#menuv3 ul ul {
+       position: absolute;
+       z-index: 500;
+       top: auto;
+       display: none;
+}
+#menuv3 ul ul ul {
+       top: 0;
+       left: 99%;
+       padding: 2em;
+       margin: -2em;
+}
+#menuv3 ul ul ul li {
+       border-left: 0.2em solid #EBEBEB;
+}
+/* Begin non-anchor hover selectors */
+/* Enter the more specific element (div) selectoron non-anchor hovers for IE5.x to comply with theolder version of csshover.htc - V1.21.041022. Itimproves IE's performance speed to use the olderfile and this method */
+div#menuv3 h2:hover {
+       background: #EBEBEB;
+       color: #FE5F14;
+}
+div#menuv3 li:hover {
+       cursor: pointer;
+       z-index: 100;
+}
+div#menuv3 li:hover ul ul, div#menuv3 li li:hover ul ul, div#menuv3 li li li:hover ul ul, div#menuv3 li li li li:hover ul ul {
+       display: none;
+}
+div#menuv3 li:hover ul, div#menuv3 li li:hover ul, div#menuv3 li li li:hover ul, div#menuv3 li li li li:hover ul {
+       display: block;
+       position: relativ: left: 10px;
+}
+/* End of non-anchor hover selectors */