|
[%- USE L %]
|
|
<style type='text/css'>
|
|
#html-menu { float:left; white-space: nowrap; }
|
|
#html-menu tr { vertical-align: top; }
|
|
#html-menu img { vertical-align: middle; }
|
|
#html-menu div.menuitem { padding: 2px 4px 1px 4px; }
|
|
#html-menu div.submenu { font-weight: bold }
|
|
#html-menu img { visibility:hidden; border: 0 }
|
|
#html-menu div.menuitem:first-child img { visibility:visible }
|
|
#html-menu a { vertical-align: top }
|
|
</style>
|
|
<body class="menu">
|
|
|
|
<div id='html-menu'>
|
|
|
|
[%- FOREACH item IN sections %]
|
|
<div class='menu-multiline'>
|
|
[%- FOREACH chunk IN item.chunks %]
|
|
<div class='menuitem [% item.class %] hover'>[% item.spacer %]
|
|
[%- IF item.href %]
|
|
[% L.link(item.href, item.img _ chunk, target=item.target) %]
|
|
[%- ELSE %]
|
|
[% item.img _ chunk %]
|
|
[%- END %]
|
|
</div>
|
|
[%- END %]
|
|
</div>
|
|
[%- END %]
|
|
</div>
|
|
</body>
|
|
</html>
|