home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / beautycompany / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2006-11-08  |  4.1 KB  |  286 lines
  1. body {
  2.     font-family: tahoma, helvetica, arial, sans-serif;
  3.     font-size: 10px;
  4.     text-align: center;
  5.     background: url(images/page_bg.jpg);
  6.     color: #6f6f6f;
  7. }
  8.  
  9. html, body, #wrapper, h1, #nav, #nav li {
  10.     margin: 0;
  11.     padding: 0;
  12.     list-style: none;
  13. }
  14.  
  15. th, td {
  16.     font-size: 10px;
  17. }
  18.  
  19. img { border: 0; }
  20.  
  21. #wrapper {
  22.     margin: auto;
  23.     text-align: left;
  24.     width: 750px;
  25.     position: relative;
  26. }
  27.  
  28. h1, h2, h3 {
  29.     font-size: 10px;
  30. }
  31.  
  32.  
  33. h1 {
  34.     margin: 0;
  35.     padding: 0;
  36. }
  37.  
  38. h2 {
  39.     margin: 0 0 0 0;
  40.     padding: 0;
  41. }
  42.  
  43. h3 {
  44.     margin: 4px 0 0 0;
  45.     padding: 0 0 0 0;
  46. }
  47.  
  48. p {
  49.     margin: 1em 0;
  50.     padding: 0;
  51. }
  52.  
  53. .block {
  54.     display: block;
  55. }
  56.  
  57. .clear {
  58.     clear: both;
  59.     height: 1px;
  60.     padding-top: 0;
  61.     margin-top: 0;
  62.     margin-bottom: 0;
  63.     font-size: 1px;
  64.     line-height: 1px;
  65. }
  66.  
  67. * html .clear {
  68.     margin-top: -5px;
  69.     margin-bottom: -4px;
  70. }
  71.  
  72. .left {
  73.     float: left;
  74.     margin: 1px 8px 0px 0px;
  75. }
  76.  
  77. .right {
  78.     float: right;
  79.     margin: 1px 0px 0px 8px;
  80. }
  81.  
  82. .softright {
  83.     text-align: right;
  84. }
  85.  
  86. .readmore {
  87.     text-align: right;
  88.     padding-right: 1em;
  89. }
  90.  
  91. /* ***** */
  92.  
  93. body {
  94.     background: #cb0368;
  95. }
  96.  
  97. #wrapper {
  98.     width: 698px;
  99.     background: #fff;
  100.     border: 1px solid #fff;
  101. }
  102.  
  103. * html #wrapper {
  104.     width: 700px;
  105.     w\idth: 698px;
  106. }
  107.  
  108. h1 {
  109.     padding: 9px 18px
  110. }
  111.  
  112. a {
  113.     text-decoration: none;
  114.     font-weight: bold;
  115.     color: #cb4c8c;
  116. }
  117.  
  118. a.orange { color: #d07c1a; }
  119. a.green  { color: #858e10; }
  120. a.teal   { color: #238aaa; }
  121. a.purple { color: #9f6bc8; }
  122.  
  123. a:hover        { color: #FF2A8C; }
  124. a:hover.orange { color: #FF9B0B; }
  125. a:hover.green  { color: #45D110; }
  126. a:hover.teal   { color: #239FF0; }
  127. a:hover.purple { color: #C12EFA; }
  128.  
  129. a:hover {
  130.     text-decoration: underline;
  131. }
  132.  
  133.  
  134. /* nav */
  135.  
  136. * html .clear {
  137.     margin-top: 0;
  138.     margin-bottom: 0;
  139. }
  140.  
  141. #nav li {
  142.     float: left;
  143.     list-style: none;
  144.     width: 139px;
  145.     font-size: 11px;
  146.     font-weight: bold;
  147.     border-left: 1px solid white;
  148.     text-align: center;
  149. }
  150.  
  151. #nav li.first {
  152.     width: 138px;
  153.     border-left: none;
  154. }
  155.  
  156. #nav a {
  157.     color: #fff;
  158.     display: block;
  159.     text-decoration: none;
  160.     background: #cb4c8c;
  161.     padding: 2px 0;
  162.     width: 100%;
  163. }
  164.  
  165. #nav a:hover {
  166.     background: #F076AD;
  167. }
  168.  
  169. /* highlights */
  170.  
  171. #highlights {
  172.     background: url(images/photo_1.jpg) no-repeat;
  173.     width: 327px;
  174.     float: left;
  175.     margin-right: -10px;
  176. }
  177.  
  178. #highlights .p {
  179.     padding: 8px 7px;
  180.     margin-left: 187px;
  181.     border-bottom: 1px solid white;
  182. }
  183.  
  184. * html #highlights .p {
  185.     padding-bottom: 6px;
  186. }
  187.  
  188. #highlights div.green  { background: #bdcb21; }
  189. #highlights div.purple { background: #7976d6; }
  190. #highlights div.orange { background: #f2901c; }
  191.  
  192. #highlights #topspot {
  193.     padding: 13px 11px;
  194. }
  195.  
  196. #highlights .faceotweek {
  197.     float: left;
  198.     width: 97px;
  199.     font-size: 10px;
  200.     margin-top: 1em;
  201.     color: #487388;
  202.     font-weight: bold;
  203. }
  204.  
  205. #highlights .faceotweek p {
  206.     padding: 0 2px;
  207. }
  208.  
  209. /* right */
  210.  
  211. #right {
  212.     width: 370px;
  213.     float: right;
  214.     border-top: 1px solid #bdbdbd;
  215.     background: url(images/body_tr_bg.gif);
  216. }
  217.  
  218. #right .right {
  219.     margin-left: 1px;
  220. }
  221.  
  222. #right #products {
  223.     float: left;
  224.     width: 188px;
  225. }
  226.  
  227. #right #products div {
  228.     border-top: 1px solid #bdbdbd;
  229.     padding: 10px 10px 0 10px;
  230. }
  231.  
  232. #right #products #item-one {
  233.     border-top: none;
  234. }
  235.  
  236. #right #products h2 {
  237.     clear: both;
  238. }
  239.  
  240. #right #news {
  241.     float: right;
  242.     width: 165px;
  243.     margin: 10px 10px 0 0;
  244.     display: inline;
  245. }
  246.  
  247. #right #news h2 {
  248.     margin-bottom: 0.5em;
  249. }
  250.  
  251. #right #news h3 {
  252.     margin-bottom: -0.4em;
  253. }
  254.  
  255. /* beauty */
  256.  
  257. #beauty {
  258.     float: right;
  259.     width: 370px;
  260.     border-top: 1px solid #bdbdbd;
  261.     background: url(images/body_br_bg.gif);
  262. }
  263.  
  264. #beauty div {
  265.     padding: 12px;
  266. }
  267.  
  268. /* footer */
  269.  
  270. #footer {
  271.     color: #fff;
  272.     background: #cb0368;
  273.     text-align: center;
  274.     padding: 8px 0;
  275. }
  276.  
  277. #footer a {
  278.     color: #fff;
  279.     font-weight: normal;
  280.     text-decoration: underline;
  281. }
  282.  
  283. #footer a:hover {
  284.     color: #f8cde3;
  285. }
  286.