| Schools/College & Directory Site Styles | ||
|---|---|---|
| Tag | Usage | Example |
| <h1 class="maroon">Main Page Header</h1> | Header at the top of page on directory sites |
Main Page Header |
| <h2>Page Subhead</h2> | Subhead under main header (this has a custom class on schools/college sites) |
Page Subhead |
| <h3>Page Subhead</h3> | Subhead for main text sections |
Page Subhead |
| <span class="text80">Body Text</span> | Larger text | Body Text |
| <span class="text70">Body Text</span> | Main text on pages | Body Text |
| <span class="text70"><a href="#">Body Text</a></span> | Links in main text | Body Text |
| <span class="text60">Body Text</span> | Small text | Body Text |
| <span class="bold">Bold Text</span> Or: <strong>Bold Text</strong> |
Bold text | Bold Text |
| <span class="italic">Italic Text</span> Or: <em>Italic Text</em> |
Italic text | Italic Text |
| <ul class="spacey"> <li>Item one</li></ul> |
List with space between items |
|
| <table cellpadding="0" cellspacing="0" border="0" class="tabulargrey"> Also: class="tabular" (for a maroon table) |
Styled table | This table |
| <div class="callout">copy text<div> | Special callout box | copy text |