| Cascading Style Sheets are used with templates to further ensure consistency. The following is a listing of the classes used to develop and maintain pages for the Intranet.
The classes and their explanations are listed in order of frequency of use. Examples of each class are indicated in red. For samples on how to use classes see the Coding Standards page. |
|||
 |
copy, text and BODY (default) "Copy" is standard body copy. Color: #003366 Font-weight: normal Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
copymain "Copymain" is body copy but a dark gray in color. Color: #333333 Font-weight: normal Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
copymainbold "Copymainbold" is the bold version of standard body copy. It is used for emphasis within copy, as well as for subtitles. Color: #333333 Font-weight: bold Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
pagetitle "Pagetitle" is the class used for the main title of a page. Color: #555555 Font-weight: bold Font-size: 13 pt Font-family: Verdana, Geneva, Arial, Helvetica, sans-serif |
||
 |
MainHed "MainHed" is the class used for the main title of a page. Color: #336699 Font-weight: bold Font-size: 16 px Font-family: Arial,Helvetica,sans-serif |
||
 |
Title "Title" is the class used for a title within a page. Color: #3366CC Font-weight: bold Font-size: 11 pt Font-family: Verdana, Geneva, Arial, Helvetica, sans-serif |
||
 |
"Navheader" is the non-linking title that appears above right side navigation Color: #555555 Font-weight: bold Font-size: 9 pt Font-family: Verdana, Geneva, Arial, Helvetica, sans-serif |
||
 |
formtext "Formtext" is the text used in form fields Color: #333333 Font-weight: normal Font-size: 8 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
ul "Ul" are unordered lists of bulleted items. Color: #003366 Font-weight: bold Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
li "Li" is a list element; either bulleted or numbered and found in unordered lists or ordered lists. Color: #003366 Font-weight: normal Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
ol "Ol" are ordered lists. Items are indented and numbered, not bulleted. Color: #003366 Font-weight: normal Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
| Right Navigation Bar | |||
 |
l1navoff "L1navoff" is the "off" state of an item in the first level of right side navigation. Color: #336699 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l1navoff:hover "L1navoff:hover" is the "hover or roll-over" state of an item in the first level of right side navigation. Color: #333333 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l1navon "L1navon" is the "on" state of an item in the first level of right side navigation. Color: #333333 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l1navon:hover "L1navon:hover" is the "hover or roll-over" state of a selected item in the first level of right side navigation. Color: #EE9C00 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l2navoff "L2navoff" is the "off" state of an item in the second level of right side navigation. Color: #339999 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l2navoff:hover "L2navoff:hover" is the "hover or roll-over" state of an item in the second level of right side navigation. Color: #333333 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l2navon "L2navon" is the "on" state of an item in the second level of right side navigation. Color: #000000 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l2navon:hover "L2navon:hover" is the "hover or roll-over" state of a selected item in the second level of right side navigation. Color: #EE9C00 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l3navoff "L3navoff" is the "off" state of an item in the third level of right side navigation. Color: #339999 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
|
l3navoff "L3navoff" is the "off" state of an item in the third level of right side navigation. Color: #555555 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l3navoff:hover "L3navoff:hover" is the "the hover or roll-over" state of an item in the third level of right side navigation. Color: #111111 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l3navon "L3navon" is the "on" state of an item in the third level of right side navigation. Color: #111111 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
l3navon:hover "L3navon:hover" is the "the hover or roll-over" state of an item in the third level of right side navigation. Color: #EE9C00 Font-weight: normal Font-size: 8 pt text-decoration: none Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
type02MenuLink "type02MenuLink" is used for linkable items on index pages Color: #888888 Font-weight: normal text-decoration : underline Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
type02MenuLink:hover "type02MenuLink:hover" is used for the hover or roll-over effect on index pages. Color: #000000 Font-weight: normal text-decoration : underline Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
anchor tag "A" is used for any href in copy text that is not another class. For example, links within body copy, or "back/ return to top". Color: #3366CC Font-weight: normal text-decoration : underline Font-size: 9 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
SM "SM" is used where you want a smaller link font. Color: #3366CC Font-weight: normal text-decoration : underline Font-size: 7 pt Font-family: Verdana, Arial, Geneva, sans serif |
||
 |
|
|
|