home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web10 / tutorial.04 / case1 / willet.css < prev    next >
Cascading Style Sheet File  |  2011-03-14  |  2KB  |  76 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 4
  4.    Case Problem 1
  5.  
  6.    Willet Creek Screen Style Sheet
  7.    Author: Edina Fuzesi
  8.    Date:   03/14/2011
  9.  
  10.    Filename:         willet.css
  11.    Supporting Files: 
  12.  
  13. */
  14.  
  15. body                  {background-color: white; margin: 0px; padding: 0px; 
  16.                        font-family: sans-serif}
  17.  
  18.  
  19.  
  20. #page_content         {width: 780px}
  21.  
  22. #head                 {text-align: center; background-color: rgb(53, 43, 48); 
  23.                        margin: 0px}
  24.  
  25. a              {text-decoration: none; font-weight: bold; font-size: 1.25em; color: white}
  26.  
  27.  
  28. #hole_list            {text-align: center; height: 30px; margin: 0px;  
  29.                      background-color: rgb(53, 43, 48)}
  30.  
  31. #hole_stats           {position: absolute; top: 115px; left: 0px; width: 120px; height: 200px; color: white; background-color: rgb(53, 43, 48)}
  32.  
  33. #hole_stats h2          {font-size: 1em; margin: 0px 0px 0px 5px}
  34.  
  35. #hole_stats ul          {list-style-type: none; margin-left: 10px; margin-top: 0px; padding-left: 0px; font-size: 0.7em}
  36.  
  37. #hole_stats strong    {color: yellow}
  38.  
  39. #hole_summary         {position: absolute; top: 115px; left: 120px; height: 200px; width: 660px; border: 1px solid rgb(53, 43, 48)}
  40.  
  41. #hole_list a:link      {text-decoration: none}
  42.  
  43. #hole_list a:visited   {text-decoration: none}
  44.  
  45. #hole_list a:hover     {color: black; background-color: yellow}
  46.  
  47. #links a:active           {text-decoration: none}
  48.  
  49. #hole_list li           {display: inline; margin: 0px; padding: 0px 5px 0px 5px}
  50.  
  51. #hole_image img        {position: absolute; top: 5px; left: 10px}
  52.  
  53. #hole_description      {position: absolute; top: 5px; left: 100px}
  54.  
  55. #hole_description span {float: left; color: green; font-size: 300%;line-height: 0.75; padding-right: 2px}
  56.  
  57.  
  58. #flags img             {border: 0px}
  59.  
  60. #prevFlag            {position: absolute; top: 145px; left: 220px}
  61. #nextFlag              {position: absolute; top: 145px; left: 270px}
  62.  
  63.  
  64.  
  65.  
  66.  
  67.  
  68.  
  69.  
  70.  
  71.  
  72.  
  73.  
  74.  
  75.  
  76.