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