Firefox 2 support

7 posts, 1 answers
  1. Jeremy T. Fuller
    Jeremy T. Fuller avatar
    51 posts
    Member since:
    Aug 2012

    Posted 17 Dec 2009 Link to this post

    What is your stated level of support for Firefox 2.x? Your control suite all works great in it, with the huge exception of the Toolbar control. This isn't new to Q3 2009, it's been an issue for several releases. The Toolbar is completely broken in many ways on Fx2, and although I was able to doctor up the CSS in previous releases to make it work, with Q3 2009 SP1 I am so far unable to get it fully working in Fx2. I'm concerned that Telerik is no longer supporting Fx2, and that I will have to end-of-life the browser with my clients, many of which are still using it.
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 18 Dec 2009 Link to this post

    Hello Jeremy,

    What are the issues you encounter with RadToolBar in Firefox 2? We are trying to support it fully, but sometimes issues are bound to show up (since it doesn't support display: inline-block). Can you send a live URL or a screenshot and a detailed description? Thank you in advance.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jeremy T. Fuller
    Jeremy T. Fuller avatar
    51 posts
    Member since:
    Aug 2012

    Posted 18 Dec 2009 Link to this post

    Kamen, thanks for your response. The display: inline-block issue is indeed the reason Fx2 refuses to behave well. My application deals with sensitive medical data, so I can't offer an external link or sample code.

    I am working through the CSS a bit more today with Firebug. I've applied the same changes to Q3 2009 SP1 that I did to Q2 2009, and it almost works, but for some reason when I enable a disabled button on the client, the entire button disappears! That's the only remaining issue I need to solve.

    If I do get this worked out, I'll post the modified CSS. It could be useful for your team. Meanwhile, if you have any insight as to why a button would disappear when it is enabled on the client, let me know. (The button becomes invisible but still takes up space.)
  5. Jeremy T. Fuller
    Jeremy T. Fuller avatar
    51 posts
    Member since:
    Aug 2012

    Posted 18 Dec 2009 Link to this post

    I appear to have gotten it to work, pending some more thorough testing. Firefox 2 is just extremely picky when it comes to inline boxes. The rendering engine is horribly buggy with these, and will do all kinds of fun indeterminate things with them depending on various situations. For our application, I believe these fixes will do the trick.

    I can send you the revised CSS if you wish, but this forum only allows image attachments.
  6. Answer
    Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 22 Dec 2009 Link to this post

    Hi Jeremy,

    You can post the CSS here as Format Code Block or with applied code insert CSS class. I will give you some Telerik points when you do so. Meanwhile I fixed one bug in the Firefox 2 rendering (the missing images on first load) which will appear with the next internal build - you can try to see if it helps.

    That said, Firefox 2 is in End of Life status - Mozilla doesn't support it anymore. We still offer support for it, but since Firefox 2 is old, slow and buggy, we advise our clients to upgrade to newer Firefox versions. You may want to do so too.

    Kind regards,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
  7. Jeremy T. Fuller
    Jeremy T. Fuller avatar
    51 posts
    Member since:
    Aug 2012

    Posted 22 Dec 2009 Link to this post

    The base CSS is:
    /* RadToolBar / base */ 
     
    /* <wrappers and common styles> */ 
     
    .RadToolBar 
        margin: 0; 
        padding: 0; 
     
    .RadToolBar 
        cursordefault
        text-alignleft
     
    .RadToolBar_rtl 
        text-alignrightright
        floatrightright
     
    .RadToolBar, 
    .RadToolBar .rtbUL, 
    .RadToolBar .rtbItem, 
    .RadToolBar .rtbTemplate, 
    .RadToolBar .rtbWrap, .RadToolBar .rtbOut, .RadToolBar .rtbMid, .RadToolBar .rtbIn 
        whitewhite-spacenowrap
        vertical-aligntop
         
        displayinline-block
        zoom: 1; 
        *displayinline
     
    .RadToolBar, 
    .RadToolBar .rtbItem,  
    .RadToolBar .rtbWrap, 
    .RadToolBar .rtbOut, 
    .RadToolBar .rtbMid, 
    x:-moz-any-link 
        displaytable-cell
     
    .RadToolBar .rtbUL, 
    .RadToolBar .rtbIn, 
    x:-moz-any-link 
     display: table; 
     
    /*div.RadToolBar .rtbOuter, x:-moz-any-link { display: -moz-inline-box; }*/ /* fix the toolbar borders in FF2 */ 
    /*div.RadToolBar .rtbOuter, x:-moz-any-link, x:default { display: block; }*/ /* restore for FF3+ (affects set width) */ 
     
    .RadToolBar .rtbSplBtn .rtbSplBtnActivator, .RadToolBar .rtbChoiceArrow 
        whitewhite-spacenowrap
        vertical-aligntop
         
        displayinline-block
        zoom: 1; 
        *displaytable-cell
     
    .RadToolBar .rtbSplBtn .rtbSplBtnActivator, .RadToolBar .rtbChoiceArrow, 
    x:-moz-any-link { 
        displaytable-cell
     
    .RadToolBar .rtbInner 
        padding1px
     
    .RadToolBar .rtbUL, 
    .RadToolBar .rtbItem 
        list-style-positionoutside
        list-style-typenone
        margin: 0; 
        padding: 0; 
        vertical-alignmiddle
     
    * html .RadToolBar .rtbUL, 
    * html .RadToolBar .rtbItem { vertical-aligntop; } 
    *+html .RadToolBar .rtbUL, 
    *+html .RadToolBar .rtbItem { vertical-aligntop; } 
     
     
    /* </wrappers and common styles> */ 
     
    /* <items> */ 
     
    .RadToolBar .rtbItem 
        margin: 0 1px/* spacing between items */ 
     
    .RadToolBar_Vertical .rtbUL 
        display: table; 
     
    .RadToolBar_Vertical .rtbItem 
        displayblock
        zoom: normal
        margin: 0; 
     
    .RadToolBar .rtbWrap 
        text-decorationnone
        vertical-aligntop
        outline: 0; 
        cursorpointer
     
    .RadToolBar .rtbDisabled .rtbWrap 
        cursordefault
     
    .RadToolBar .rtbMid 
        padding: 0 3px 3px 0; 
     
    .RadToolBar .rtbIn 
        padding3px 0 0 3px
        overflowhidden
     
    .RadToolBar .rtbIn, 
    .RadToolBar .rtbIn * 
        vertical-alignmiddle
     
    .RadToolBar .rtbIcon 
        border: 0; 
        padding2px
     
    .RadToolBar .rtbIcon+.rtbText, 
    x:-moz-any-link 
        margin-top2px
        vertical-alignmiddle
     
    .RadToolBar_Vertical .rtbIcon+.rtbText, 
    .RadToolBar .rtbDropDown.rtbDisabled .rtbIcon+.rtbText, 
    x:-moz-any-link 
        margin-top: -5px
        vertical-alignmiddle
     
    .RadToolBar .rtbText { padding: 0 3px; } 
    .RadToolBar .rtbText, x:-moz-any-link { padding: 0 1px 0 0; } 
    .RadToolBar .rtbText, x:-moz-any-link, x:default { padding: 0 3px; } 
    .RadToolBar .rtbDropDown .rtbText, 
    .RadToolBar .rtbSplBtn .rtbText { padding: 0 0 0 3px; } 
    .RadToolBar_rtl .rtbDropDown .rtbText, 
    .RadToolBar_rtl .rtbSplBtn .rtbText { padding: 0 3px 0 0; } 
     
    .RadToolBar .rtbText u /* accesskeys */ 
        vertical-alignbaselinebaseline
     
    /* <disabled states> */ 
    .RadToolBar .rtbDisabled 
        -moz-opacity: .4; 
        opacity: .4; 
     
    /* Opacity hack for IE */ 
    .RadToolBar .rtbDisabled .rtbIcon, 
    .RadToolBar .rtbDisabled .rtbChoiceArrow  
        filter: alpha(opacity=40)\9; 
        -ms-filter: "alpha(opacity=40)"\9; 
     
    @media screen and (-webkit-min-device-pixel-ratio:0) /* Opacity hack for WebKit */ 
        .RadToolBar .rtbDisabled { opacity: 1; } 
        .RadToolBar .rtbDisabled .rtbIcon, 
        .RadToolBar .rtbDisabled .rtbChoiceArrow { opacity: .4; } 
     
    /* </disabled states> */ 
     
    .RadToolBar .rtbVOriented 
        text-aligncenter
     
    .RadToolBar .rtbDropDown .rtbVOriented { positionrelativepadding-right20px; } 
    .RadToolBar .rtbSplBtn .rtbVOriented { positionrelativepadding-right25px; } 
    .RadToolBar_rtl .rtbDropDown .rtbVOriented { padding-right: 0; padding-left20px; } 
    .RadToolBar_rtl .rtbSplBtn .rtbVOriented { padding-right: 0; padding-left25px; } 
     
    .RadToolBar .rtbVOriented .rtbIcon 
        displayblock
        margin: 0 auto
     
    .RadToolBar .rtbVOriented, 
    x:-moz-any-link 
        displayblock
     
    .RadToolBar .rtbVOriented .rtbChoiceArrow 
        positionabsolute
        top: 50%; 
        margin-top: -9px
        rightright: 0; 
    .RadToolBar_rtl .rtbVOriented .rtbChoiceArrow { rightrightautoleft: 0; } 
     
    /* in ie, text-align: center does the trick (and margins fux0r items) */ 
    * html .RadToolBar .rtbVOriented .rtbIcon { margin: 0; } 
    *+html .RadToolBar .rtbVOriented .rtbIcon { margin: 0; } 
     
    /* <separators> */ 
     
    .RadToolBar .rtbSeparator  
        line-height: 0; 
        font-size: 0; 
        vertical-aligntop
     
    * html .RadToolBar_Horizontal .rtbSeparator .rtbText 
        padding: 0; 
     
    .RadToolBar_Horizontal .rtbSeparator  
        height25px
        width1px
        displayinline-block
        positionrelative
        vertical-alignmiddle
    * html .RadToolBar_Horizontal .rtbSeparator { displayinlinevertical-alignmiddletop: 50%; margin-top: -20px; } 
    *+html .RadToolBar_Horizontal .rtbSeparator { displayinlinevertical-alignmiddletop: 50%; margin-top: -20px; } 
     
    .RadToolBar_Vertical .rtbSeparator  
        width25px
        height1px
     
    /* </separators> */ 
     
    /* <the lovely small arrow> */ 
     
    .RadToolBar .rtbChoiceArrow 
        width18px
        height20px
        margin-left7px
    .RadToolBar_rtl .rtbChoiceArrow { margin-left: 0; margin-right7px; } 
     
    .RadToolBar .rtbSplBtnHovered .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnFocused .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnExpanded .rtbChoiceArrow 
        width20px
        margin-left5px
    .RadToolBar_rtl .rtbSplBtnHovered .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnFocused .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnExpanded .rtbChoiceArrow { margin-left: 0; margin-right5px; } 
     
    /* </the lovely small arrow> */ 
     
    /* <background positions> */ 
     
    .RadToolBar .rtbDropDownExpanded .rtbWrap, 
    .RadToolBar .rtbSplBtnExpanded .rtbWrap, 
    .RadToolBar .rtbSplBtnFocused .rtbWrap, 
    .RadToolBar .rtbChecked .rtbWrap, 
    .RadToolBar .rtbItemClicked .rtbWrap, 
    .RadToolBar .rtbItemFocused .rtbWrap, 
    .RadToolBar .rtbItemHovered .rtbWrap 
        background-position: 0 100%; 
     
    .RadToolBar .rtbDropDownExpanded .rtbOut, 
    .RadToolBar .rtbSplBtnExpanded .rtbOut, 
    .RadToolBar .rtbSplBtnFocused .rtbOut, 
    .RadToolBar .rtbItemFocused .rtbOut, 
    .RadToolBar .rtbItemClicked .rtbOut, 
    .RadToolBar .rtbChecked .rtbOut, 
    .RadToolBar .rtbItemHovered .rtbOut 
        background-position: 100% 0; 
     
    .RadToolBar .rtbDropDownExpanded .rtbMid, 
    .RadToolBar .rtbSplBtnExpanded .rtbMid, 
    .RadToolBar .rtbSplBtnFocused .rtbMid, 
    .RadToolBar .rtbItemFocused .rtbMid, 
    .RadToolBar .rtbItemClicked .rtbMid, 
    .RadToolBar .rtbChecked .rtbMid, 
    .RadToolBar .rtbItemHovered .rtbMid 
        background-position: 100% 100%; 
     
    .RadToolBar .rtbDropDownExpanded .rtbIn, 
    .RadToolBar .rtbSplBtnExpanded .rtbIn, 
    .RadToolBar .rtbSplBtnFocused .rtbIn, 
    .RadToolBar .rtbItemFocused .rtbIn, 
    .RadToolBar .rtbItemClicked .rtbIn, 
    .RadToolBar .rtbChecked .rtbIn, 
    .RadToolBar .rtbItemHovered .rtbIn 
        background-position: 0 0; 
     
    .RadToolBar .rtbSplBtn .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnExpanded .rtbChoiceArrow, 
    .RadToolBar .rtbItem .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnClicked .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar .rtbSplBtnHovered .rtbChoiceArrow, 
    .RadToolBar .rtbItemHovered .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar .rtbItemHovered .rtbChoiceArrow, 
    .RadToolBar .rtbItemClicked .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar .rtbItemClicked .rtbChoiceArrow { background-position: 100% 50%; } 
     
    .RadToolBar_rtl .rtbSplBtn .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnExpanded .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbItem .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnClicked .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnHovered .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbSplBtnHovered .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbItemHovered .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbItemHovered .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbItemClicked .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_rtl .rtbItemClicked .rtbChoiceArrow { background-position: 0 50%; } 
     
    /* </background positions> */ 
     
    /* </items> */ 
     
    /* <drop-down> */ 
     
    .RadToolBarDropDown 
        border-stylesolid
        border-width1px
        positionrelative
        text-alignleft
        cursordefault
        background-repeatrepeat-y; 
        background-position: 0 0; 
        padding: 0; 
        margin: 0; 
     
    .RadToolBarDropDown_rtl 
        text-alignrightright
        background-position: 100% 0; 
     
    .rtbScrollWrap 
        positionabsolute
        overflowhidden
        left: 0; 
     
    .RadToolBarDropDown .rtbGroup 
        displayblock
        padding: 0; 
        margin: 0; 
     
    .RadToolBarDropDown .rtbSlide 
        positionabsolute
        overflowhidden
        displaynone
        _height: 0; 
        text-alignleft
        padding: 0; 
        margin: 0; 
     
    .RadToolBarDropDown_rtl .rtbSlide 
        text-alignrightright
     
    .RadToolBarDropDown .rtbGroup 
        padding1px 0; 
     
    .RadToolBarDropDown .rtbItem, 
    .RadToolBarDropDown .rtbSeparator 
        positionrelative
        list-style-typenone
        displayblock
     
    .RadToolBarDropDown .rtbItem 
        margin: 0; 
        padding: 0 0 0 2px
        outline: 0; 
     
    .RadToolBarDropDown .rtbWrap, 
    .RadToolBarDropDown .rtbTemplate 
        line-height22px
        positionrelative
     
    .RadToolBarDropDown .rtbWrap 
        overflowhidden
        displayblock
        text-decorationnone
        cursorpointer
        padding: 0 0 0 32px
        margin: 0; 
    .RadToolBarDropDown_rtl .rtbWrap { padding: 0 32px 0 0; } 
    * html div.RadToolBarDropDown .rtbWrap { positionstaticline-height22px; } 
    * html div.RadToolBarDropDown_rtl .rtbWrap { zoom: 1; } 
     
    .RadToolBarDropDown .rtbIcon 
        border: 0; 
        vertical-aligntop
        positionabsolute
        left5px
        top2px
        displayblock
    .RadToolBarDropDown_rtl .rtbIcon { leftautorightright5px; } 
    * html .RadToolBarDropDown .rtbIcon { margin-left: -35px; } /* ie6 */ 
    * html .RadToolBarDropDown_rtl .rtbIcon { margin-left: 0; floatrightright; } /* ie6 */ 
     
    .RadToolBarDropDown .rtbText 
        padding: 0 30px 0 3px
        displayblock
        *displayinline
        zoom: 1; 
    .RadToolBarDropDown_rtl .rtbText { padding: 0 3px 0 30px; } 
     
    .RadToolBarDropDown .rtbDisabled .rtbWrap 
        cursordefault
     
    .RadToolBarDropDown .rtbItemHovered, 
    .RadToolBarDropDown .rtbItemFocused 
        background-colortransparent
        background-repeat:  no-repeat
        background-position: 0 0; 
     
    .RadToolBarDropDown .rtbItemHovered .rtbWrap, 
    .RadToolBarDropDown .rtbItemFocused .rtbWrap 
        background-colortransparent
        background-repeat:  no-repeat
        background-position: 100% -22px
     
    .RadToolBar .rtbWrap:hover, 
    .RadToolBar .rtbWrap:focus, 
    .RadToolBarDropDown .rtbWrap:hover, 
    .RadToolBarDropDown .rtbWrap:focus 
        outline: 0; 
     
    .RadToolBarDropDown .rtbDisabled .rtbIcon 
        filter: alpha(opacity=40); 
        opacity: 0.4; 
        -moz-opacity: 0.4; 
     
    .RadToolBarDropDown .rtbSeparator 
        font-size: 0; 
        line-height: 0; 
        padding: 0; 
        margin: 0; 
        margin1px 1px 1px 30px
        border-top-style: solid
        border-top-width1px
    .RadToolBarDropDown_rtl .rtbSeparator { margin1px 30px 1px 1px; } 
     
    /* </drop-down> */ 

    And the Windows 7 skin CSS is:
    /* <RadToolBar / Telerik> */ 
     
    /* <tool wrapper> */ 
     
    /* <horizontal> */ 
     
    .RadToolBar_Windows7 .rtbOuter 
        border1px solid #cddaea
     
    .RadToolBar_Windows7 .rtbMiddle 
        border1px solid #fbfdfe
        background#e4edf8 url('Images/Telerik/Toolbar7/rtbControlBg.png'repeat-x 0 0; 
     
    /* </horizontal> */ 
     
    /* <vertical> */ 
     
    .RadToolBar_Windows7_Vertical .rtbMiddle 
        background#ebf3fb url('Images/Telerik/Toolbar7/rtbVerticalControlBg.png'repeat-y 0 0; 
     
    /* </vertical> */ 
     
    /* </tool wrapper> */ 
     
    /* <buttons> */ 
     
    .RadToolBar_Windows7 .rtbWrap, 
    .RadToolBar_Windows7 .rtbTemplate 
        color#1e395b
        fontnormal 12px/20px "Segoe UI"Arialsans-serif
     
    /* <button states> */ 
     
    .RadToolBar_Windows7 .rtbSplBtnFocused .rtbWrap, .RadToolBar_Windows7 .rtbSplBtnFocused .rtbOut, .RadToolBar_Windows7 .rtbSplBtnFocused .rtbMid, .RadToolBar_Windows7 .rtbSplBtnFocused .rtbIn, 
    .RadToolBar_Windows7 .rtbItemFocused .rtbWrap, .RadToolBar_Windows7 .rtbItemFocused .rtbOut, .RadToolBar_Windows7 .rtbItemFocused .rtbMid, .RadToolBar_Windows7 .rtbItemFocused .rtbIn, 
    .RadToolBar_Windows7 .rtbItemHovered .rtbWrap, .RadToolBar_Windows7 .rtbItemHovered .rtbOut, .RadToolBar_Windows7 .rtbItemHovered .rtbMid, .RadToolBar_Windows7 .rtbItemHovered .rtbIn 
        background-colortransparent
        background-repeatno-repeat
        background-imageurl('Images/Telerik/Toolbar7/rtbHoverBg.png'); 
     
    .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbWrap, .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbOut, .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbMid, .RadToolBar_Windows7 .rtbSplBtnExpanded .rtbIn, 
    .RadToolBar_Windows7 .rtbDropDownExpanded .rtbWrap, .RadToolBar_Windows7 .rtbDropDownExpanded .rtbOut, .RadToolBar_Windows7 .rtbDropDownExpanded .rtbMid, .RadToolBar_Windows7 .rtbDropDownExpanded .rtbIn, 
    .RadToolBar_Windows7 .rtbChecked .rtbWrap, .RadToolBar_Windows7 .rtbChecked .rtbOut, .RadToolBar_Windows7 .rtbChecked .rtbMid, .RadToolBar_Windows7 .rtbChecked .rtbIn 
        background-colortransparent
        background-repeatno-repeat
        background-imageurl('Images/Telerik/Toolbar7/rtbActiveBg.png'); 
     
    .RadToolBar_Windows7 .rtbItemClicked .rtbWrap, .RadToolBar_Windows7 .rtbItemClicked .rtbOut, .RadToolBar_Windows7 .rtbItemClicked .rtbMid, .RadToolBar_Windows7 .rtbItemClicked .rtbIn 
        background-colortransparent
        background-repeatno-repeat
        background-imageurl('Images/Telerik/Toolbar7/rtbActiveBg.png'); 
     
    /* </button states> */ 
     
    /* <Drop Down Arrows> */ 
     
     
    .RadToolBar_Windows7 .rtbSplBtn .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbItem .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbChoiceArrow  
        background-imageurl('Images/Telerik/Toolbar7/rtbDropArrows.png'); 
     
    .RadToolBar_Windows7 .rtbSplBtn .rtbExpandUp .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbExpandUp .rtbChoiceArrow  
        background-imageurl('Images/Telerik/Toolbar7/rtbUpArrows.png'); 
     
    .RadToolBar_Windows7 .rtbSplBtnClicked .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbSplBtnClicked .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbItemClicked .rtbVOriented .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbItemClicked .rtbChoiceArrow 
        background-colortransparent
        background-repeatno-repeat
        background-imageurl('Images/Telerik/Toolbar7/rtbClickedDropArrows.png'); 
     
    .RadToolBar_Windows7 .rtbSplBtnClicked .rtbExpandUp .rtbChoiceArrow, 
    .RadToolBar_Windows7 .rtbItemClicked .rtbExpandUp .rtbChoiceArrow 
        background-imageurl('Images/Telerik/Toolbar7/rtbClickedUpArrows.png'); 
     
    /* </Drop Down Arrows> */ 
     
    .RadToolBar_Windows7_Horizontal li.rtbSeparator  
        border-left1px solid #d1dce9
        background#e7eef7
     
    .RadToolBar_Windows7_Vertical li.rtbSeparator 
        border-top1px solid #d1dce9
        background#e7eef7
     
    /* </buttons> */ 
     
    /* <disabled states> */ 
     
    .RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover, 
    .RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover .rtbOut, 
    .RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover .rtbMid, 
    .RadToolBar_Windows7 .rtbDisabled .rtbWrap:hover .rtbIn 
        backgroundnone
     
    .RadToolBar_Windows7 .rtbDisabled .rtbWrap { color#8BA1AE\9; } 
     
    @media screen and (-webkit-min-device-pixel-ratio:0)  /* WebKit alpha + opacity/cleartype bug, like IE wasn't enough... */ 
        .RadToolBar_Windows7 .rtbDisabled .rtbWrap { color#8BA1AE; } 
     
    /* </disabled states */ 
     
    /* <drop-down> */ 
     
    div.RadToolBarDropDown_Windows7 
        border-color#a5b3c5
        background-color#fff
        background-imageurl('Images/Telerik/Toolbar7/rtbDropDownBg.png'); 
        background-position: -1px 0; 
     
    div.RadToolBarDropDown_Windows7_rtl 
        background-position: 101% 0; 
     
    .RadToolBarDropDown_Windows7 .rtbWrap, 
    .RadToolBarDropDown_Windows7 .rtbTemplate 
        color#000
        font-weightnormal
        font-size12px
        font-family"Segoe UI"Arialsans-serif
     
    .RadToolBarDropDown_Windows7 .rtbItemHovered, 
    .RadToolBarDropDown_Windows7 .rtbItemFocused, 
    .RadToolBarDropDown_Windows7 .rtbItemHovered .rtbWrap, 
    .RadToolBarDropDown_Windows7 .rtbItemFocused .rtbWrap 
        color#4c607a
        background-imageurl('Images/Telerik/Toolbar7/rtbDropDownHover.png'); 
     
    .RadToolBarDropDown_Windows7 .rtbDisabled .rtbWrap 
        color#999
     
    .RadToolBarDropDown_Windows7 .rtbSeparator 
        border-color#e0e0e0
        background#fff
     
    /* </drop-down> */ 
     
    /* </RadToolBar / Telerik> */ 

    You can do a diff between this and the default CSS to see what changed (it isn't very much).

    Thanks for your help. We are activating a 3 month end-of-life for Firefox 2 with our customers starting now.
  8. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 23 Dec 2009 Link to this post

    Hello Jeremy,

    Thank you for the CSS files, we will check what effect would have your changes and integrate them if possible. I've updated your Telerik points.

    Sincerely yours,
    Kamen Bundev
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017