Hi all: I have a solpartmenu which looks pretty good. I have one issue:
I have set a style for the Active tab (the one you're on ), and a different style for the mouseover. So far, so good, the Active tab style in the menu is maintained when you mouseover it. The thing is, when you click on it, the style changes, to the one used for mouseover. I DON'T want this. I want the active tab style to maintain.
/* Container for main menu */
.MainMenu_MenuContainer {
background-color: transparent;
margin-top: 0;
width: 206px;
text-align: center;
}
/* Menu bar */
.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
padding:0;
text-align: center;
border-bottom: 0px solid #FFFFFF;
height:19px;
}
/* Applies to off state of submenu items only */
.MainMenu_MenuItem, .RootMenu_Off {
color: #FFFFFF;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
/*white-space: nowrap;*/
height:20px;
background-color:#447FBB;
border:0px;
}
.MainMenu_MenuItemSel, .RootMenu_On
{
cursor: pointer;
background-color: #003366;
height:20px;
color: #FFFFFF;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
text-align:center;
}
.MainMenu_RootMenuItemActive /*Standard DNN Class for active menu item*/
{
cursor: pointer;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
color: #555555;
font-style:normal;
font-weight:bold;
background-color:#F8EBCC;
border-width:0px;
text-align: center;
height:20px;
/*.padding-right:6px;*/
/*.padding-left:1px;*/
}
.MainMenu_RootMenuItemBreadcrumb
{
cursor: pointer;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
color: #555555;
font-style:normal;
font-weight:bold;
background-color:#F8EBCC;
border-width:0px;
text-align: center;
height:20px;
/*.padding-right:6px;*/
/*.padding-left:1px;*/
}
Any ideas on how I can achieve this?
Thanks in advance
Jesica