Revision ae2e9adf
Von Sven Schöling vor etwa 12 Jahren hinzugefügt
css/lx-office-erp/menu.css | ||
---|---|---|
291 | 291 |
/* End of non-anchor hover selectors */ |
292 | 292 |
|
293 | 293 |
|
294 |
#html-menu { float:left; } |
|
295 |
#html-menu tr { vertical-align: top; } |
|
296 |
#html-menu div.menuitem { padding: 2px 0px 2px 0px; white-space: nowrap; } |
|
294 |
#html-menu { float:left; width: 183px; } |
|
295 |
#html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both } |
|
297 | 296 |
#html-menu div.submenu { font-weight: bold } |
298 |
#html-menu img { vertical-align: middle; border: 0; }
|
|
297 |
#html-menu img { vertical-align: top; border: 0; }
|
|
299 | 298 |
#html-menu a { vertical-align: top } |
300 |
#html-menu .item span.menu-spacer { display: inline-block; width: 24px } |
|
301 |
#html-menu .menu span.menu-spacer { display: inline-block; width: 28px } |
|
302 |
#html-menu div.menu span.menuitemchunk { color:blue; } |
|
303 |
#html-menu div.menu span.menuitemchunk:hover { color:blue; background-color: lemonchiffon; cursor: pointer; } |
|
304 |
#html-menu span.menuitemchunk { white-space: normal; } |
|
305 |
#html-menu .spacer0 { position:relative; left: 2px } |
|
306 |
#html-menu .spacer1 { position:relative; left: 6px } |
|
307 |
#html-menu .spacer2 { position:relative; left: 12px } |
|
299 |
#html-menu .item span.ms { float:left; width: 24px } |
|
300 |
#html-menu .menu span.ms { float:left; width: 32px } |
|
301 |
#html-menu div.menu { height: 24px } |
|
302 |
#html-menu div.menu span.mic { color:blue; position: relative; top: 5px; } |
|
303 |
#html-menu div.menu:hover, |
|
304 |
#html-menu div.item:hover { color:blue; background-color: lemonchiffon; cursor: pointer; } |
|
305 |
#html-menu span.mic { white-space: normal; display: inline-block; vertical-align: top; line-height: 1.2; } |
|
306 |
#html-menu a.ml span.mic { width: 145px } /* fix deep indents */ |
|
307 |
#html-menu div.spacer0 { position:relative; padding-left: 2px } |
|
308 |
#html-menu div.spacer1 { position:relative; padding-left: 8px } |
|
309 |
#html-menu div.spacer2 { position:relative; padding-left: 16px } |
|
308 | 310 |
|
309 | 311 |
|
templates/webpages/menu/menu.html | ||
---|---|---|
6 | 6 |
</div> |
7 | 7 |
<script type='text/javascript'> |
8 | 8 |
$(function(){ |
9 |
$('#html-menu div.menu-submenu').hide();
|
|
9 |
$('#html-menu div.item, #html-menu div.submenu').hide();
|
|
10 | 10 |
$('#html-menu div.menu').each(function() { |
11 | 11 |
$(this).click(function(){ |
12 |
$('#html-menu div.menu-submenu').not('#' + $(this).attr('id') + '_submenu').hide();
|
|
13 |
$('#' + $(this).attr('id') + '_submenu').toggle();
|
|
12 |
$('#html-menu div.mi').not('div.menu').not('[id^=' + $(this).attr('id') + '_]').hide();
|
|
13 |
$('#html-menu div.mi[id^=' + $(this).attr('id') + '_]').toggle();
|
|
14 | 14 |
}); |
15 | 15 |
}); |
16 | 16 |
}); |
... | ... | |
19 | 19 |
</html> |
20 | 20 |
[%- BLOCK sections %] |
21 | 21 |
[%- FOREACH item IN sections %] |
22 |
<div id='menuitem[% menulevel %]_[% loop.count %]' class='menuitem menuitemchunk [% item.spacer %] [% item.class %] hover'>
|
|
23 |
[%- IF item.href %]
|
|
24 |
<a href="[% item.href | html %]" class='menu-link' target='[% item.target %]'><span class="menuitemicon menu-spacer">[% L.img_tag(item.img) %]</span><span class='menuitemchunk hover'>[% item.label %]</span></a>
|
|
25 |
[%- ELSE %]
|
|
26 |
<span class="menuitemicon menu-spacer">[% L.img_tag(item.img) %]</span><span class='menuitemchunk hover'>[% item.label %]</span>
|
|
27 |
[%- END %]
|
|
22 |
<div id='mi[% menulevel %]_[% loop.count %]' class='mi [% item.spacer %] [% item.class %]'>
|
|
23 |
[%- IF item.href %] |
|
24 |
<a href="[% item.href | html %]" class='ml' target='[% item.target %]'><span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span></a>
|
|
25 |
[%- ELSE %] |
|
26 |
<span class="mii ms">[% L.img_tag(item.img) %]</span><span class='mic'>[% item.label %]</span>
|
|
27 |
[%- END %] |
|
28 | 28 |
</div> |
29 | 29 |
[%- IF item.subitems.size %] |
30 |
<div id='menuitem[% menulevel %]_[% loop.count %]_submenu' class='menu-submenu[% menulevel %]'> |
|
31 |
[% INCLUDE sections sections=item.subitems, menulevel= menulevel _ '_' _ loop.count %] |
|
32 |
</div> |
|
30 |
[% INCLUDE sections sections=item.subitems, menulevel= menulevel _ '_' _ loop.count %] |
|
33 | 31 |
[%- END %] |
34 | 32 |
[%- END %] |
35 | 33 |
[%- END %] |
Auch abrufbar als: Unified diff
css gefixt, klassen minified, html reduziert