Standard Header Styles


h1

Created via h1 tag

Other element with .h1 class


h2

Created via h2 tag

Other element with .h2 class


h3

Created via h3 tag

Other element with .h3 class


h4

Created via h4 tag

Other element with .h4 class


h5

Created via h5 tag

Other element with .h5 class


h6

Created via h6 tag

Other element with .h6 class

Standard Body Styles (p, li)


  • Normal (default or .normal)
  • .small
  • .smaller
  • .smallest
  • .large / .lead
  • .larger
  • .largest
  • .disclaimer

Specialty Helper Styles

  • General:
    • Shadowed (.shadowed)
    • Uppercase (.uppercase)
  • Weights (flagged with !important):
    • .lightweight
    • .normalweight
    • .boldweight
    • .blackweight
  • Colors (flagged with !important):
    • .highlight
    • .orange
    • .dkorange
    • .blue
    • .dkblue
    • .red

Hollow Buttons (.button .hollow)


You can create variations by providing an .{color}-off class and a .{color}-hover class (accepted colors are: orange, dkorange, blue, dkblue, white). Or, go with the default combinations below

Stacked Buttons (.button .stacked)


These are meant to stack atop each other. By default, they go full with of available space and have a divider in between them. Last in the group gets a bottom divider. They are obviously best used in all the same color but below demonstrates the color choices. IMPORTANT: Wrap them in a .button-group for proper display. You can apply a stacked class to the group and each button within will inherit the stacked treatments.

Standard Buttons (.button)


You can create variations by providing an .{color}-off class and a .{color}-hover class (accepted colors are: orange, dkorange, blue, dkblue, white). Or, go with the default combinations below