Used the rounded categories mod, but cant get the subcategories to the upper left.
http://tinyurl.com/2avy2os
/customer/menu_dialog.tpl
Code:
{if $usertype eq "A" || ($usertype eq "P" && $active_modules.Simple_Mode ne "")}
<div class="menu-dialog{if $additional_class} {$additional_class}{/if}">
<div class="title-bar valign-middle{if $link_href} link-title{/if}">
{strip}
{if $link_href}
<span class="title-link">
<a href="{$link_href}" class="title-link"><img src="{$ImagesDir}/spacer.gif" alt="" /></a>
</span>
{/if}
<img class="icon ajax-minicart-icon" src="{$ImagesDir}/spacer.gif" alt="" />
<h2>{$title}</h2>
{/strip}
</div>
<div class="content">
{$content}
</div>
</div>
{else}
<div class="menu_top"><h3>{$title}</h3></div>
<div class="menu_bottom"><p>{$content}</p></div>
{/if}
/corners/styles.css
Code:
body { font-family: arial; font-size: 76%; background: #eee; margin: 20px; padding: 0; }
#container { width: 99%; margin: 0 auto; }
/*--------- MENUS ----------*/
.menu_top { width: 100%; background: #0090FF; color: #fff; }
.menu_top .sb-inner { background: #0090FF; }
.menu_top .sb-border { background: #000; }
.menu_top h3 { margin: 0; padding: 2px; font-size: 1.1em; }
.menu_bottom { width: 100%; background: #fff; color: #333; margin-bottom: 10px; }
.menu_bottom .sb-inner { background: #fff; }
.menu_bottom .sb-border { background: #000; }
.menu_bottom p { margin: 0; padding: 2px; }
/*--------- DIALOGS ----------*/
.dialog_top { width: 100%; background: #FF6600; color: #fff; }
.dialog_top .sb-inner { background: #FF6600; }
.dialog_top .sb-border { background: #000; }
.dialog_top h2 { margin: 0; padding: 7px; font-size: 1.3em; }
.dialog_bottom { width: 100%; background: #fff; color: #000; margin-bottom: 10px; }
.dialog_bottom .sb-inner { background: #fff; }
.dialog_bottom .sb-border { background: #000; }
.dialog_bottom p { margin: 0; padding: 7px; }
/*--------- ROUNDED BOXES ----------*/
.rounded_box_filled { width: 100%; background: #eee; color: #000; font-size: 1.0em; margin-bottom: 10px; }
.rounded_box_filled .sb-inner { background: #ccc; }
.rounded_box_filled .sb-border { background: #000; }
.rounded_box_filled p { margin: 0; padding: 7px; }
.rounded_box_blank { width: 100%; background: #fff; color: #000; font-size: 1.0em; margin-bottom: 10px; }
.rounded_box_blank .sb-inner { background: #fff; }
.rounded_box_blank .sb-border { background: #000; }
.rounded_box_blank p { margin: 0; padding: 7px; }
How far off am I? I'm guessing way out there somewhere. lol