Usage:
Upload the provided stylesheet and image folder to your site and link to it in the head section of your page:
<link rel="stylesheet" href="button_styles.css" type="text/css" title="default" />
and then simply add a combination of provided classes to the elements you wish to make into buttons.
Below is an entire page of buttons and examples and how to set them up and no, they don't work in Internet Explorer...
Color Classes:
Listed below are the 11 colors and thier class names.
Size Classes:
Listed below are the sizes and thier class names.
Shape Classes:
Listed below are the shapes and thier class names.
Type Classes:
Listed below are the different types of buttons and thier class names.
Small Link Buttons: <a class="small button" href="#"><span>Red</span></a>
Small Submit Buttons: <input type="submit" class="small button input" value="Submit" />
Small Buttons: <button class="small button"><span>Continue</span></button>
Large Link Buttons: <a class="large button" href="#"><span>Red</span></a>
Large Submit Buttons: <input type="submit" class="large button input" value="Submit" />
Large Buttons: <button class="large button"><span>Continue</span></button>
Large Link Download Buttons: <a class="large button download" href="#"><span>Download <small>(0.55 KB)</small></span></a>
Double Decker Buttons: <a class="tall button" href="#"><span>Click This<em>Try it today for free!</em></span></a>