home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web10 / tutorial.04 / review / screen.css < prev   
Cascading Style Sheet File  |  2011-02-15  |  2KB  |  63 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 4
  4.    Review Assignment
  5.  
  6.    Online Scrapbooks Style Sheet
  7.    Author: 
  8.    Date:   
  9.  
  10.    Filename:         screen.css
  11.    Supporting Files: back.jpg, marker.gif
  12.  
  13. */
  14.  
  15. body                {margin: 0px; color: black; 
  16.                      background: white url(back.jpg) repeat-y}
  17. h1, h2, h3          {font-family: Arial, Helvetica, sans-serif; color: black; margin: 0px}
  18. h3                  {font-size: 10pt}
  19. h1                  {border-bottom: 2px solid orange; background-color: white; margin: 0px; 
  20.                      padding: 0px}
  21. ul                  {margin-top:0px}
  22.  
  23. #outer_container    {width: 780px}
  24. #head               {text-align: right}
  25.  
  26. #links              {float: left; width: 200px}
  27.  
  28. #links ul        {list-style-type: none; margin-left: 15px; padding-left: 0px}
  29.  
  30. .newGroup           {margin-top: 20px}
  31.  
  32. .subGroup           {margin-left: 20px}
  33.  
  34.  
  35. #links a:link       {text-decoration: none}
  36.  
  37. #links a:visited   {text-decoration: none}
  38.  
  39. #links a:hover       {color: black; background-color: white; text-decoration: underline overline}
  40.  
  41. #links a:active       {text-decoration: none}
  42.  
  43. .samples       {position: absolute}
  44.  
  45. .samples img       {width: 150px; height: 193px; border-width: 0px}
  46.  
  47. #samples_container {position: relative; left: 0px; top: 0px; height: 450px}
  48. #sample1       {left: 0px; top: 0px}
  49. #sample2       {left: 170px; top: 0px}
  50. #sample3       {left: 0px; top: 220px}
  51. #sample4       {left: 170px; top: 220px}
  52.  
  53.  
  54. #content       {margin-left: 200px}
  55.  
  56. #content ul         {list-style-image: url(marker.gif)}
  57.  
  58.  
  59. address             {text-align: center; font-style: normal; font-variant: small-caps;
  60.                      border-top: 2px solid orange; color: orange; padding-bottom: 50px}
  61.            
  62.  
  63.