Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- New Perspectives on HTML and XHTML 5th Edition
- Tutorial 5
- Case Problem 1
- JPF Style Sheet
- Author: Nick Pfleuger
- Date: October 20, 2011
- Filename: jpf.css
- Supporting Files: left.jpg, topleft.jpg, topright.jpg
- */
- body {margin: 0px; font-family: Verdana, Geneva, sans-serif}
- #header {position: absolute; top: 0px; left: 0px; height: 120px; padding: 0px}
- #header ul {list-style-type: none; padding: 0px; margin: -20px 0px 0px 15px; }
- #header ul li {display: inline; color: rgb(254, 232, 130);
- font-size: 10px; margin: 0px 10px; padding: 0px}
- #header ul li a {color: rgb(254, 232, 130); text-decoration: none}
- #header ul li a:hover {color: rgb(211,254,106)}
- #leftColumn {position: absolute; top: 100px; left: 5px; width: 150px}
- #links {background-color: black; padding: 0px; margin: 0px}
- #links ul {list-style-type: none; font-size: 12px; padding: 10px;
- margin: 0px 0px 20px 0px}
- #links ul li {margin: 0px 0px 0px 10px; line-height: 1.6}
- #links ul a {color: rgb(254, 232, 130); text-decoration: none;}
- #links ul a:hover {color: rgb(211,254,106);text-decoration: overline underline}
- #rightColumn {position: absolute; top: 100px; left: 175px; width: 500px}
- #rightColumn h3 {font-size: 14px; margin: 10px 0px 0px 0px}
- #rightColumn p {font-size: 10px; margin: 10px 0px; width: 420px}
- .topLeft {background-image: url(topleft.jpg); background-repeat: no-repeat; background-position: top-left;}
- .topRight {background-image: url(topright.jpg); background-repeat: no-repeat; background-position:top-right;}
- .left {background-image: url(left.jpg); background-repeat: repeat-y; background-position: top-left;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement