Hi,
i am using rad menu control to achieve horizontal menu and i have an issue in css
i need to remove borders and change alignment to center align.please give a solution for this
i have attached screen shot with current and required screen shot
this css is i am using
i am using rad menu control to achieve horizontal menu and i have an issue in css
i need to remove borders and change alignment to center align.please give a solution for this
i have attached screen shot with current and required screen shot
this css is i am using
/* RadMenu Black skin */ |
.RadMenu_Black |
{ |
background: #1e1e1e; |
} |
.RadMenu_Black_rtl |
{ |
text-align: rightright; |
} |
.RadMenu_Black_Context |
{ |
background: none; |
border: 0; |
} |
.RadMenu_Black a |
{ |
text-decoration: none; |
} |
.RadMenu_Black .rmLink, |
.RadMenu_Black .rmTemplate |
{ |
font: normal 12px/25px "Segoe UI", "Myriad Pro", Arial, sans-serif; |
text-decoration: none; |
color: #9f9f9f; |
padding-left:3px; |
} |
.RadMenu_Black .rmLink:focused, |
.RadMenu_Black .rmFocused |
{ |
outline: 0; |
} |
.RadMenu_Black .rmRootGroup .rmLink:hover, |
.RadMenu_Black .rmRootGroup .rmFocused, |
.RadMenu_Black .rmRootGroup .rmExpanded |
{ |
background: transparent url(Menu/SelectedBgRoot.gif) no-repeat 0 4px; |
color: #fff; |
} |
.RadMenu_Black .rmRootGroup .rmLink:hover .rmText, |
.RadMenu_Black .rmRootGroup .rmFocused .rmText, |
.RadMenu_Black .rmRootGroup .rmExpanded .rmText |
{ |
background: transparent url(Menu/SelectedBgRoot.gif) no-repeat rightright 4px; |
} |
.RadMenu_Black .rmGroup .rmLink:hover, |
.RadMenu_Black .rmGroup .rmFocused, |
.RadMenu_Black .rmGroup .rmExpanded, |
.RadMenu_Black .rmGroup .rmLink:hover .rmText, |
.RadMenu_Black .rmGroup .rmFocused .rmText, |
.RadMenu_Black .rmGroup .rmExpanded .rmText |
{ |
background: transparent url(Menu/SelectedBgSubitem.gif) repeat-x 0 0; |
} |
.RadMenu_Black .rmRootGroup .rmLink, |
{ |
margin-right: 5px; |
overflow: visible; |
} |
.RadMenu_Black_rtl .rmRootGroup .rmLink |
{ |
margin: 0 0 0 5px; |
} |
.RadMenu_Black .rmRootGroup .rmLink .rmText |
{ |
margin-right:-1px; |
} |
.RadMenu_Black .rmGroup |
{ |
background: #383838; |
border: 1px solid #1c1c1c; |
} |
.RadMenu_Black .rmHorizontal |
{ |
height: 33px; |
background: #383838 url(Menu/Background.gif) repeat-x top left |
} |
.RadMenu_Black .rmGroup .rmHorizontal |
{ |
height: 21px; |
background: #383838; |
} |
.RadMenu_Black .rmGroup .rmLink |
{ |
text-decoration: none; |
color: #9f9f9f; |
line-height: 15px; |
margin: 0; |
font-size: 11px; |
} |
.RadMenu_Black .rmGroup .rmTemplate |
{ |
padding-left: 7px; |
} |
.RadMenu_Black_rtl .rmGroup .rmLink, |
.RadMenu_Black_rtl .rmGroup .rmTemplate |
{ |
text-align: rightright; |
padding-right:0; |
} |
.RadMenu_Black .rmText |
{ |
padding: 4px 20px 0; |
} |
.RadMenu_Black .rmGroup .rmLink .rmText |
{ |
padding: 3px 30px 3px 24px; |
margin-left: 0; |
margin-right: 0; |
} |
.RadMenu_Black_rtl .rmGroup .rmLink .rmText |
{ |
padding: 3px 24px 3px 30px; |
} |