commandButton Skinning in ADF

These are the skinning selectors for the commandButton.

Normal Button Css:

af|commandButton.myNewButtonClass{

background: #3498db;

-webkit-border-radius: 28;

-moz-border-radius: 28;

border-radius: 28px;

font-family:  Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

font-size: 20px;

padding: 10px 20px 10px 20px;

text-decoration: none; 

background-image: none; 

border: none;

outline:none;

cursor: pointer;

}

Pseudo-classes css:

The below are the pseudo classes like hover,focus,active e.t.c.

af|commandButton.myNewButtonClass:focus,
af|commandButton.myNewButtonClass:hover,
af|commandButton.myNewButtonClass:active,
af|commandButton.myNewButtonClass:focus:hover, 
af|commandButton.myNewButtonClass:focus:hover:active {

 background: royalblue;

-webkit-border-radius: 28;

-moz-border-radius: 28;

border-radius: 28px;

font-family:  Verdana, Arial, Helvetica, sans-serif;

color: #ffffff;

font-size: 20px;

padding: 10px 20px 10px 20px;

text-decoration: none; 

background-image: none;

border: none;

outline:none;

cursor: pointer;

}