home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / hairsalon / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-03-17  |  2.5 KB  |  164 lines
  1. html, body, ul, li, h1, h2, h3, h4 {
  2.     margin: 0;
  3.     padding: 0;
  4.     list-style: none;
  5. }
  6. img {
  7.     border: 0;
  8. }
  9. a {
  10.     color: #fff;
  11. }
  12. a:hover {
  13.     color: #F2AB9E;
  14. }
  15. .clear {
  16.     clear: both;
  17. }
  18.  
  19. body {
  20.     background: black;
  21.     text-align: center;
  22.     color: white;
  23.     font: 11px verdana, sans-serif;
  24. }
  25. #wrapper {
  26.     text-align: left;
  27.     margin: 15px auto;
  28.     width: 778px;
  29.     position: relative;
  30.     background: maroon url(images/bg.jpg) repeat-y;
  31.     border: 5px solid #750306;
  32. }
  33. #head-1 {
  34.     background: url(images/head_1.jpg) no-repeat;
  35.     width: 409px;
  36.     height: 386px;
  37.     top: 0;
  38.     left: 369px;
  39.     position: absolute;
  40. }
  41. #head-2 {
  42.     background: url(images/head_2.jpg) no-repeat;
  43.     width: 156px;
  44.     height: 38px;
  45.     top: 386px;
  46.     left: 622px;
  47.     position: absolute;
  48. }
  49.  
  50. #nav {
  51.     margin: 11px 0 25px 35px;
  52.     color: #C15D4B;
  53. }
  54. #nav a {
  55.   text-decoration: none;
  56.   color: black;
  57. }
  58. #nav li {
  59.   background: bottom left url(images/nav_bg.jpg) no-repeat;
  60.   _height: 1%;
  61.   padding: 8px 12px 16px 110px;
  62. }
  63. #nav li.last {
  64.   background: bottom left url(images/nav_bg_last.jpg) no-repeat;
  65. }
  66. #gallery img {
  67.     display: block;
  68. }
  69. h1 {
  70.   height: 172px;
  71.   background: url(images/logo.jpg) no-repeat;
  72.   color: black;
  73.   font-weight: normal;
  74. }
  75. h1 span {
  76.   display: block;
  77. }
  78. h1 em {
  79.   font-style: normal;
  80.   color: white;
  81.   padding-right: 3px;
  82. }
  83. h1 .hone {
  84.   padding: 65px 0 0 58px;
  85.   font: 50px Keaton, "Arial Narrow", "Tahoma", arial, sans-serif;
  86. }
  87. h1 .htwo {
  88.   position: relative;
  89.   top: -0.5em;
  90.   left: 7.5em;
  91.   font-size: 18px;
  92. }
  93. h1 .hthree {
  94.   position: relative;
  95.   top: -1.0em;
  96.   left: 4.5em;
  97.   font-size: 12px;
  98.   letter-spacing: 2px;
  99.   color: #E3C0C1;
  100. }
  101. h2 {
  102.   background: 120px 0.5em url(images/dot_dot_dash.jpg) no-repeat;
  103.   font: 24px verdana, sans-serif;
  104.   font-weight: normal;
  105.   font-style: italic;
  106.   color: black;
  107. }
  108. h2 em {
  109.   color: white;
  110. }
  111.  
  112. #body-left {
  113.     float: left;
  114.     width: 278px;
  115.     padding-left: 28px;
  116. }
  117. #gallery {
  118.     border: 1px solid #9F0408;
  119.     background: #750306;
  120.     margin: 13px 10px 0 6px;
  121.     height: 261px;
  122.     position: relative;
  123. }
  124. .gal {
  125.     background: #9F0408;
  126.     padding: 4px;
  127.     position: absolute;
  128. }
  129. #gzero {
  130.     top: 13px;
  131.     left: 15px;
  132.     width: 221px;
  133. }
  134. #gone {
  135.     top: 200px;
  136.     left: 15px;
  137.     width: 57px;
  138. }
  139. #gtwo {
  140.     top: 200px;
  141.     left: 98px;
  142.     width: 57px;
  143. }
  144. #gthree {
  145.     top: 200px;
  146.     left: 179px;
  147.     width: 57px;
  148. }
  149.  
  150. #body-right {
  151.     float: right;
  152.     width: 388px;
  153.     padding-right: 22px;
  154. }
  155.  
  156. #footer {
  157.     text-align: right;
  158.     color: #CD3639;
  159.     border-top: 1px solid #983234;
  160.     padding: 6px 25px 20px 0;
  161. }
  162. .spacer {
  163.     height: 18px;
  164. }