home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web31 / Section_78401 / Students / Kubit_Braden / tutorial.06 / case3 / rb.css < prev    next >
Cascading Style Sheet File  |  2011-12-01  |  2KB  |  53 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 6
  4.    Case Problem 3
  5.  
  6.    Red Ball Pizza Style Sheet
  7.  
  8.  
  9.    Filename:         rb.css
  10.    Supporting Files: 
  11.  
  12. */
  13.  
  14. body {margin: 0px; font-family: Arial, Helvetica, sans-serif}
  15. #heading {position: absolute; top: 0px; left: 10px; height: 75px}
  16. #links   {position: absolute; top: 60px; left: 10px}
  17. #links ul        {list-style-type: none; padding: 0px; margin: 5px 0px 0px 5px}
  18. #links li        {display: inline; float: left; font-size: 14px; margin-right: 5px; 
  19.                   background: url(rightball.jpg) no-repeat 100% 50%}
  20.  
  21. #links a         {display: block; color: white; text-decoration: none;
  22.                   background: url(leftball.jpg) no-repeat 0% 50%; 
  23.                   padding: 10px 15px}
  24.  
  25. #links a:visited {color: white}
  26.  
  27. #links a:hover   {color: yellow}
  28.  
  29. #pageContent     {position: absolute; top: 105px; left: 10px; width: 700px}
  30.  
  31. #leftCol         {width: 150px; float: left}
  32. #leftCol p       {font-size: 12px; color: red; margin: 10px}
  33. #leftCol p em    {font-style: normal; font-weight: bold}
  34.  
  35. #rightCol        {width: 525px; float: left; font-size: 12px; padding-left: 10px;
  36.                   border-left: 2px solid red}
  37. #rightCol h1     {font-size: 24px; text-align: center; color: red; font-weight: normal;
  38.                   letter-spacing: 5px; 
  39.                   margin: 0px; padding: 0px}
  40.  
  41. address          {clear: left; text-align: center; width: 100%; font-style: 
  42.                   normal; color: red; font-size: 10px; border-top: 2px solid red; 
  43.                   padding: 5px 0px 10px}
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.