css/lx-office-erp/menu.css

   1
   2 body.menu {
   3   background-image: url("../../image/fade.png");background-repeat:repeat-x;
   4   font-family: Verdana, Arial, Helvetica, sans-serif;
   5   font-size: 80%;
   6   color: black;
   7 }
   8
   9 table.menunew {
  10   border: 0;
  11   width: 100%;
  12   background-image: url("../../image/bg_titel.gif");
  13   border-spacing: 0;
  14 }
  15
  16 table.menunew td {
  17   padding: 0;
  18   color:white;
  19   font-family: Verdana, Arial, sans-serif;
  20 }
  21
  22 body.menunew {
  23   padding:0px;
  24   margin:0px;
  25 }
  26
  27 #menuv3 {
  28 width:99.8%;
  29 float:left;
  30 background:url(../../image/bg_css_menu.png) repeat bottom;
  31 border:1px solid;
  32 border-color:#ccc #888 #555 #bbb;
  33 }
  34
  35 #menuv3 a, #menuv3 h2, #menuv3 div.x {
  36 font:11px/16px arial,helvetica,sans-serif;
  37 display:block;
  38 border:0;
  39 border-right:1px;
  40 border-style:solid;
  41 border-color:#ccc #888 #555 #bbb;
  42 white-space:nowrap;
  43 margin:0;
  44 padding:1px 0 1px 3px;
  45 }
  46
  47 #menuv3 h2 {
  48 color:#fff;
  49 padding:2px 10px;
  50 }
  51
  52 #menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {
  53 color:#000;
  54 text-decoration:none;
  55 padding-right:10px;
  56 }
  57
  58 #menuv3 a {
  59 background:#eee;
  60 }
  61 #menuv3 div.x, #menuv3 div.x:visited {
  62 background:#eee url(../../image/right.gif) no-repeat right;
  63 }
  64
  65 #menuv3 a:hover, #menuv3 div.x:hover {
  66 color:#a00;
  67 background-color:#ddd;
  68 }
  69
  70 #menuv3 a:active, #menuv3 div.x:active {
  71 color:#060;
  72 background-color:#ccc;
  73 }
  74
  75 #menuv3 ul {
  76 list-style:none;
  77 margin:0;
  78 padding:0;
  79 float:left;
  80 }
  81
  82 #menuv3 li {
  83 position:relative;
  84 float:none;
  85 border:0;
  86 }
  87
  88 /* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
  89  * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
  90  * 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
  91  * a bottom border, which just looks ugly
  92  * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
  93 #menuv3 ul li {
  94 border:solid;
  95 border-color:#ccd5e5;
  96 border-width:0 0 1px 0;
  97 }
  98
  99 #menuv3 ul ul li {
 100 border:solid;
 101 border-width:0 0 1px 0;
 102 }
 103
 104 /* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
 105  * causing the menu to close. Opera 9 has the same bug btw. */
 106 #menuv3 ul ul {
 107 position:absolute;
 108 z-index:500;
 109 top:auto;
 110 display:none;
 111 }
 112
 113 #menuv3 ul ul ul {
 114 top:0;
 115 left:90%;
 116 }
 117
 118 /* Begin non-anchor hover selectors */
 119
 120 /* Enter the more specific element (div) selector
 121 on non-anchor hovers for IE5.x to comply with the
 122 older version of csshover.htc - V1.21.041022. It
 123 improves IE's performance speed to use the older
 124 file and this method */
 125
 126 div#menuv3 h2:hover {
 127 background:#A3C5FF;
 128 color:#a00;
 129 }
 130
 131 div#menuv3 li:hover {
 132 cursor:pointer;
 133 z-index:100;
 134 }
 135
 136 div#menuv3 li:hover ul ul,
 137 div#menuv3 li li:hover ul ul,
 138 div#menuv3 li li li:hover ul ul,
 139 div#menuv3 li li li li:hover ul ul
 140 {display:none;}
 141
 142 div#menuv3 li:hover ul,
 143 div#menuv3 li li:hover ul,
 144 div#menuv3 li li li:hover ul,
 145 div#menuv3 li li li li:hover ul
 146 {display:block;}
 147
 148 /* End of non-anchor hover selectors */
 149
 150 /* html menu */
 151 /* types of lines: m sm i (menu submenu item)
 152    each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer)
 153    and one mic (menu-item-chunk)
 154    indenting is done with the levels s0, s1, s2 */
 155 #content.html-menu, #html-menu {
 156   transition:         margin-left 0.2s, width 0.2s;
 157   -moz-transition:    margin-left 0.2s, width 0.2s;
 158   -webkit-transition: margin-left 0.2s, width 0.2s;
 159   -o-transition:      margin-left 0.2s, width 0.2s;
 160 }
 161 #content.html-menu { margin-left: 190px; }
 162 #content.html-menu.folded { margin-left: 40px }
 163 #html-menu.folded:hover + #content.html-menu.folded { margin-left: 190px }
 164 #html-menu { float:left; width: 183px; font-size: 85%; margin-top: 10px; overflow:hidden; }
 165 #html-menu.folded { width: 32px; }
 166 #html-menu.folded:hover { width: 183px; }
 167 #html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; }
 168 #html-menu div.sm { font-weight: bold }
 169 #html-menu img { vertical-align: top; border: 0; }
 170 #html-menu a { vertical-align: top }
 171 #html-menu .i span.ms { float: left; width: 24px; margin-bottom: 4px; }
 172 #html-menu .m span.ms { float: left; width: 32px }
 173 #html-menu .sm span.ms { float: left; width: 24px; background: url(../../image/unterpunkt.png); }
 174 #html-menu div.m { height: 24px }
 175 #html-menu div.m span.mic { color:blue; position: relative; top: 4px }
 176 #html-menu div.m:hover,
 177 #html-menu div.i:hover { color:blue; background-color: lemonchiffon; cursor: pointer; }
 178 #html-menu span.mic { white-space: normal; display: inline-block; vertical-align: top; line-height: 1.2; }
 179 #html-menu a.ml span.mic { width: 145px } /* fix deep indents */
 180 #html-menu div.s0 { padding-left: 2px }
 181 #html-menu div.s1 { padding-left: 8px }
 182 #html-menu div.s2 { padding-left: 16px }
 183
 184 body { margin: 0 }
 185
 186
 187 @media print {
 188   #menuv3, #html-menu, #frame-header, #main_menu_div, #js-header {   /* items with this class won't print */
 189     display: none;
 190   }
 191   #content.html-menu { margin-left: 0; }
 192 }