Background Colors - Web Team Procedures and Notes

This page is intended for use only by the Web Team.

Background-color CSS settings for a variety of styles most commonly used in the main content area.


.lightbackgroundcolor

a

div.notebox,
div.notebox h2 (transparent)

Heading2 inside div.notebox

a

div.notebox.left

a


div.notebox.rightfloat

a


.lightbackgroundcolor2

a

div.notebox.style2

a

.lightbackgroundcolor3

a

div.notebox.style3

a

.lightbackgroundcolor4

a

div.notebox.style4

a

.lightbackgroundcolor5

a

div.notebox.style5

a

div.notebox.style6

a

div.notebox.style6.left

a


div.notebox.style7

a

div.notebox.style8

a

div.notebox.plain.rightfloat

a


.whitebackground

a

.whitebackground is used inside a colored background element

a


form.lightbackgroundcolor,
form .lightbackgroundcolor,
form div.lightbackgroundcolor{background-color}

form.lightbackgroundcolor

form input:focus,
form textarea:focus{background-color}

Click inside field to see focus color.


  • th
  • tr.even,
    tr.alt
  • table.stripeMe tr.over
  • tr.subheading th,
    th.subheading
  • tr.lightbackgroundcolor2 th,
    th.lightbackgroundcolor2{background-color}
CAPTION
COLUMN HEADINGS          
           
EVEN ROWS          
tr.subheading th          
           
           
           
.lightbackgroundcolor2 on tr colors entire row of td cells (not th cells)          
           
    .lightbackgroundcolor2 on th      

Hover over a non-header row to see hover color.


ul.listhorizontal li a,
ul.listvertical li a

ul.listhorizontal plain li a,
ul.listvertical plain li a


h1 span.pagetitle

Heading1 Page Title - Continued

h2

Heading2


pre,
code

pre

code


.highlight2

blah blah blah highlight2 blah blah blah


div.livewebcastlinkbox


div.googlemapsdrivingdirections

a