widgets/ec_category_menu/include/template/menu.tmpl.html

   1 <patTemplate:tmpl name="_widget">
   2 <style type="text/css">
   3 <!--
   4 /* menu item with sub menu */
   5 .eccascademenu .hassubmenu {
   6         color: {COLOR4};
   7         background: url({_WIDGET_URL}/images/{IMAGE_FILENAME}) 0 -96px;
   8 }
   9 .eccascademenu {
  10         width: 160px;   /* menu width */
  11         border-style: none;
  12         border-width: 0px;
  13         margin: 0px;
  14 }
  15 .eccascademenu ul {
  16         list-style: none;
  17         margin: 0px;
  18         padding: 0px;
  19 }
  20 .eccascademenu  ul li {
  21         position: relative;     /* submenu position */
  22         background-image:none;
  23         padding: 0px;
  24         list-style       : none;
  25         list-style-image : none;
  26         height:32px;
  27         width: 160px;
  28
  29         margin: 0px;
  30 }
  31 .eccascademenu ul li a {
  32         color: {COLOR1};
  33         height:100%;
  34         text-decoration: none;
  35         text-align:center;      /* centering text */
  36         line-height:30px;       /* centering text */
  37         overflow: auto;         /*force hasLayout in IE7 */
  38         /*border: 1px solid #ccc;*/ /* menu item outline */
  39         background: url({_WIDGET_URL}/images/{IMAGE_FILENAME});
  40 }
  41 .eccascademenu ul li a:link, .eccascademenu ul li a:visited {
  42         display: block;
  43 /*        background: url({_WIDGET_URL}/images/{IMAGE_FILENAME});*/
  44 }
  45
  46 .eccascademenu ul li a:hover, .eccascademenu li #current {
  47         color: {COLOR2};
  48         background: url({_WIDGET_URL}/images/{IMAGE_FILENAME}) 0 -32px;
  49 }
  50
  51 .eccascademenu ul li a:active {
  52         color: {COLOR3};
  53         background: url({_WIDGET_URL}/images/{IMAGE_FILENAME}) 0 -64px;
  54 }
  55 /* sub menu */
  56 .eccascademenu ul li ul{
  57         position: absolute;
  58         top: 0;
  59         visibility: hidden;
  60 }
  61 /* for IE6 */
  62 * html .eccascademenu ul li { float: left;}
  63 * html .eccascademenu ul li ul { margin-left: 160px;}
  64
  65 -->
  66 </style>
  67 <table class="moduletable">
  68 {TITLE}
  69 <tr><td><!-- don't remove this line for ie bug -->
  70 <div class="eccascademenu">
  71 <ul id="category_menu">
  72 {CATEGORY_MENU}
  73 </ul>
  74 </div>
  75 <script type="text/javascript">
  76 <!--
  77 var menu = new m3_cascadeMenu('category_menu');
  78 // -->
  79 </script>
  80 </tr></td></table><!-- don't remove this line for ie bug -->
  81 </patTemplate:tmpl>