home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / beautysalon / style.css < prev   
Cascading Style Sheet File  |  2007-03-02  |  3KB  |  194 lines
  1. html, body, h1, h2, h3, h4 {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. h1 img {
  6.     display: block;
  7. }
  8. img {
  9.     border: 0;
  10. }
  11. a {
  12.     color: #990000;
  13.     font-weight: bold;
  14.     text-decoration: none;
  15. }
  16. a:hover {
  17.     color: #FFA405;
  18.     text-decoration: underline;
  19. }
  20. .left {
  21.     float: left;
  22. }
  23. .right {
  24.     float: right;
  25. }
  26. .more {
  27.     text-align: right;
  28. }
  29. .clear {
  30.     clear: both;
  31. }
  32.  
  33. body {
  34.   background: #000;
  35.     text-align: center;
  36.     font: 11px arial, sans-serif;
  37.     color: #312F1A;
  38. }
  39.  
  40. /** layout **/
  41. #wrapper {
  42.     text-align: left;
  43.     margin: 20px auto;
  44.     width: 714px;
  45.   position: relative;
  46. }
  47.  
  48. #header {
  49.   background: top center url(images/logo.jpg) no-repeat;
  50.   padding-top: 51px;
  51.   width: 252px;
  52.   position: relative;
  53. }
  54.  
  55. /** Header **/
  56. h1 {
  57.   color: #FDE7C2;
  58.   background: #991111;
  59.   border: 2px solid #C4B888;
  60.   padding: 8px;
  61.   text-align: center;
  62.   font: 25px "Times new roman", sans-serif;
  63.   font-style: italic;
  64.   font-weight: normal;
  65.   margin: 0 0 2px 21px;
  66. }
  67.  
  68. #search {
  69.   width: 148px;
  70.   background: #E8E7DA url(images/search_top.jpg) no-repeat;
  71.   text-align: center;
  72.   position: absolute;
  73.   bottom: -1px;
  74.   left: 558px;
  75.   padding: 6px 0;
  76. }
  77. #search .text {
  78.   width: 63px;
  79. }
  80.  
  81. /** Body **/
  82. #body {
  83.   position: relative;
  84.   width: 100%;
  85. }
  86.  
  87. #nav {
  88.   position: absolute;
  89.   top: 0;
  90.   left: 0;
  91.   width: 252px;
  92.   padding-top: 292px;
  93.   background: url(images/pic_1.jpg) no-repeat;
  94. }
  95. #nav ul {
  96.   background: bottom right #991111 url(images/nav_bot.jpg) no-repeat;
  97.   margin: 0 7px 0 28px;
  98.   padding: 5px 20px 15px 20px;
  99. }
  100. #nav li {
  101.   list-style: none;
  102.   background: bottom left url(images/dots.jpg) repeat-x;
  103. }
  104. #nav a {
  105.   color: #FDE7C2;
  106.   font: 18px "times new roman", serif;
  107.   font-style: italic;
  108.   background: #991111;
  109.   padding-right: 8px;
  110. }
  111.  
  112. /** content **/
  113.  
  114. #content {
  115.   background: #E8E7DA bottom right url(images/body_bottom_right.jpg) no-repeat;
  116.   width: 462px;
  117.   margin-left: 254px;
  118.   min-height: 278px;
  119. }
  120.  
  121. #content .main, #content .main2 {
  122.   float: right;
  123.   width: 250px;
  124.   margin-top: 14px;
  125.   padding-right: 28px;
  126. }
  127.  
  128. #content .main {
  129.   padding-bottom: 1em;
  130.   border-bottom: 1px solid #D6D3BA;
  131. }
  132.  
  133. #content .main p, #content .main2 p {
  134.   margin: 0em 1em 0 0;
  135. }
  136. #content .main2 .right {
  137.   margin-left: 18px;
  138. }
  139. #content .main .clear, #content .main2 .clear {
  140.   height: 20px;
  141.   margin-bottom: -10px;
  142. }
  143.  
  144. #beauty {
  145.   float: right;
  146.   width: 134px;
  147.   border-left: 1px solid #D6D3BA;
  148.   padding: 12px;
  149.   background: top right url(images/bogy_top_right.jpg) no-repeat;
  150. }
  151. #beauty span {
  152.   float: left;
  153.   width: 12px;
  154.   font-size: 9px;
  155.   clear: both;
  156.   margin-top: 3px;
  157. }
  158. #beauty p {
  159.   float: left;
  160.   width: 110px;
  161.   margin: 0 0 0.6em 0;
  162.   padding: 0 0 0 1em;
  163.   line-height: 1.3;
  164. }
  165. #beauty .clear {
  166.   height: 10px;
  167. }
  168.  
  169. h2 {
  170.   font: italic 22px "Times new roman", serif;
  171.   color: #991111;
  172.   margin: 0 0 0.5em 0;
  173. }
  174.  
  175. /** Footer **/
  176.  
  177. #footer {
  178.   color: #E8E7DA;
  179.   margin: 2px 0 0 275px;
  180. }
  181.  
  182. #privacy {
  183.   position: absolute;
  184.   right: 8px;
  185.   width: 148px;
  186.   padding: 4px 0;
  187.   text-align: center;
  188.   background: #E8E7DA bottom left url(images/footer_tab.jpg) no-repeat;
  189. }
  190. #privacy a {
  191.   color: #000;
  192.   font-weight: normal;
  193. }
  194.