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