# image assets

Notes:

- Some of these may be redundant; feel free to merge
- Feel free to rename files, but give me before & after list of filenames so I can reflect the change
- use neutral grayscale if possible
- use PNG file format if possible
- I plan to cut new set of generic icons (e.g., HERE to be white text on darkish gray, probably #777777)
- No more need for online/offline indicators (red/green circles) for this draft.

FILENAME | IMAGE (thumbnail & link) | USED ON PAGE | DESCRIPTION
--- | --- | --- | ---
icon_dismiss.png, icon_dismiss_x22.png |  | HERE HERE HERE HERE | Dismiss panel or listed item
icon_expand-nav.png |  | HERE | expand complex set of navigation options
icon_nav-up.png |  | HERE | navigate within listings (up arrow also serves as down arrow using rotate transform)
icon_drill-up.png, icon_drill-up_x32.png |  | HERE | navigate up one level within sliding drilldown UI
icon_drill-down.png, icon_drill-down_x32.png |  | HERE | navigate down one level within sliding drilldown UI
icon_scroll-left.png |  | HERE | custom horizontal scroll button
icon_scroll-right.png |  | HERE | custom horizontal scroll button
icon_head-expanded.png, icon_head-expanded_x13.png |  | HERE HERE | marks accordion heading expanded state
icon_head-collapsed.png, icon_head-collapsed_x13.png |  | HERE HERE | marks accordion heading collapsed state
icon_info.png, icon_info_x24.png |  | HERE | link to panel specifying user preferences
icon_list-all.png, icon_list-all_circ.png |  | HERE | within UI listing items users can filter by category, this indicates LIST ALL ITEMS
gradient.jpg |  | HERE | serves as background for expanded accordion heads (demonstrates CSS's >1 background image feature)
border-frame.png |  | HERE | border around chunk of text (got this from Wei Lu's sample; simply demo's this feature)
mask.png |  | HERE | Used as a gradient to mask an image; think I got this one from webkit.org
icon_check.png, icon_check_x24green.png |  | HERE | This is not available as a separate file; it's specified within CSS using the "data:" URL scheme. It indicates radio/checkbox selection state within tappable UI; keep green if possible to match border
FILE FORMATS
icon_link-sms.png |  | HERE | provides visual hint marking context of hyperlink, in this case a link to initiate an instant message
icon_link-tel.png |  | HERE | ...link to make phone call
icon_link-xls.png |  | HERE | ...link to excel file
icon_link-doc.png |  | HERE | ...link to MS Word file
icon_link-email.png |  | HERE | ...email link
icon_link-external.png |  | HERE | ...link to web page external to current site
icon_link-pdf.png |  | HERE | ...loink to PDF file
icon_link-ppt.png |  | HERE | ...link to PowerPoint file
icon_link-rss.png |  | HERE | ...link to RSS feed
UNUSED
icon_nav-top.png |  |  |
icon_nav-start.png |  |  |
icon_nav_end.png |  |  |
icon_question.png |  |  |
icon_trash.png |  |  |