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 |
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
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 |
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 |
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 |
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 |