WebResources override style

[Joseph]

So i followed the steps on the following page in making a skin for a RadPanelBar, but on debug (see attached image) WebResource.axd is overriding the RadPanelBar stylesheet that i've created.  Please advice.

<telerik:RadPanelBar runat="server" ID="RadPanelBar1" EnableEmbeddedSkins="false" Skin="YPPanel">


PanelBar.ypmnet.css
.RadPanelBar_YPMnet .rpGroup .rpLink:hover{ background: #bddeff;}

 

.RadPanelBar_YPMnet .rpRootGroup .rpText

{

    font: normal 12px Arial, Verdana, Sans-serif;

    color: #ffffff !important;

    padding: 5px 7px 5px 3px;

}

 

.RadPanelBar_YPMnet .rpSelected .rpText

{

    font-weight: bold;

    font-size: larger;

}

 

.RadPanelBar_YPMnet .rpGroup .rpSelected .rpText

{

    font-weight: bold;

    font-size: medium;

}

 

.RadPanelBar_YPMnet .rpRootGroup .rpDisabled:hover

{

    cursor: default;

    text-decoration:none;

 }

  

 .RadPanelBar_YPMnet .rpGroup .rpDisabled:hover

 {

    cursor: default; text-decoration:none;

 }

[Magdalena]

Hello Joseph,

Thank you for contacting Telerik support.

Actually the name of a custom skin skin should be the same as the name used in selectors. For example if the skin name is  Skin="YPPanel", the selector will be ".RadPanelBar_YPPanel" instead of ".RadPanelBar_YPMnet". If there are some inbuilt styles that overwrite your custom styles, you can make selectors in your custom file stronger, for example by adding a "html" to the selector ("html .RadPanelBar_YPPanel" ).

Regards,
Magdalena
Telerik