home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web31 / Section_78401 / Students / Kubit_Braden / tutorial.08 / case2 / browyer.css < prev    next >
Cascading Style Sheet File  |  2011-12-18  |  2KB  |  59 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 8
  4.    Case Problem 2
  5.  
  6.    Browyer Realty Style Sheet
  7.  
  8.    Filename:         browyer.css
  9.    Supporting Files: none
  10.  
  11. */
  12.  
  13. *              {padding: 0px; margin: 0px}
  14. body           {font-family: Verdana, Geneva, sans-serif; font-size: 14px;
  15.                 background-image: url(pback.jpg)}
  16.  
  17. #page          {width: 749px; position: absolute; top: 10px; left: 10px}
  18.  
  19. #head          {width: 100%; position: absolute; text-align: center}
  20. #head ul       {list-style-type: none; width: 100%; text-align: center}
  21. #head li       {display: block; float: left; width: 14%; border: 1px solid black;
  22.                 text-align: center; height: 30px; line-height: 2}
  23. #head a        {text-decoration: none; color: purple; letter-spacing: 2px;
  24.                 display: block; background-color: white; color: black;
  25.                 text-transform: lowercase}
  26. #head a:hover  {background-image: url(pback.jpg); color: blue}
  27.  
  28. #listing       {width: 100%; border: 1px solid black; margin-top: 15px;
  29.                 background-image: url(back.jpg);
  30.                 position: absolute; top: 20px}
  31.  
  32. #listing img   {float: left}
  33. #listing table {float: right; border-collapse: collapse; background-color: yellow;
  34.                 font-size: 12px}
  35. #listing td    {border: 1px solid black; padding: 0px 5px}
  36. #listing table img {float: left; margin: 3px}
  37.  
  38. #description   {background-color: white; width: 100%; border: 1px solid black;
  39.                 position: absolute; top: 125px}
  40.  
  41. .views          {list-style-type: none; background-color: yellow; width: 150px;
  42.                  float: left; border: 1px solid black; font-size: 12px;
  43.                  margin-left: 10px; margin-bottom: 10px}
  44.  
  45. .views li       {margin: 5px}
  46.  
  47. .views a        {text-decoration: none; color: black}
  48. .views a:hover  {color: purple; text-decoration: underline}
  49.  
  50. #slidebox       {float: left; margin: 10px}
  51.  
  52. #description p  {margin: 10px; font-size: 16px}
  53.  
  54. .footlinks      {list-style-type: none; clear: left; border-top: 1px solid black}
  55. .footlinks li   {display: block; width: 24%; text-align: center; float: left;
  56.                  padding-bottom: 10px}
  57. .footlinks a    {text-decoration: none; color: black}
  58. .footlinks a:hover {color: purple}
  59.