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:
  8. Date:
  9.  
  10. Filename: willet.css
  11. Supporting Files:
  12.  
  13. */
  14.  
  15. body {background-color: white;
  16. margin: 0px;
  17. padding: 0px;
  18. font-family: sans-serif}
  19.  
  20. a {text-decoration:none}
  21.  
  22. #page_content {width: 780px}
  23.  
  24. #head {text-align: center;
  25. background-color: rgb(53, 43, 48);
  26. margin: 0px}
  27.  
  28. #hole_list a:link {color: white;
  29. font-style: bold;
  30. font-size: 1.25em;}
  31.  
  32.  
  33. #hole_list {background-color: rgb(53, 43, 48);
  34. padding-left: 5px;
  35. padding-right: 5px;
  36. padding-top: 0px;
  37. padding-bottom: 0px;
  38. height: 30px;
  39. margin: 0px;
  40. text-align: left;
  41. display: inline;
  42. width: 780px;
  43. padding-left: 120px;}
  44.  
  45. #hole_list li {display: inline;
  46. padding-right: 13px;}
  47.  
  48.  
  49.  
  50.  
  51. #hole_list a:active {color: white;}
  52. #hole_list a:visited {color: white;}
  53. #hole_list a:hover {color: black;
  54. background-color: yellow;}
  55.  
  56. #hole_stats {width: 120px;
  57. height: 200px;
  58. color: white;
  59. background-color: rgb(53, 43, 48);
  60. position: absolute;
  61. left: 0px;
  62. top: 115px;}
  63.  
  64. #hole_stats h2 {font-size: 1em;
  65. margin-left: 5px;
  66. margin: 0px;}
  67.  
  68. #hole_stats ul {list-style-type: none;
  69. margin-left: 10px;
  70. padding-left: 0px;
  71. margin-top: 0px;
  72. font-size: 0.7em;}
  73.  
  74. #hole_stats strong {color: yellow;}
  75.  
  76. #hole_summary {height: 200px;
  77. width: 660px;
  78. border: 1px solid rgb(53, 43, 48);
  79. position: absolute;
  80. left: 120px;
  81. top: 115px;}
  82.  
  83. #hole_image {position: absolute;
  84. left: 10px;
  85. top: 5px;}
  86.  
  87. #hole_description {position: absolute;
  88. left: 100px;
  89. top: 5px;}
  90.  
  91. #span {float: left;
  92. line-height: 0.75px;
  93. padding-right: 2px;
  94. color: green;
  95. font-size: 300%;}
  96.  
  97. #flags img {border-width: 0px;}
  98.  
  99. #prevflag {position: absolute;
  100. top: 145px;
  101. left: 220px;}
  102.  
  103. #nextflag {position: absolute;
  104. top: 145px;
  105. left:270px;}
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  
  116.  
  117.  
  118.  
  119.  
  120.