You need to sign in to do that
Don't have an account?

Access default CSS file
Hello, everyone
I’m playing with UI and Visual Force.
Does anyone know if there is way of accessing default SF CSS used for standard layout and altering that file instead of creating everything from zero?
Appreciate,
You can use the css class described in standard SF css, but it is highly recommended that a VF page should NOT rely on these css classes, since Salesforce can change either the css file, or the style for a particular css class that you might be refererring to in your code.
My advice would be stay away from using SF css styles in your code. There is nothing stopping you to create your own css files, and use those styles in your VF page.
Thanks,
Anup
All Answers
Hi,
You may include below mentioned css in your VF page.
<apex:stylesheet value="/sCSS/21.0/sprites/1297816277000/Theme3/default/gc/versioning.css" />
but can I change it?
can I access that versioning.css file?
No, you can not change SF css but you can access it by adding it to your VF page.You may refer respecrive css files to create your own new css.
<apex:stylesheet value="/sCSS/21.0/sprites/1297816277000/Theme3/default/gc/versioning.css" />
<apex:stylesheet value="/sCSS/21.0/sprites/1297816277000/Theme3/default/gc/extended.css" />
You can refer below link for more info.
http://salesforcetutorials.wordpress.com/2012/04/01/tabbed-visualforce-page/
Hope this helps!!
You can use the css class described in standard SF css, but it is highly recommended that a VF page should NOT rely on these css classes, since Salesforce can change either the css file, or the style for a particular css class that you might be refererring to in your code.
My advice would be stay away from using SF css styles in your code. There is nothing stopping you to create your own css files, and use those styles in your VF page.
Thanks,
Anup
<apex:stylesheet value="/sCSS/21.0/sprites/1297816277000/Theme3/default/gc/versioning.css" />