Buttons

Two CSS-based buttons are available with nine colors to choose from.

ROUNDED CORNERS

Best used for forms or prominent links.

Example Code: 
<a href="#" class="button univBlue">  or
 <input type="button" class="button univBlue">   

Color Class Style Sample
rounded corners styles
University Blue button univBlue Submit
Medium Blue button medBlue Submit
Light Blue button lightBlue Submit
Gray button gray Submit
Orange button orange Submit
Beige button beige Submit
Black button black Submit
White button white Submit
Gradient button gradient Submit

 

PILL SHAPE

Best used for links with longer titles/statements.

Example Code: 
<a href="#" class="pill univBlue"> or
<input type="button" class="pill univBlue">

Color Class Style Sample
Pill corners styles
University Blue pill univBlue Submit
Medium Blue pill medBlue Submit
Light Blue pill lightBlue Submit
Gray pill gray Submit
Orange pill orange Submit
Beige pill beige Submit
Black pill black Submit
White pill white Submit
Gradient pill gradient Submit

 

Glass Buttons

When you want a button to have a semi transparent background

Example Code: 
<a href="#" class="button glass univBlue">  or
 <input type="button" class="button glass univBlue">   

Color Class Style Sample
rounded corners styles
University Blue button glass univBlue Submit
Medium Blue button glass medBlue Submit
Light Blue button glass lightBlue Submit
Gray button glass gray Submit
Orange button glass orange Submit
Beige button glass beige Submit
Black button glass black Submit
White button glass white Submit
Gradient button glass gradient Submit

Glass Square Buttons

When you want a button to have a semi transparent background with no rounded corners

Example Code: 
<a href="#" class="button glass square univBlue">  or
 <input type="button" class="button glass square univBlue">   

Color Class Style Sample
SQUARE corners styles
University Blue button glass square univBlue Submit
Medium Blue button glass square medBlue Submit
Light Blue button glass square lightBlue Submit
Gray button glass square gray Submit
Orange button glass square orange Submit
Beige button glass square beige Submit
Black button glass square black Submit
White button glass square white Submit
Gradient button glass square gradient Submit