Bottom Line Style

CSS Style Overview

  • list_bottomline_univBlue
  • list_bottomline_medBlue
  • list_bottomline_lightBlue
  • list_bottomline_gray
  • list_bottomline_orange
  • list_bottomline_beige
  • list_bottomline_black
  • list_bottomline_white
  • list_bottomline_gradient

Adding some simple color

The bottom line styles will create colored underlines to your bulleted and ordered list items. The style can also be used with various other styles including feature blocks.  This doesn't impact the height or margin of the lists it just helps to draw focus to lists that may be lost in surrounding content.

CSS Style

list_bottomline_univBlue

University Blue

List Example:

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_medBlue

Medium Blue

List Example: 

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_lightBlue

Light Blue

List Example: 

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_gray

gray

List Example: 

  • item 1
  • item 2
  • item 3
  • item 4

CSS Style

list_bottomline_orange

Orange

List Example: 

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_beige

Beige

List Example: 

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_black

Black

List Example: 

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_white

White

List Example: 

  • item 1
  • item 2
  • item 3

CSS Style

list_bottomline_gradient

Gradient

List Example: 

  • item 1
  • item 2
  • item 3