/* css for RadPanelBar and RadMenu in Main Navigation * * Remarks: * * class "tabbed" is appended to tag when tab key is used by user to access links (see samnet.js for script code) * class "active" is appended to tag of currently active link (see master page code behind) */ .RadMenu .rmLeftArrow, .RadMenu .rmTopArrow, .RadMenu .rmBottomArrow, .RadMenu .rmRightArrow { background-position: center center !important; background-color: #F4F3DD; /* col background is Helligkeit 211, this is 219 */ width: 100%; height: 15px; background-repeat: no-repeat; border-color: #D5D8E6; border-width: 1px; border-style: none; } .RadMenu .rmBottomArrow { background-image: url(Images/MainNav/HeaderArrowDown.gif); border-top-style: solid; } .RadMenu .rmTopArrow { background-image: url(Images/MainNav/HeaderArrowUp.gif); border-bottom-style: solid; } /* Special adjustment for RadMenu in RadPanelBar, see Live Examples */ .RadPanelBar_MainNav .rpGroup, .RadPanelBar_MainNav { overflow:visible !important; } .RadPanelBar .rpSlide { overflow:visible !important; zoom: 1; } .RadPanelBar_MainNav { white-space: nowrap; width: 100% !important; /* overwrite default 250px width from Telerik css file */ margin-top: -6px; /* level with main content top line */ } .RadPanelBar .rpRootGroup, .RadPanelBar .rpOut { padding: 0 !important; border-style: none !important; border-width: 0 !important; } .RadPanelBar_MainNav .rmLink, RadMenu_MainNav .rmLink { text-decoration: none; } .RadPanelBar_MainNav .rpRootGroup .rpText { outline: none; line-height: normal; /* this matches Salia's line height */ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: 700; font-size: 1.20em; border: none; padding: 3px 4px 3px 12px; } .RadPanelBar_MainNav .rpGroup .rpText, /* reverse RootGroup settings where needed! */ .RadMenu_MainNav .rmText { font-family: Arial, Helvetica, sans-serif; /* reverse font settings of level1 */ font-size: 1em; font-weight: normal; border-style: none; padding: 1px 1px 1px 23px; line-height: 1.8em; background: none; /*overflow: hidden;*/ outline: none; } .RadPanelBar_MainNav .rpImage { margin: 4px 0px} .RadPanelBar_MainNav .rpRootGroup .rpLink, .RadMenu_MainNav .rmRootGroup .rmLink { border: 0; padding-left: 1px; /* needed to avoid ASP.NET RadMenu bug - not working for Prometheus?? */ } .highlightLinksOnHoover .RadPanelBar_MainNav .rpRootGroup .rpLink:hover, .tabbed .RadPanelBar_MainNav .rpRootGroup .rpLink:active, .tabbed .RadPanelBar_MainNav .rpRootGroup .rpLink:focus, .highlightLinksOnHoover .RadMenu_MainNav .rmLink:hover, .tabbed .RadMenu_MainNav .rmLink:active, .tabbed .RadMenu_MainNav .rmLink:focus { background-color: #F4F3DD; /* col background is Helligkeit 211, this is 219 */ } .highlightLinksOnHoover .RadPanelBar_MainNav .rpRootGroup .rpLink:hover .rpText, .tabbed .RadPanelBar_MainNav .rpRootGroup .rpLink:active .rpText, .tabbed .RadPanelBar_MainNav .rpRootGroup .rpLink:focus .rpText { padding: 0; border: 1px solid #D5D8E6; padding: 2px 3px 4px 11px; } .highlightLinksOnHoover .RadPanelBar_MainNav .rpGroup .rpLink:hover .rpText, .tabbed .RadPanelBar_MainNav .rpGroup .rpLink:active .rpText, .tabbed .RadPanelBar_MainNav .rpGroup .rpLink:focus .rpText, .highlightLinksOnHoover .RadMenu_MainNav .rmLink:hover .rmText, .tabbed .RadMenu_MainNav .rmLink:active .rmText, .tabbed .RadMenu_MainNav .rmLink:focus .rmText { padding: 0; border: 1px solid #D5D8E6; padding: 0px 0px 0px 22px; } .RadPanelBar_MainNav .rpGroup .rpLink { width: auto; background: none; border-bottom: 0px; } .RadPanelBar_MainNav .group .rpLink .rpSelected { background: url(Images/MainNav/ArrowLeft.gif) no-repeat left center; } .RadPanelBar_MainNav .rpGroup .rpSelected { background: none; border-bottom: 0px; } .RadPanelBar_MainNav .rpRootGroup .rpSelected .rpText { /* background: url('Images/MainNav/ArrowLeft.gif') no-repeat left center;*/ } .RadPanelBar_MainNav .rpRootGroup .rpExpandable:hover .rpText { background: url(Images/MainNav/HeaderArrowDown.gif) no-repeat 3px center; } .RadPanelBar_MainNav .rpRootGroup .rpExpanded:hover .rpText, .RadPanelBar_MainNav .RadMenu_MainNav .vertical .expanded .rpText, .RadPanelBar_MainNav .RadMenu_MainNav .vertical .rpLink:active .rpText, .RadPanelBar_MainNav .RadMenu_MainNav .vertical .rpLink:focus .rpText { background: url(Images/MainNav/HeaderArrowRight.gif) no-repeat 3px center; } .RadPanelBar_MainNav .rpGroup .expanded .rpText { background: url(Images/MainNav/Minus.gif) no-repeat left center; } .RadPanelBar_MainNav .level2 .rpText { padding-left: 16px; line-height: 24px; background: none; } .RadPanelBar_MainNav .level2 .rpSelected .rpText, .RadPanelBar_MainNav .level2 .expanded .rpText { background: none; text-decoration: underline; } .RadPanelBar_MainNav .rpRootGroup .disabled:hover, .RadPanelBar_MainNav .rpRootGroup .disabled .rpText { /*background: #4693b6;*/ color: #ccc; cursor: default; } .RadPanelBar_MainNav .rpRootGroup .rpGroup .disabled:hover, .RadPanelBar_MainNav .rpRootGroup .rpGroup .disabled .rpText { text-decoration: none; background: none; color: #ccc; cursor: default; } .RadMenu_MainNav { line-height: 2.7em; /* this matches Salia's line height */ } .RadMenu_MainNav .rmItem { margin: 0; } .RadMenu_MainNav .rmGroup { border: 1px solid #D5D8E6; padding: 3px !important; background-color: #F1EFD0; } .RadMenu_MainNav .rmGroup .rmLink .rmText { padding: 1px 22px 1px 22px; } .RadMenu_MainNav .rmGroup .rmLink .rmText:hover { padding: 0px 21px 0px 21px; } span.childSelected { }