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 | 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 |