- It was possible to load the stylesheet after the webresource.axd
Custom stylesheet will be loaded always before the webresource.axd, there is now way to change that.
- I want the css to be the priority on the webresource.axd, without using the keyword "!important"
Yes, you could override the CSS for the controls if you use heavier selecotr than the one used in our base or skin specific stylesheet. In your case it should be done the same way:
div.RadDock_MySkin .rdTop .rdRight
Here I am pasting an old answer to another customer that was explained the thing with the Selectors heaviness:
To make the selecotr heavier, you should use one more HTML element in the selecotr, or ClassName or ID, or !important.
Each of them has some values - html element = 1, classname=10, ID=100, important=10 000.
Let`s use for example my previous post - the original selecotr that should be overwritten was:
.RadDock .rdCenter .rdCommands a
= 31 (3 classnames x 10 = 30 + one html element <a> = 1)
It should be overwritten with the following:
.RadDock_Bluefin .rdCenter ul.rdCommands a = 32 (3 classnames x 10 = 30 + two html elements <a> and <ul> = 2)
If I use the selector without UL they would be with equal weight, but because the override we are using with our custom CSS file, which is loaded first, will be overridden by the base CSS, which is loaded second.
So, when you have selectors with equal weight, the latest loaded will be allied.
If I want to make the selector heavier than 32, I could use the following:
.RadDock_Bluefin .rdCenter ul.rdCommands li a
- it will give me 33 or
div.RadDock_Bluefin .rdCenter ul.rdCommands li a
- 34 or
div.RadDock_Bluefin .rdTable .rdTop .rdCenter ul.rdCommands li a
- which will give me really heavy selecotr of 54...and still I can make it heavier....
div.RadDock_Bluefin table.rdTable tr.rdTop td.rdCenter ul.rdCommands li a
- which will be 57...
Using ID will make the selecotr much more heavier (+100) and using !important will give +10 000.
And when you are using Telerik controls usually you don`t need to override base styles with your Custom Skin, but when you want to do that, in your case with the size of the buttons, you should use heavier selector than the one used in the base CSS file.
Hope that will be helpful to guide you how to make your selectors heavier and to apply the necessary changes.
the Telerik team