home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web15 / tutorial.04 / scraps.css < prev    next >
Cascading Style Sheet File  |  2011-02-16  |  2KB  |  49 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 4
  4.    Tutorial Case
  5.  
  6.    Online Scrapbooks Style Sheet
  7.    Author: Amber White Jowers
  8.    Date:   February 11, 2011
  9.  
  10.    Filename:         scraps.css
  11.    Supporting Files: back.jpg, bullet.jpg
  12.  
  13. */
  14.  
  15. body       {margin: 0px; color: brown; 
  16.             background: white url(back.jpg) repeat-y}
  17.         h1, h2, h3 {font-family: Arial, Helvetica, sans-serif;         color: orange}
  18.  
  19. h1         {border-bottom: 2px solid orange; background-color:         white; margin: 0px; padding: 0px}
  20.  
  21. ul         {margin-top:0px}
  22.  
  23. #outer_container   {width: 780px}
  24. #head              {text-align: right}
  25.  
  26. #links             {float: left; width: 200px}
  27. #links ul       {list-style-type: none; margin-left :15px; padding-left: 0px}
  28. #links li.newGroup {margin-top: 15px}
  29. #links a:link      {text-decoration: none}
  30. #links a:visited   {text-decoration: none}
  31. #links a:hover     {color: black; text-decoration: underline}
  32. #links a:active    {text-decoration: none}
  33.  
  34. #firstp:first-line {font-variant: small-caps}
  35. #firstp:first-letter {float: left; font-size: 400%; line-height: 0.8}
  36.  
  37. #article           {margin-left: 200px}
  38.  
  39. #pullout           {float: right; width: 250px; margin: 0px 0px                  10px 10px; 
  40.                     border: 5px outset orange; background-color:                 ivory;
  41.                     font-size: 10pt; font-family: Arial,                     Helvetica, sans-serif}
  42.  
  43. #pullout h2        {text-align: center; background-color: white;                 margin-top: 0px; border-bottom: 2px solid                         orange}
  44. #pullout ul        {list-style-image: url(bullet.jpg); margin-left: 25px; padding-left: 0px}
  45.  
  46. address            {text-align: center; font-style: normal;                     font-variant: small-caps;
  47.                     border-top: 2px solid orange; color: orange}
  48.  
  49.