home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web31 / Section_35397 / Martins_Jaymn / tutorial.11 / review / dstyles.css < prev   
Cascading Style Sheet File  |  2011-05-07  |  2KB  |  47 lines
  1. /*
  2.    New Perspectives on XHTML and XML
  3.    Tutorial 11
  4.    Review Assignment
  5.    Filename: dstyles.css
  6.  
  7.    This file contains styles used in the desserts.xml file.
  8.  
  9. */
  10.  
  11. dessert            {display: block; width: 450px; color: black;
  12.                     font-size: 14px; font-family: Arial, Helvetica, sans-serif;
  13.                     background-color: rgb(221,221,221);
  14.                     margin: 10px; padding: 15px;
  15.                     border-top: 2px solid black; border-left: 2px solid black;
  16.                     border-right: 5px solid black; border-bottom: 5px solid black}
  17.  
  18. title              {display: block; font-size: 20px; letter-spacing: 3px; width: 100%;
  19.                     text-align: center; background-color: ivory; 
  20.                     border: 1px solid black}
  21.  
  22. description        {display: block; color: blue; margin-left: 30px; margin-top: 20px}
  23.  
  24. author             {display: block; text-align: right; font-style: italic}
  25.  
  26. servings           {display: block}
  27. servings:before    {content: "Servings: "}
  28.  
  29. prepTime           {display: block}
  30. prepTime:before    {content: "Preparation Time: "}
  31.  
  32. ingredients        {display: block; margin: 10px 0px}
  33. ingredients:before {display:block; content: "Ingredients"; font-weight: bold}
  34. ingredient         {display: list-item; list-style-type: square;
  35.                     margin-left: 30px}
  36.  
  37. steps              {display: block; margin: 10px 0px}
  38. steps:before       {display:block; content: "Cooking Directions"; font-weight: bold}
  39. step               {display: list-item; list-style-type: decimal;
  40.                     margin-left: 30px}
  41.  
  42. reviews            {display: block; margin: 10px 0px}
  43. reviews:before     {display:block; content: "Reviews"; font-weight: bold}
  44. review             {display: list-item; list-style-type: disc;
  45.                     margin-left: 30px}
  46.  
  47.