University of Rochester
EMERGENCY INFORMATIONCALENDARDIRECTORYA TO Z INDEXCONTACTGIVINGTEXT ONLY

Background Colors

#CCOOO #6600FF
#FF9900 #009900
#9900CC #FFFF00

The background color of the site as a whole, of the side menu, and of the side bar in the three-column layout is controlled by the template. These background colors are designed to change with the templates' seasonal color scheme. You can add your own background colors to elements in the rest of the page.

h2 {background-color: #FF00FF;}
p {background-color: rgb(50%, 50%, 50%;}
#introduction h1 {background-color: red;}

Background images

You can also designate an image to be the background pattern for your pages. USE THIS SPARINGLY! It can by very difficult to read text over a background image, especially for users with visual impairment. You can also declare whether or not a background image should repeat, or tile, on the page. The image can repeat from left to right (repeat-x) or from top to bottom (repeat-y)

#mainbody {background-image: url(bg_main.gif);
	background-repeat: no-repeat;}


#content {background-image: url(image1.gif);
	background-repeat: repeat-y;}