ADF using css skin

create an xml file called trinidad-skins.xml under view-controller WEB-INF and put this code. I have my mystyle.css under css folder.

<?xml version="1.0" encoding="windows-1252" ?>
<skins xmlns="http://myfaces.apache.org/trinidad/skin"> 
<skin> 
<id>lspskin.desktop</id> 
<family>myadfskin</family> 
<extends>blafplus-rich.desktop</extends> 
<style-sheet-name>css/mystyle.css</style-sheet-name> 
</skin> 
</skins> 

in trinidad-config.xml, add the below 3rd line.

<?xml version="1.0" encoding="windows-1252"?>
<trinidad-config xmlns="http://myfaces.apache.org/trinidad/config"> 
<skin-family>myadfskin</skin-family> 
</trinidad-config> 

example:
I have the following style in my mystyle.css

.headerTxtSkin
{
font-weight: bold;
font-size: 12pt;
color: red;
}

I applied that style in my jspx like below..

<af:outputText value="Order Details" styleClass="headerTxtSkin"...