X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;ds=sidebyside;f=css%2Flx-office-erp%2Fmenu.css;h=42eb844f7c1da3ab845745de884eb288c08d9084;hb=96a2fd5fd56cb0b0e8334a67ed68264c00727d0a;hp=be94243928e1214bbeaf41d179885cb0af9eb847;hpb=954b24d2ef8c7f72da0af3637035c83f8ebdfc0d;p=kivitendo-erp.git diff --git a/css/lx-office-erp/menu.css b/css/lx-office-erp/menu.css index be9424392..42eb844f7 100644 --- a/css/lx-office-erp/menu.css +++ b/css/lx-office-erp/menu.css @@ -51,7 +51,7 @@ padding:1px 0 1px 3px; #menuv3 h2 { color:#fff; -padding:0 5px; +padding:2px 10px; } #menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited { @@ -63,7 +63,6 @@ padding-right:10px; #menuv3 a { background:#eee; } - #menuv3 div.x, #menuv3 div.x:visited { background:#eee url(../../image/right.gif) no-repeat right; } @@ -83,7 +82,6 @@ list-style:none; margin:0; padding:0; float:left; -min-width:7em; } #menuv3 li { @@ -115,13 +113,11 @@ position:absolute; z-index:500; top:auto; display:none; -background:#000; } #menuv3 ul ul ul { top:0; -left:100%; -background:#000; +left:90%; } /* Begin non-anchor hover selectors */ @@ -156,138 +152,46 @@ div#menuv3 li li li li:hover ul /* End of non-anchor hover selectors */ -#menuv4 { -width:99.8%; -float:left; -background:url(../../image/bg_css_menu.png) repeat bottom; -border:1px solid; -border-color:#ccc #888 #555 #bbb; -} - -#menuv4 a, #menuv4 h2, #menuv4 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; -} - -#menuv4 h2:before { - content:" "; -} -#menuv4 h2:after { - content:" "; -} -#menuv4 h2 { -color:#fff; -padding:2px 10px; -} - -#menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited { -color:#000; -text-decoration:none; -padding-right:10px; -} - -#menuv4 a { -background:#eee; -} -#menuv4 div.x, #menuv4 div.x:visited { -background:#eee url(../../image/right.gif) no-repeat right; -} - -#menuv4 a:hover, #menuv4 div.x:hover { -color:#a00; -background-color:#ddd; -} - -#menuv4 a:active, #menuv4 div.x:active { -color:#060; -background-color:#ccc; +/* html menu */ +/* types of lines: m sm i (menu submenu item) + each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer) + and one mic (menu-item-chunk) + indenting is done with the levels s0, s1, s2 */ +#content.html-menu, #html-menu { + transition: margin-left 0.2s, width 0.2s; + -moz-transition: margin-left 0.2s, width 0.2s; + -webkit-transition: margin-left 0.2s, width 0.2s; + -o-transition: margin-left 0.2s, width 0.2s; +} +#content.html-menu { margin-left: 190px; } +#content.html-menu.folded { margin-left: 40px } +#html-menu.folded:hover + #content.html-menu.folded { margin-left: 190px } +#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; overflow:hidden; } +#html-menu.folded { width: 32px; } +#html-menu.folded:hover { width: 183px; } +#html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; } +#html-menu div.sm { font-weight: bold } +#html-menu img { vertical-align: top; border: 0; } +#html-menu a { vertical-align: top } +#html-menu .i span.ms { float: left; width: 24px; margin-bottom: 4px; } +#html-menu .m span.ms { float: left; width: 32px } +#html-menu .sm span.ms { float: left; width: 24px; background: url(../../image/unterpunkt.png); } +#html-menu div.m { height: 24px } +#html-menu div.m span.mic { color:blue; position: relative; top: 4px } +#html-menu div.m:hover, +#html-menu div.i:hover { color:blue; background-color: lemonchiffon; cursor: pointer; } +#html-menu span.mic { white-space: normal; display: inline-block; vertical-align: top; line-height: 1.2; } +#html-menu a.ml span.mic { width: 145px } /* fix deep indents */ +#html-menu div.s0 { padding-left: 2px } +#html-menu div.s1 { padding-left: 8px } +#html-menu div.s2 { padding-left: 16px } + +body { margin: 0 } + + +@media print { + #menuv3, #html-menu, #frame-header, #main_menu_div, #js-header { /* items with this class won't print */ + display: none; + } + #content.html-menu { margin-left: 0; } } - -#menuv4 ul { -list-style:none; -margin:0; -padding:0; -float:left; -} - -#menuv4 li { -position:relative; -float:none; -border:0; -} - -#menuv4 li.sub { -left:-25px; -top:-3px; -} - -/* IE6 spacing bug fix,