UIUC style guide 2002

Navigation bar

background: #3366CC
text (no link) #87cefa
link colors :
link: #FFFFFF
visited: #FFFFFF
hover: #FFCC99

Pullquotes

you have 2 choices
big loud important (or short) pullquote: "pullquote"
super long or kinda subtle use: "pullquote2"

Sidebar

Tables (general)
bordercolor=#CCCCCC
border="1"

ADA REQUIREMENTS

use summary tag (example below)
use caption style (example below)
use th & id tags (example below)
use axis tag (on complex tables: example at http://www.rehab.uiuc.edu/cita/courses/2002-02-REHAB711NC/lec10/slide6.html)

example:
<table width="100%" border="1" cellspacing="0" bordercolor="#CCCCCC" summary="This table shows which courses are approved for Gen Ed in specific majors.">
<tr>
<td class="caption">&nbsp;</td>
<td colspan="2" class="caption">General Education Approved Courses<br>
Historical and Philosophical Perpectives</td>
</tr>
<tr>
<th id="courses">Courses</th>
<th id="title">Title and Remarks </th>
<th id="acp"><a href="#">ACP</a> </th>
</tr>
<tr class="oddrow">
<td headers="courses">AFRO 240</td>
<td headers="title">African-American Dance in American Culture<br>
Same as DANCE 240. See DANCE 240.</td>
<td headers="acp">X</td>
</tr>
<tr class="evenrow">
<td headers="courses">AFRO 620</td>
<td headers="title">African-American Dance in American Culture<br>
</td>
<td headers="acp">XY</td>
</tr>
</table>

Title

Column Heads

Use TH tag (see above example)
background: #3366cc
color: #FFFFFF
link color: #eeeecc
hover: #FFCC99

Rows (if more than 2 or 3)

Odd Rows background: #FFFFFF
Even Rows background: #f2f3df

Bulleted List

on white background
<ul STYLE="list-style-image: url(../images/sitewide/bluebullet.gif)">

on sidebar
<ul class="sidelink" STYLE="list-style-image: url(../images/sitewide/bulletrustsquarelow.gif)">

on tan background
<ul STYLE="list-style-image: url(../images/sitewide/bluetanbullet.gif)">

NonBulleted List/List of Links/Semi-table (see /level2/3columnstanside.html) put it in a table: use TH for title and background color (#F2F3DF): EXAMPLE <table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#F2F3DF">
<tr>
<th>Community Organizations</th>
</tr>
<tr>
<td><a href="#">Campustown 2000</a><br>
<a href="#">Champaign County Chamber of Commerce</a><br>
<a href="#">Champaign County Humane Society</a><br>
<a href="#">Champaign Park District </a><br>
<a href="#">Prairienet Community Info </a><br><a href="3">Urbana
Park District</a><a href="#"><br>
</td>
</tr>
</table>

blue background colors