home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / hostingtemplate / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-02-25  |  2.7 KB  |  180 lines
  1. * {
  2.     margin: 0;
  3.     padding: 0;
  4.     }
  5.     
  6. body {
  7.     font-family: Geneva, Arial, Helvetica, sans-serif;
  8.     }
  9.     
  10. #container {
  11.     width: 885px;
  12.     margin: 0 auto;
  13.     background: url(images/mainbg.gif);
  14.     height: 100%;
  15.     padding-bottom: 30px;
  16.     }
  17.         
  18. .clearfix:after {
  19. content: "."; 
  20. display: block; 
  21. height: 0; 
  22. clear: both; 
  23. visibility: hidden;
  24. }
  25.  
  26. .clearfix {
  27. display: inline;
  28. }  
  29.  
  30.     * html .clearfix {height: 1%;}
  31.     .clearfix {display: block;}
  32.  
  33.     
  34. h1 {
  35.     background-image: url(images/title.gif);
  36.     text-indent: -9999px;
  37.     height: 97px
  38.     }
  39.     
  40. h2 {
  41.     background-image: url(images/header_03.gif);
  42.     text-indent: -9999px;
  43.     height: 144px;
  44.     background-repeat: no-repeat;
  45.     }
  46.     
  47. #nav {
  48.     background-image: url(images/header_05.gif);
  49.     width: 703px;
  50.     float: left;
  51.     height: 29px;
  52.     border-bottom: 3px solid #478bab;
  53.     text-align: center;
  54.     padding-left: 3px;
  55.     }
  56.     
  57. #nav li {
  58.     list-style-type: none;
  59.     float: left;
  60.     width: 174px;
  61.     }
  62.     
  63. #nav a {
  64.     padding-top: 7px;
  65.     display: block;
  66.     font-size: 12px;
  67.     font-weight: bold;
  68.     color: #333;
  69.     text-decoration: none;
  70.     height: 20px;
  71.     }
  72.     
  73. #nav a:hover {
  74.     background: #E0F8FE;
  75.     height: 17px;
  76.     margin-top: 3px;
  77.     }
  78.     
  79. #navright {
  80.     float: left;
  81.     background-image: url(images/header_06.gif);
  82.     width: 176px;
  83.     height: 37px;
  84.     }
  85.     
  86. #packages {
  87.     background: url(images/packagesbg_10.gif);
  88.     width: 685px;
  89.     height: 196px;
  90.     padding: 10px;
  91.     float: left;
  92.     }
  93.     
  94. #packages li {
  95.     list-style-type: none;
  96.     float: left;
  97.     }
  98.     
  99. #packages a {
  100.     background-image: url(images/package_11.gif);
  101.     width: 223px;
  102.     height: 196px;
  103.     display: block;
  104.     margin-right: 5px;
  105.     }
  106.     
  107. #testimonials {
  108.     background: #e0f5ff;
  109.     width: 160px;
  110.     float: right;
  111.     margin-top: 5px;
  112.     margin-right: 10px;
  113.     }
  114.     
  115. #testimonials p {
  116.     font-size: 12px;
  117.     color: #666;
  118.     margin: 10px 5px;;
  119.     border-bottom: 1px dashed #666;
  120.     }
  121.     
  122. #testimonials b {
  123.     margin-left: 40px;
  124.     color: #333;
  125.     font-size: 12px;
  126.     }
  127.     
  128. #updates {
  129.     margin-top: 10px;
  130.     background: #FFF;
  131.     border: 10px solid #4b92b4;
  132.     width: 387px;
  133.     float: left;
  134.     }
  135.     
  136. h3 {
  137.     background-image: url(images/updates_13.gif);
  138.     text-indent: -9999px;
  139.     }
  140.  
  141. h4 {
  142.     margin: 5px;
  143.     font-size: 14px;
  144.     color: #666;
  145.     border-bottom: 1px dashed #666;
  146.     } 
  147.  
  148. #updates p {
  149.     font-size: 12px;
  150.     color: #999;
  151.     margin: 6px;
  152.     }
  153.     
  154. #offer {
  155.     margin: 10px;
  156.     width: 275px;
  157.     height: 275px;
  158.     float: left;
  159.     background: url(images/promo.gif);
  160.     text-indent: -9999px;
  161.     }
  162.  
  163. #footer {
  164.     margin: 0 auto;
  165.     width: 885px;
  166.     height: 25px;
  167.     background: url(images/footer.gif);
  168.     margin-top: -25px;
  169.     text-align: center;
  170.     }
  171.     
  172. #footer p, a {
  173.     font-size: 12px;
  174.     color: #333;
  175.     font-weight: bold;
  176.     padding-top: 2px;
  177.     text-decoration: none;
  178.     }
  179.     
  180.