Style Guide
Fonts
IRISM uses the Verdana font in the default size medium, with the browser default sizes for heading elements.
The exception to this is the top navigation menu, in which the size is rendered one size smaller than the base font,
using the <smaller> value for the font-size.
Colors
| Color Name | Color Appearance | Hex Value | Used For |
|---|---|---|---|
| black | | #000000 | default font color |
| white | | #FFFFFF | main content background |
| light orange | | #FFAA18 | side panels |
| dark orange | | #CC7700 | side panel borders |
| light teal | | #33CCCC | top navigation font |
| dark teal | | #006666 | unvisited links |
| dark purple | | #660033 | visited, hover, active links |
Images
Irism.gif
newglyph.gif
Styles
HTML Tags
- a:link
- unvisited link colors
- a:visited
- visited link colors
- address
- copyright block
- body
- page defaults
- dt
- dictionary list terms
- h1
- colors
- h2
- colors
- h3
- colors
- h4
- colors
- legend
- text color, size for form field set legends
- th
- table headers, bold, aligned to bottom of row
Classes
- .asciiblock
- ASCII text, ga.htm
- .boldcode
- bold computer code
- .booktitle
- book titles, resources pages
- .breadcrumb
- breadcrumb top navigation before page headers
- .centered
- center an item
- .ccode
- computer code
- .comparisondata
- comparison data tables (ratings)
- .darkgrey
- navigation bar background
- .disclaimer
- various disclaimers, font color, border
- .fullwidth
- width 100%
- .italictext
- italicize text
- .indentedblock
- indent a block
- .invisibleitem
- render item invisible
- .leftelement
- left side panel
- .mainelement
- main content
- .navbaritema
- small navigation bar items
- .navbaritema a:link
- small navigation bar item unvisited link
- .navbaritema a:visited
- small navigation bar item visited link
- .navbaritema a:hover
- small navigation bar item link hover
- .navbaritema a:active
- small navigation bar item link active
- .navbaritemb
- large navigation bar items
- .navbaritemb a:link
- large navigation bar item unvisited link
- .navbaritemb a:visited
- large navigation bar item visited link
- .navbaritemb a:hover
- large navigation bar item link hover
- .navbaritemb a:active
- large navigationbar item link active
- .nextitem
- bottom page to page navigation, next page
- .padheader
- put margins around site banner
- .previtem
- bottom page to page navigation, previous page
- .rightelement
- right panel
- .sampletable
- example skipover sets (Rule O)
- .skipover
- render skipover invisible
- .stddefn
- Section 508 rule text
- .stdsubh
- Section 508 header