List Bullets - Web Team Procedures and Notes

This page is intended for use only by the Web Team.

Inline Styles

  • ul style="list-style-image: url(/images/bullets/FILENAME.EXT);"
  • li style="list-style-image: url(/images/bullets/FILENAME.EXT);"

Unordered Lists - globalstyles.css

Class on <ul> for an unordered list (affects all <li> in that list):

  • ul class="lidottedrightarrow1"
  • item
  • item
  • ul class="lidottedrightarrow2"
  • item
  • item
  • ul class="licheckbox"
  • item
  • item
  • ul class="licheckmark"
  • item
  • item
  • ul class="licheckmarkbox"
  • item
  • item
  • ul class="lirightarrowhead"
  • item
  • item
  • ul class="lirightarrowthin"
  • item
  • item

Class on <li> for an unordered list (affects only that <li> in the list):

  1. li class="lidottedrightarrow1"
  2. li class="lidottedrightarrow2"
  3. li class="licheckbox"
  4. li class="licheckmark"
  5. li class="licheckmarkbox"
  6. li class="lirightarrowhead"
  7. li class="lirightarrowthin"

Unordered Lists - special.css

"special.css" has CSS for classes "lihandpointright", "lihandpointup", "lihandthumbsup" (use on <ul> or <li>).

  • ul class="lihandpointright"
  • item
  • item
  • ul class="lihandpointup"
  • item
  • item
  • ul class="lihandthumbsup"
  • item
  • item

Ordered Lists - globalstyles.css

Doesn't make sense to use one number image on an <ol>!

Class on <li> for an ordered list (affects only that <li> in the list):

  1. li class="one"
  2. li class="two"
  3. li class="three"
  4. li class="four"
  5. li class="five"
  6. li class="six"
  7. li class="seven"
  8. li class="eight"
  9. li class="nine"
  10. li class="ten"

Ordered Lists - special.css

"special.css" has CSS for classes "eleven" through "twenty" (use on <li>).