Visual style guide for Office of the Chancellor Web templates
Font styles, list styles and horizontal rules
The style sheet controls the look and feel of the text added to this content areas of each HTML page. Below is a visual catalog of the font styles available in the Office of the Chancellor templates and the HTML code needed to access them. All styles are also accessible in Dreamweaver's "Properties" window.
Basic text styles
class="asterisk"
class="bold"
class="boldital"
class="bold_black"
class="indent"
class="ital"
class="reversebold"
Quotes
class="quote_left"
class="quote_center"
class="quote_right"
Table headers
Table headers and cells with left, center and right alignments. For text that is aligned to the left, no special style is necessary.
| Header, left alignment: Style automatically applied |
|---|
| Table cell, left alignment: Style automatically applied |
| Header, centered: use "th_center" style |
|---|
| Table cell, centered: use "td_center" style |
| Header, right alignment: use "th_right" style |
|---|
| Table cell, right alignment: use "td_right" style |
| Medium, centered table header use "header" style |
|---|
| Large, centered table header use "header_large" style |
|---|
Underlined Text
class="underline"
class="underline_center"
class="underline_right"
Text alignment
class="left"
class="center"
class="right"
Ordered Lists
Apply these styles to the entire ordered list (ol).
- Default (No special style used)
- Alphabetical, lower-case (class="alphalist"). The "alphalist" style is being phased out. Please use "alphalist-lower" instead of "alphalist."
- Alphabetical, lower-case (class="alphalist-lower")
- Alphabetical, upper-case (class="alphalist-upper")
- Roman numeral, small (class="romanlist-lower")
- Roman numeral, large (class="romanlist-upper")
Photo cutlines
class="cutlineleft"
class="cutlinecenter"
class="cutlineright"
Horizontal rules
Basic horizontal rule - no style needed (defaults to 100%)
100 percent wide horizontal rule - use to force 100% wide rule (class="hrule_100percent")
395 pixel wide horizontal rule (class="hrule")
