home *** CD-ROM | disk | FTP | other *** search
/ 207.233.110.77 / 207.233.110.77.tar / 207.233.110.77 / web15 / Tutorial.06 / main.css < prev    next >
Cascading Style Sheet File  |  2011-04-02  |  2KB  |  63 lines
  1. /*
  2.    New Perspectives on HTML and XHTML 5th Edition
  3.    Tutorial 6
  4.    Tutorial Case
  5.  
  6.    The Lighthouse General Style Sheet
  7.    Author: Amber Jowers
  8.    Date:   March 28, 2011
  9.  
  10.    Filename:         main.css
  11.    Supporting Files: left.jpg, right.jpg
  12.  
  13. */
  14.  
  15. body                   {margin: 0px; font-family: 'Lucida Grande',                 Verdana, sans-serif}
  16.  
  17. #head                  {position: absolute; top: 0px; left: 0px;                 width: 1000px; height: 150px}
  18.  
  19. #links                 {position: absolute; top: 150px; left: 2px;                 width: 1000px}
  20.  
  21. #links ul              {list-style-type: none; padding: 0px;                     margin: 0px}
  22.  
  23. #links li              {display: inline; float: left; font-size:                 14px; margin-right: 0px;
  24.                         background: url(right.jpg) no-repeat 100%                 50%; color: white}
  25.  
  26. #links a               {display: block; color: white;                         text-decoration: none;
  27.                         background: url(left.jpg) no-repeat 0% 50%;             padding: 4px 15px}
  28.  
  29. #links a:hover         {color: rgb(255, 192, 192)}
  30.  
  31. #mainContent           {position: absolute; top: 175px; left: 0px;                 width: 830px}
  32.  
  33. #leftColumn            {width: 220px; padding-top: 20px; 
  34.             float: left; font-size: 12px; 
  35.             background: url(back.jpg) no-repeat top                 left}
  36.  
  37. #leftColumn p          {margin: 5px 5px 5px 15px}
  38.  
  39. #leftColumn p a        {color: black}
  40.  
  41. #leftColumn ul         {list-style-type: disc; margin-left:                     30px; padding-left: 0px}
  42.  
  43. #leftColumn ul li a    {text-decoration: none; color: black}
  44.  
  45. #leftColumn ul li a:visited {color: black}
  46.  
  47. #leftColumn ul li a:hover   {text-decoration: underline}
  48.  
  49. #rightColumn           {width: 590px; float: left; margin-left:                 10px; margin-bottom: 10px; 
  50.                         font-size: 12px}
  51.  
  52. #rightColumn h1        {font-size: 26px; text-align: center;                     letter-spacing: 5px;
  53.                         margin: 5px 0px; font-weight: normal}
  54.  
  55. #rightColumn p         {margin: 0px 0px 2px 0px; padding: 0px;                     text-align: right}
  56.  
  57. #rightColumn p span    {color: red}
  58.  
  59. address                {clear: left; font-style: normal; 
  60.             font-size: 12px; text-align: center;                     border-top: 2px solid rgb(58,56,8); 
  61.                         margin-top: 10px; padding: 5px 0px 10px}
  62.  
  63.