Hi,
gudie me in defining the css properties for a submenu such that the whiteseperators in between the items of a submenu which u can be seen in the file attached can be removed , i defined the classes in css as follows:
/* ********** Menu Style ************** */
.MainMenu_MenuContainer {background:transparent; width:1px; margin:0px auto;}
.MainMenu_MenuBar {}
.MainMenu_MenuIcon { display:block; }
.MainMenu_RootMenuArrow { display:none; }
.MainMenu_MenuArrow { display:none; }
/*---------Root Menu Separator---------------*/
.MainMenu_MenuBreak { display:none; }
/*---------Menu Background Transparency---------------*/
.ModuleTitle_MenuItemSel {background-color: transparent;}
.MainMenu_MenuItemSel {background-color: transparent;}
/*---------Sub Menu style---------------*/
.MainMenu_MenuItem{}
.submenuitembreadcrumb{
color:#DDE1E4;
font-size:11px;
font-weight:bold;
padding:2px 7px 2px 7px;
border:1px #8F8989 solid;
border-width:1px 0px;
Margin:0px;
background:#8F8989;
}
/*---------Sub Menu style on select---------------*/
.submenuitemselected{
color:#DDE1E4;
font-size:11px;
font-weight:bold;
padding:2px 7px 2px 7px;
border:1px #8F8989 solid;
border-width:1px 0px;
Margin:0px;
background:#8F8989;
}
/*---------Sub Menu Frame style---------------*/
.submenu{
z-index:1000;
border:1px #8C9093 solid;
padding:0px;
Margin:0px;
background:#C2C3C5;
}
/*---------Root Menu style---------------*/
.rootmenuitem TD{
color:#564E4E;
font-family:Arial;
font-size:11px;
font-weight:normal;
margin:0px;
height:5px;
padding:0px 2px 0px 2px;
}
/*---------Root Menu style on select---------------*/
.rootmenuitemselected TD,.rootmenuitembreadcrumb TD{
color:#DDE1E4;
font-family: Arial;
font-size:11px;
font-weight:normal;
margin:0px;
height:5px;
padding:0px 4px 0px 4px;
}
And in the skin.xml ,i defined the token as follows:
[SOLPARTMENU]
Display
horizontal
usearrows
false
userootbreadcrumbarrow
false
usesubmenubreadcrumbarrow
true
rootmenuitemcssclass
rootmenuitem
rootmenuitemselectedcssclass
rootmenuitemselected
rootmenuitembreadcrumbcssclass
rootmenuitembreadcrumb
Separator
submenucssclass
submenu
submenuitemselectedcssclass
submenuitemselected
submenuitembreadcrumbcssclass
submenuitembreadcrumb
CSSNodeSelectedRoot
rootmenuitembreadcrumb
CSSNodeSelectedSub
submenuitemselected
delaysubmenuload
true