Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Oct 20th, 2011  |  syntax: None  |  size: 1.82 KB  |  views: 2,219  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 5
  4.    Case Problem 1
  5.  
  6.    JPF Style Sheet
  7.    Author: Nick Pfleuger
  8.    Date:   October 20, 2011
  9.  
  10.    Filename:         jpf.css
  11.    Supporting Files: left.jpg, topleft.jpg, topright.jpg
  12.  
  13. */
  14.  
  15. body                  {margin: 0px; font-family: Verdana, Geneva, sans-serif}
  16.  
  17. #header               {position: absolute; top: 0px; left: 0px; height: 120px; padding: 0px}
  18.  
  19. #header ul            {list-style-type: none; padding: 0px; margin: -20px 0px 0px 15px; }
  20. #header ul li         {display: inline; color: rgb(254, 232, 130);
  21.                        font-size: 10px; margin: 0px 10px; padding: 0px}
  22. #header ul li a       {color: rgb(254, 232, 130); text-decoration: none}
  23. #header ul li a:hover {color: rgb(211,254,106)}
  24.  
  25. #leftColumn           {position: absolute; top: 100px; left: 5px; width: 150px}
  26.  
  27. #links                {background-color: black; padding: 0px; margin: 0px}
  28. #links ul             {list-style-type: none; font-size: 12px; padding: 10px;
  29.                        margin: 0px 0px 20px 0px}
  30. #links ul li          {margin: 0px 0px 0px 10px; line-height: 1.6}
  31. #links ul a           {color: rgb(254, 232, 130); text-decoration: none;}
  32. #links ul a:hover     {color: rgb(211,254,106);text-decoration: overline underline}
  33.  
  34. #rightColumn          {position: absolute; top: 100px; left: 175px; width: 500px}
  35. #rightColumn h3       {font-size: 14px; margin: 10px 0px 0px 0px}
  36. #rightColumn p        {font-size: 10px; margin: 10px 0px; width: 420px}
  37.  
  38. .topLeft                {background-image: url(topleft.jpg); background-repeat: no-repeat; background-position: top-left;}
  39. .topRight       {background-image: url(topright.jpg); background-repeat: no-repeat; background-position:top-right;}
  40. .left           {background-image: url(left.jpg); background-repeat: repeat-y; background-position: top-left;}
  41.  
  42.  
clone this paste RAW Paste Data