templates/webpages/menu/menu.html

   1 [%- USE L %]
   2 <style type='text/css'>
   3   #html-menu { float:left; white-space: nowrap; }
   4   #html-menu tr { vertical-align: top; }
   5   #html-menu div.menuitem { padding: 2px 4px 1px 4px; }
   6   #html-menu div.submenu { font-weight: bold }
   7   #html-menu img { vertical-align: middle; visibility:hidden; border: 0; }
   8   #html-menu div.menuitem:first-child img { visibility:visible }
   9   #html-menu a { vertical-align: top }
  10 </style>
  11 <body class="menu">
  12
  13 <div id='html-menu'>
  14
  15 [%- FOREACH item IN sections %]
  16    <div class='menu-multiline'>
  17  [%- FOREACH chunk IN item.chunks %]
  18      <div class='menuitem [% item.class %] hover'>[% item.spacer %]
  19      [%- IF item.href %]
  20        [% L.link(item.href, L.html_tag('img', undef, item.img) _ chunk, target=item.target) %]
  21      [%- ELSE %]
  22        [% L.html_tag('img', undef, item.img) _ chunk %]
  23      [%- END %]
  24      </div>
  25  [%- END %]
  26    </div>
  27 [%- END %]
  28  </div>
  29 </body>
  30 </html>