Revision 871a70f0
Von Moritz Bunkus vor etwa 12 Jahren hinzugefügt
| css/lx-office-erp/menu.css | ||
|---|---|---|
| 51 | 51 |
|
| 52 | 52 |
#menuv3 h2 {
|
| 53 | 53 |
color:#fff; |
| 54 |
padding:0 5px;
|
|
| 54 |
padding:2px 10px;
|
|
| 55 | 55 |
} |
| 56 | 56 |
|
| 57 | 57 |
#menuv3 a, #menuv3 a:visited, #menuv3 div.x, #menuv3 div.x:visited {
|
| ... | ... | |
| 63 | 63 |
#menuv3 a {
|
| 64 | 64 |
background:#eee; |
| 65 | 65 |
} |
| 66 |
|
|
| 67 | 66 |
#menuv3 div.x, #menuv3 div.x:visited {
|
| 68 | 67 |
background:#eee url(../../image/right.gif) no-repeat right; |
| 69 | 68 |
} |
| ... | ... | |
| 83 | 82 |
margin:0; |
| 84 | 83 |
padding:0; |
| 85 | 84 |
float:left; |
| 86 |
min-width:7em; |
|
| 87 | 85 |
} |
| 88 | 86 |
|
| 89 | 87 |
#menuv3 li {
|
| ... | ... | |
| 119 | 117 |
|
| 120 | 118 |
#menuv3 ul ul ul {
|
| 121 | 119 |
top:0; |
| 122 |
left:100%;
|
|
| 120 |
left:90%;
|
|
| 123 | 121 |
} |
| 124 | 122 |
|
| 125 | 123 |
/* Begin non-anchor hover selectors */ |
| ... | ... | |
| 154 | 152 |
|
| 155 | 153 |
/* End of non-anchor hover selectors */ |
| 156 | 154 |
|
| 157 |
#menuv4 {
|
|
| 158 |
width:99.8%; |
|
| 159 |
float:left; |
|
| 160 |
background:url(../../image/bg_css_menu.png) repeat bottom; |
|
| 161 |
border:1px solid; |
|
| 162 |
border-color:#ccc #888 #555 #bbb; |
|
| 163 |
} |
|
| 164 |
|
|
| 165 |
#menuv4 a, #menuv4 h2, #menuv4 div.x {
|
|
| 166 |
font:11px/16px arial,helvetica,sans-serif; |
|
| 167 |
display:block; |
|
| 168 |
border:0; |
|
| 169 |
border-right:1px; |
|
| 170 |
border-style:solid; |
|
| 171 |
border-color:#ccc #888 #555 #bbb; |
|
| 172 |
white-space:nowrap; |
|
| 173 |
margin:0; |
|
| 174 |
padding:1px 0 1px 3px; |
|
| 175 |
} |
|
| 176 |
|
|
| 177 |
#menuv4 h2 {
|
|
| 178 |
color:#fff; |
|
| 179 |
padding:2px 10px; |
|
| 180 |
} |
|
| 181 |
|
|
| 182 |
#menuv4 a, #menuv4 a:visited, #menuv4 div.x, #menuv4 div.x:visited {
|
|
| 183 |
color:#000; |
|
| 184 |
text-decoration:none; |
|
| 185 |
padding-right:10px; |
|
| 186 |
} |
|
| 187 |
|
|
| 188 |
#menuv4 a {
|
|
| 189 |
background:#eee; |
|
| 190 |
} |
|
| 191 |
#menuv4 div.x, #menuv4 div.x:visited {
|
|
| 192 |
background:#eee url(../../image/right.gif) no-repeat right; |
|
| 193 |
} |
|
| 194 |
|
|
| 195 |
#menuv4 a:hover, #menuv4 div.x:hover {
|
|
| 196 |
color:#a00; |
|
| 197 |
background-color:#ddd; |
|
| 198 |
} |
|
| 199 |
|
|
| 200 |
#menuv4 a:active, #menuv4 div.x:active {
|
|
| 201 |
color:#060; |
|
| 202 |
background-color:#ccc; |
|
| 203 |
} |
|
| 204 |
|
|
| 205 |
#menuv4 ul {
|
|
| 206 |
list-style:none; |
|
| 207 |
margin:0; |
|
| 208 |
padding:0; |
|
| 209 |
float:left; |
|
| 210 |
} |
|
| 211 |
|
|
| 212 |
#menuv4 li {
|
|
| 213 |
position:relative; |
|
| 214 |
float:none; |
|
| 215 |
border:0; |
|
| 216 |
} |
|
| 217 |
|
|
| 218 |
/* IE6 spacing bug fix, <li>s without a bottom border get spaced to far |
|
| 219 |
* correction: the bug will change the height of the parent element! this will also cause the whole menu to grow |
|
| 220 |
* 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 |
|
| 221 |
* a bottom border, which just looks ugly |
|
| 222 |
* the trick: color the bottom border with the same color as the bottom pixel of the background image - noone notices */ |
|
| 223 |
#menuv4 ul li {
|
|
| 224 |
border:solid; |
|
| 225 |
border-color:#ccd5e5; |
|
| 226 |
border-width:0 0 1px 0; |
|
| 227 |
} |
|
| 228 |
|
|
| 229 |
#menuv4 ul ul li {
|
|
| 230 |
border:solid; |
|
| 231 |
border-width:0 0 1px 0; |
|
| 232 |
} |
|
| 233 |
|
|
| 234 |
/* IE6 event bug fix, without a background there hovers will be occassionally lost between the li's to the layer below |
|
| 235 |
* causing the menu to close. Opera 9 has the same bug btw. */ |
|
| 236 |
#menuv4 ul ul {
|
|
| 237 |
position:absolute; |
|
| 238 |
z-index:500; |
|
| 239 |
top:auto; |
|
| 240 |
display:none; |
|
| 241 |
} |
|
| 242 |
|
|
| 243 |
#menuv4 ul ul ul {
|
|
| 244 |
top:0; |
|
| 245 |
left:90%; |
|
| 246 |
} |
|
| 247 |
|
|
| 248 |
/* Begin non-anchor hover selectors */ |
|
| 249 |
|
|
| 250 |
/* Enter the more specific element (div) selector |
|
| 251 |
on non-anchor hovers for IE5.x to comply with the |
|
| 252 |
older version of csshover.htc - V1.21.041022. It |
|
| 253 |
improves IE's performance speed to use the older |
|
| 254 |
file and this method */ |
|
| 255 |
|
|
| 256 |
div#menuv4 h2:hover {
|
|
| 257 |
background:#A3C5FF; |
|
| 258 |
color:#a00; |
|
| 259 |
} |
|
| 260 |
|
|
| 261 |
div#menuv4 li:hover {
|
|
| 262 |
cursor:pointer; |
|
| 263 |
z-index:100; |
|
| 264 |
} |
|
| 265 |
|
|
| 266 |
div#menuv4 li:hover ul ul, |
|
| 267 |
div#menuv4 li li:hover ul ul, |
|
| 268 |
div#menuv4 li li li:hover ul ul, |
|
| 269 |
div#menuv4 li li li li:hover ul ul |
|
| 270 |
{display:none;}
|
|
| 271 |
|
|
| 272 |
div#menuv4 li:hover ul, |
|
| 273 |
div#menuv4 li li:hover ul, |
|
| 274 |
div#menuv4 li li li:hover ul, |
|
| 275 |
div#menuv4 li li li li:hover ul |
|
| 276 |
{display:block;}
|
|
| 277 |
|
|
| 278 |
/* End of non-anchor hover selectors */ |
|
| 279 |
|
|
| 280 | 155 |
/* html menu */ |
| 281 | 156 |
/* types of lines: m sm i (menu submenu item) |
| 282 | 157 |
each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer) |
| ... | ... | |
| 315 | 190 |
|
| 316 | 191 |
|
| 317 | 192 |
@media print {
|
| 318 |
#menuv3, #menuv4, #html-menu, #frame-header, #js-menu { /* items with this class won't print */
|
|
| 193 |
#menuv3, #html-menu, #frame-header, #js-menu { /* items with this class won't print */
|
|
| 319 | 194 |
display: none; |
| 320 | 195 |
} |
| 321 | 196 |
#content.html-menu { margin-left: 0; }
|
Auch abrufbar als: Unified diff
Menüsysteme v3 & v4 verschmolzen (Stil von v4, Name & Code von v3)