home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / saltandsoap / style.css < prev   
Cascading Style Sheet File  |  2006-11-07  |  4KB  |  207 lines
  1. body {
  2.     color: #000000;
  3.     font-family: Verdana, Arial, Helvetica, sans-serif;
  4.     font-size: 12px;
  5.     margin: 0px;
  6.     padding: 0px;
  7.     text-align:center;
  8.     background-color:#5ba0d6;
  9. }
  10. * {margin:0px;padding:0px;}
  11. .clear{clear:both;}
  12. #container {
  13.     margin: 0px auto;
  14.     text-align: left;
  15.     width: 979px;
  16. }
  17. #header {
  18.     background-image:url(images/header.jpg);
  19.     width:979px;
  20.     height:232px;
  21.     display:block;
  22. }
  23. #border {
  24.     background-image:url(images/border.gif);
  25.     background-repeat: repeat-y;
  26.     width:979px;
  27. }
  28. #main {
  29.     background-image:url(images/contentbg.gif);
  30.     background-color:#abe4fe;
  31.     margin: 0px 12px 0px 10px;
  32.     background-repeat: repeat-x;
  33. }
  34. #left {
  35.     width:261px;
  36.     float:left;
  37.     display:inline;
  38.     background-image:url(images/contentbg.gif);
  39.     background-color:#abe4fe;
  40.     
  41. }
  42. #right {
  43.     float:right;
  44.     width:580px;
  45. }
  46. /***************** Content ***********************/
  47. .content {
  48.     width:530px;
  49. }
  50. .content h3 {
  51.     background-image:url(images/welcome.gif);
  52.     background-repeat:no-repeat;
  53.     width:520px;
  54.     height:33px;
  55.     text-indent:700px;
  56.     overflow:hidden;
  57.     border-bottom: 1px dashed #2e2304;
  58.     margin: 10px 0px 15px 0px;
  59.     padding: 0px 0px 10px 0px;
  60. }
  61. .content p {
  62.     font-family: Geneva, Arial, Helvetica, sans-serif;
  63.     font-size: 13px;
  64.     font-style: italic;
  65.     color: #003a65;
  66.     padding: 10px 0px 0px 6px;
  67.     font-weight:900;
  68. }
  69. .content a {
  70.     color:#2e260f;
  71. }
  72. .content a:hover {
  73.     color:#cf0002;
  74. }
  75. .product {
  76.     width:530px;
  77.     margin: 20px 0px;
  78. }
  79. .product h3 {
  80.     background-image:url(images/products.gif);
  81.     background-repeat:no-repeat;
  82.     width:530px;
  83.     height:33px;
  84.     text-indent:700px;
  85.     overflow:hidden;
  86.     border-bottom: 1px dashed #2e2304;
  87.     margin: 10px 0px 15px 0px;
  88.     padding: 0px 0px 10px 0px;
  89. }
  90. .product a {
  91.     border: 1px solid #6698bd;
  92.     display:inline;    
  93.     float:left;
  94.     margin: 6px 0px 6px 11px;
  95. }
  96. .product a:hover {
  97.     border: 1px solid #c40000;
  98. }
  99. .product img {
  100.     border: 6px solid #ffffff;
  101. }
  102. /***************** Menu ***********************/
  103. #menu {
  104.     background-image:url(images/menu.gif);
  105.     width:261px;
  106.     height:449px;
  107.     margin-left:93px;
  108. }
  109. #menu ul {
  110.     padding: 30px 0px 0px 0px;
  111.     width:220px;
  112.     margin-left:15px;
  113. }
  114. #menu li {
  115.     background-image: url(images/arrow.gif);
  116.     background-repeat: no-repeat;
  117.     background-position: right center;
  118.     border-bottom: 1px dotted #2e2304;
  119.     list-style-type: none;
  120.     padding: 4px 30px 4px 0px;
  121.     text-align:right;
  122. }
  123. #menu a {
  124.     font-family: Arial, Helvetica, sans-serif;
  125.     font-style: italic;
  126.     font-weight: 900;
  127.     color: #2e260f;
  128.     text-decoration: none;
  129.     font-size: 12px;
  130.     
  131. }
  132. #menu a:hover {
  133.     color:#c40000;
  134. }
  135. .lastchild{
  136.     border-bottom: none !important;
  137. }
  138. #menubottom {
  139.     background-image:url(images/menubottom.jpg);
  140.     background-repeat:no-repeat;
  141.     width:261px;
  142.     height:76px;
  143.     margin-left:93px;
  144. }
  145. #menubottom ul {
  146.     padding: 20px 0px 0px 0px;
  147.     width:240px;
  148.     margin-left:15px;
  149. }
  150. #menubottom li {
  151.     float:left;
  152.     display:inline;
  153.     width:77px;
  154.     text-align:center;
  155. }
  156. #menubottom a {
  157.     font-family: Arial, Helvetica, sans-serif;
  158.     text-decoration:none;
  159.     font-weight: bolder;
  160.     font-size:10px;
  161.     color: #6e6b53;
  162.     text-transform: uppercase;
  163. }
  164. #menubottom a:hover {
  165.     color:#c40000;
  166. }
  167. /***************** Footer ***********************/
  168. #footer {
  169.     background-color:#8bcaef;
  170.     background-image:url(images/borderfooter.gif);
  171.     height:74px;
  172.     width:979px;
  173. }
  174. #footerend {
  175.     background-image:url(images/borderfooterend.gif);
  176.     background-repeat: no-repeat;
  177.     width:979px;
  178.     height:9px;
  179.     display:block;
  180. }
  181. #copyright {
  182.     background-image:url(images/copyright.jpg);
  183.     background-repeat:no-repeat;
  184.     width:220px;
  185.     height:43px;
  186.     display:inline;
  187.     margin-left:103px;
  188.     float:left;
  189.     font-family: Arial, Helvetica, sans-serif;
  190.     font-size: 10px;
  191.     font-weight: 800;
  192.     color: #463d16;
  193.     padding: 30px 20px 0px 20px;
  194.     text-align:center;
  195. }
  196. #copyright a {
  197.     font-family: Arial, Helvetica, sans-serif;
  198.     color: #463d16;
  199. }
  200. #payment {
  201.     float:left;
  202.     display:inline;
  203.     margin: 10px 0px 20px 135px;
  204. }
  205. #payment img {
  206.     border: none;
  207. }