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:8pt;
   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   font-size: 12px;
  21 }
  22
  23 body.menunew {
  24   padding:0px;
  25   margin:0px;
  26 }
  27
  28 body {
  29 behavior:url("csshover.htc");
  30 }
  31
  32 #menuv3 {
  33 width:99.8%;
  34 float:left;
  35 background:url(../../image/bg_css_menu.png) repeat bottom;
  36 border:1px solid;
  37 border-color:#ccc #888 #555 #bbb;
  38 }
  39
  40 #menuv3 a, #menuv3 h2, #menuv3 div.x {
  41 font:11px/16px arial,helvetica,sans-serif;
  42 display:block;
  43 border:0;
  44 border-right:1px;
  45 border-style:solid;
  46 border-color:#ccc #888 #555 #bbb;
  47 white-space:nowrap;
  48 margin:0;
  49 padding:1px 0 1px 3px;
  50 }
  51
  52 #menuv3 h2 {
  53 color:#fff;
  54 padding:0 5px;
  55 }
  56
  57 #menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {
  58 color:#000;
  59 text-decoration:none;
  60 padding-right:10px;
  61 }
  62
  63 #menuv3 a {
  64 background:#eee;
  65 }
  66
  67 #menuv3 div.x, #menuv3 div.x:visited {
  68 background:#eee url(../../image/right.gif) no-repeat right;
  69 }
  70
  71 #menuv3 a:hover, #menuv3 div.x:hover {
  72 color:#a00;
  73 background-color:#ddd;
  74 }
  75
  76 #menuv3 a:active, #menuv3 div.x:active {
  77 color:#060;
  78 background-color:#ccc;
  79 }
  80
  81 #menuv3 ul {
  82 list-style:none;
  83 margin:0;
  84 padding:0;
  85 float:left;
  86 min-width:7em;
  87 }
  88
  89 #menuv3 li {
  90 position:relative;
  91 float:none;
  92 border:0;
  93 }
  94
  95 /* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
  96  * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
  97  * 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
  98  * a bottom border, which just looks ugly
  99  * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
 100 #menuv3 ul li {
 101 border:solid;
 102 border-color:#ccd5e5;
 103 border-width:0 0 1px 0;
 104 }
 105
 106 #menuv3 ul ul li {
 107 border:solid;
 108 border-width:0 0 1px 0;
 109 }
 110
 111 /* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
 112  * causing the menu to close. Opera 9 has the same bug btw. */
 113 #menuv3 ul ul {
 114 position:absolute;
 115 z-index:500;
 116 top:auto;
 117 display:none;
 118 background:#000;
 119 }
 120
 121 #menuv3 ul ul ul {
 122 top:0;
 123 left:100%;
 124 background:#000;
 125 }
 126
 127 /* Begin non-anchor hover selectors */
 128
 129 /* Enter the more specific element (div) selector
 130 on non-anchor hovers for IE5.x to comply with the
 131 older version of csshover.htc - V1.21.041022. It
 132 improves IE's performance speed to use the older
 133 file and this method */
 134
 135 div#menuv3 h2:hover {
 136 background:#A3C5FF;
 137 color:#a00;
 138 }
 139
 140 div#menuv3 li:hover {
 141 cursor:pointer;
 142 z-index:100;
 143 }
 144
 145 div#menuv3 li:hover ul ul,
 146 div#menuv3 li li:hover ul ul,
 147 div#menuv3 li li li:hover ul ul,
 148 div#menuv3 li li li li:hover ul ul
 149 {display:none;}
 150
 151 div#menuv3 li:hover ul,
 152 div#menuv3 li li:hover ul,
 153 div#menuv3 li li li:hover ul,
 154 div#menuv3 li li li li:hover ul
 155 {display:block;}
 156
 157 /* End of non-anchor hover selectors */
 158
 159 #menuv4 {
 160 width:99.8%;
 161 float:left;
 162 background:url(../../image/bg_css_menu.png) repeat bottom;
 163 border:1px solid;
 164 border-color:#ccc #888 #555 #bbb;
 165 }
 166
 167 #menuv4 a, #menuv4 h2, #menuv4 div.x {
 168 font:11px/16px arial,helvetica,sans-serif;
 169 display:block;
 170 border:0;
 171 border-right:1px;
 172 border-style:solid;
 173 border-color:#ccc #888 #555 #bbb;
 174 white-space:nowrap;
 175 margin:0;
 176 padding:1px 0 1px 3px;
 177 }
 178
 179 #menuv4 h2:before {
 180     content:" ";
 181 }
 182 #menuv4 h2:after {
 183     content:" ";
 184 }
 185 #menuv4 h2 {
 186 color:#fff;
 187 padding:2px 10px;
 188 }
 189
 190 #menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited {
 191 color:#000;
 192 text-decoration:none;
 193 padding-right:10px;
 194 }
 195
 196 #menuv4 a {
 197 background:#eee;
 198 }
 199 #menuv4 div.x, #menuv4 div.x:visited {
 200 background:#eee url(../../image/right.gif) no-repeat right;
 201 }
 202
 203 #menuv4 a:hover, #menuv4 div.x:hover {
 204 color:#a00;
 205 background-color:#ddd;
 206 }
 207
 208 #menuv4 a:active, #menuv4 div.x:active {
 209 color:#060;
 210 background-color:#ccc;
 211 }
 212
 213 #menuv4 ul {
 214 list-style:none;
 215 margin:0;
 216 padding:0;
 217 float:left;
 218 }
 219
 220 #menuv4 li {
 221 position:relative;
 222 float:none;
 223 border:0;
 224 }
 225
 226 #menuv4 li.sub {
 227 left:-25px;
 228 top:-3px;
 229 }
 230
 231 /* IE6 spacing bug fix, <li>s without a bottom border get spaced to far
 232  * correction: the bug will change the height of the parent element! this will also cause the whole menu to grow
 233  * 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
 234  * a bottom border, which just looks ugly
 235  * the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */
 236 #menuv4 ul li {
 237 border:solid;
 238 border-color:#ccd5e5;
 239 border-width:0 0 1px 0;
 240 }
 241
 242 #menuv4 ul ul li {
 243 border:solid;
 244 border-width:0 0 1px 0;
 245 }
 246
 247 /* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below
 248  * causing the menu to close. Opera 9 has the same bug btw. */
 249 #menuv4 ul ul {
 250 position:absolute;
 251 z-index:500;
 252 top:auto;
 253 display:none;
 254 }
 255
 256 #menuv4 ul ul ul {
 257 top:0;
 258 left:100%;
 259 }
 260
 261 /* Begin non-anchor hover selectors */
 262
 263 /* Enter the more specific element (div) selector
 264 on non-anchor hovers for IE5.x to comply with the
 265 older version of csshover.htc - V1.21.041022. It
 266 improves IE's performance speed to use the older
 267 file and this method */
 268
 269 div#menuv4 h2:hover {
 270 background:#A3C5FF;
 271 color:#a00;
 272 }
 273
 274 div#menuv4 li:hover {
 275 cursor:pointer;
 276 z-index:100;
 277 }
 278
 279 div#menuv4 li:hover ul ul,
 280 div#menuv4 li li:hover ul ul,
 281 div#menuv4 li li li:hover ul ul,
 282 div#menuv4 li li li li:hover ul ul
 283 {display:none;}
 284
 285 div#menuv4 li:hover ul,
 286 div#menuv4 li li:hover ul,
 287 div#menuv4 li li li:hover ul,
 288 div#menuv4 li li li li:hover ul
 289 {display:block; left:10px;}
 290
 291 /* End of non-anchor hover selectors */
 292
 293
 294 #html-menu { float:left; white-space: nowrap; }
 295 #html-menu tr { vertical-align: top; }
 296 #html-menu div.menuitem { padding: 2px 4px 1px 4px; }
 297 #html-menu div.submenu { font-weight: bold }
 298 #html-menu img { vertical-align: middle; visibility:hidden; border: 0; }
 299 #html-menu div.menuitem:first-child img { visibility:visible }
 300 #html-menu a { vertical-align: top }
 301 #html-menu .item span.menu-spacer { display: inline-block; width: 24px }
 302 #html-menu .menu span.menu-spacer { display: inline-block; width: 32px }
 303