View Single Post
  #1  
Old 07-13-2010, 12:40 AM
 
SID357 SID357 is offline
 

eXpert
  
Join Date: May 2010
Posts: 205
 

Default Align Categories Top Left

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
Reply With Quote