Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Nov 4th, 2011  |  syntax: None  |  size: 3.29 KB  |  views: 2,635  |  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 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.