Bates College: Ladd Library Sharon Saunders' Homepage

Cascading Style Sheets

CSS added July 2004.
Linked style sheet sharonhead1.css:
- Sets the font for the BODY (verdana, arial, helvetica, sans-serif;).
- Provides the formatting for sharonhead1.shtml (the banner at the top with the links). Links are 9pt white on maroon background, no underline, and no color change if visited. Hover links change to a black background.
- Sets margin of h2 tags to 2%.
- Sets left and right margins of content to 5%.
Embedded style sheet in text-heavy pages changes right margin of content to 25%.

Footers

Mainpage uses sharonfoot1.shtml: page author, date, copyright, move up.
Other pages use sharonfoot2.shtml: sharonfoot1 plus navbartop.shtml (for navigation buttons) and go to.
Move up and Go to graphics:
- Font is ITC Officina Sans Bold.
- Font color is RGB 135, 34, 27.
- Graphic size (height/width in pixels) is 15 x 150.

Header

Header changed from ILS header to personal header July 2004. Includes links from Personal Toolbar, and those that wouldn't fit on the Personal Toolbar.
Top banner comes from sharonhead1.shtml, pulled in by the Includes command.

Main page links

Main links are now text styled with CSS. Main Links before CSS: Font is Arial Bold, font size is 16 pixels, font color is RGB 135, 34, 27. Height is 20, width is 350. File is home.
Quick links are now incorporated into the header. Quick Links before my personal header: Font is Arial Bold, font size is 12 pixels, font color is RGB 135, 34, 27. Height is 40, width is 100. File is quicklinks.

Navigation bars

Font is Arial Narrow Bold, font size is 13 pixels, font color is RGB 0,0,0.
Size of graphics (height/width in pixels):
- 20 x 130 (ruler=5 in, 15 down)
- 30 x 130 (ruler=5 in, 15 down) (baseline=4 for 2nd line of text)

Navigation buttons

Font is Arial Narrow Bold, font size is 20 pixels, font color is RGB 135, 34, 27.
Size of graphics (height/width in pixels): 50 x 90
- 3 row graphics, baseline=ruler grid at 15.
- 2 line graphics, baseline=ruler grid at 25.
- 1 line graphic, baseline=ruler grid between 25 and 30.

Photoshop reminders

My Homepage Documentation