Linked Style Sheet
- This makes all links have no underline
- a:link { font-style: normal; text-decoration:none;}
- This makes all visited links normal
- a:visited { font-style: normal;}
- When hovering over a link, it turns blue and underlined
- a:hover { font-style: normal; color:#205195; text-decoration:underline;}
- All links are red, not underlined, and in georgia
- a {text-decoration:none; color:#A80000;font-family:georgia;padding:10px;vertical-align:middle;}
- This makes the body have no margins and have a light yellow background
- body { margin: 0px; background:#FFFFEE;}
- This positions the image with an id of "snowwhite" absolutely
- #snowwhite { position:absolute; top:50px; left:0px; height: 708px; width:514px;}
- This positions the image with an id of "title" absolutely
- #title { position:absolute;top:10px;left:225px; height:148px;width:399px;}
- This positions the elements with an id of "nav" abosolutley and sets the font size to 14
- .nav{ position:absolute;top:160px; left:380px;font-size:14px;}
- This makes the links in the class "local" be light blue and size 12, and positions them relatively
- .local a{color:#3399FF;position:relative;top:10px;font-size:12px;}
- This positions the div with an id of "content" absolutely, sets the width, and the font and size.
- #content{ position:absolute;top:240px;left:340px;width:370px;font-family:tahoma;font-size:12px;height:500px;}
All Pages
- Puts the current page (In this case the history page) in the global navigation in light blue
- .global #hist{color:#3399FF;}
- If there is local navigation, puts the current page (In this case Grimms Brothers) in yellow
- .local #grimm{color:#FFAE00;}
Awards, Trivia, Works Cited
- Makes all bullets dissapear with no padding or margin
- ul{ list-style-type:none;padding:0px;margin:0px; }
- Gives each list item a non-repeating background on the left side (so it looks like a bullet)
- li{ background-image:url('images/diamondSm.png'); background-repeat:no-repeat; background-position:0px 5px; padding-left:20px;padding-bottom:5px;}
- Makes each "sub-list" indented more than the default indentation
- ul ul{padding-left:20px;}