main_content01.css
University at Albany, Media & Marketing
main_head_color01.css, ver. 1, updated 05.13.04
Principal Cascading Style Sheet - basic styles
Styles for main_content01.css
| Style | As rendered in browser | Function |
| a | Link as dark red | Highlights a hyperlink in red - #9A211E |
| a:hover | Hover link with underline | Applies underscore to a link upon rollover |
| a:visited | Visited link as dark blue | Defines a visited link as blue - #000080 |
| body, td | Verdana, Arial, Helvetica, Sans Serif, black text | Sets body and table data font, color, size |
| p | Verdana, Arial, Helvetica, Sans Serif |
Sets paragraph font, size, and sets alignment left |
| ol |
|
Creates alpha list, indented 10 pixels |
| ul |
|
Creates bulleted list, indented 10 pixels |
| .indent10px | 10px indented text |
Indents text 10 pixels |
| .index25px | 25px indented text |
Indents text 25 pixels |
| .center | Centered text | Centers text |
| .flushright | Flush right text |
Sets text flush right |
| .h2 | heading 2 red |
Defines h2 as #9A211E. Most UAlbany pages will begin with this red heading |
| .h2tan | heading 2 tan |
Defines h2 as #CBAF42, an optional medium yellow ochre for more subtle titling needs |
| .h3 | heading 3 |
Defines h3 (subordinate to h2) |
| .h4 | heading 4 |
Defines h4 (subordinate to h3) |
| .h5 | heading 5 |
Defines h5 (subordinate to h4) |
| .h6 | heading 6 |
Defines h6 (subordinate to h5) |
| .smalltext | Alternate small text |
Defines a small text option |
| .sidehead | third column main heading |
Defines heading for tertiary right hand column |
| .sidecontent | Third column text |
Defines text for right hand column |
| .caption | Defines a caption as small italics |
Creates caption text |
| .bold | Bold text |
Applies bold text |
| .italic | Italic text |
Applies italic text |
| .underscore | Underscore text |
Underscores text |
| .whitetext | White text |
Creates white text |
| .wborderfull2px | White full border 2 pixel |
Applies white border, 2 pixels - primarily for images |
| hr | Redefines horizontal rule - 1 pixel, medium yellow ochre, #CBAF42 | |
| .topbordercbaf42 | Applies a 1 pixel top border rule - #CBAF42 | |
| .pagebottomnav | Page bottom global navigation centered |
Defines centered global navigation text |
| Color | Hex number/RGB values | Use description | Page |
| Light Yellow Ochre | #F8F2DC / R248,G242,B220 | Field color, banner | 2nd level+ below |
| Medium Yellow Ochre | #DAC880 / R218,G200,B128 | Field color | All |
| Dark Yellow Ochre | #CBAF42 / R203,G175,B66 | Left nav color | All |
| Banner Purple | #614E6C / R97,G78,B108 | Top banner | Home page |
| Rules Medium Ochre | #E3D39B / R227,G211,B155 | Content divider | All |
| Top Nav Rollover Red | #9A211E / R154,G33,B30 | Mouseover link state | Home page |
| Feature Box Red | #B12616 / R177,G38,B22 | Feature head area | Home page |
| Link Red | #9A211E / R154,G33,B30 | Indicates hyperlink | Home page+ |
| Link Visited Blue | #000080 / R0,G0,B128 | Visited link state | Home page+ |
| 4Block1 Red | #B12616 / R177,G38,B22 | 4Block1 graphic | Landing page |
| 4Block1 Ochre | #CBAF42 / R203,G175,B66 | 4Block1 graphic | Landing page |
| 4Block1 Teal | #3D7083 / R61,G112,B131 | 4Block1 graphic | Landing page |
| 4Block1 Purple | #433364 / R67,G51,B100 | 4Block1 graphic | Landing page |
| 4Block2 Orange | #F69D00 / R246,G157,B0 | 4Block2 graphic | Landing page |
| 4Block2 Sienna | #AD4D35 / R173,G77,B53 | 4Block2 graphic | Landing page |
| 4Block2 Moss | #5D9A91 / R93,G154,B145 | 4Block2 graphic | Landing page |
| 4Block2 Purple | #8D558D / R67,G51,B100 | 4Block2 graphic | Landing page |
| 4Block3 Purple | #9B6A83 / R155,G106,B131 | 4Block3 graphic | Landing page |
| 4Block3 Tan | #C2934B / R194,G147,B75 | 4Block3 graphic | Landing page |
| 4Block3 Green | #70B598 / R112,G181,B152 | 4Block3 graphic | Landing page |
| 4Block3 Blue | #6B99FC / R107,G153,B252 | 4Block3 graphic | Landing page |
| Graphics examples | Elements | |
| 4Block1 |
|
4Block1 panel colors: #B22617 |
| 4Block2 |
|
4Block2 panel colors: #F69D00 |
| 4Block3 |
 |
4Block3 panel colors: #9B6A83 |
Page Title, 2 column version |
||
Page Title, 3column version |
||
