home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / myfamily / style.css < prev   
Cascading Style Sheet File  |  2006-12-11  |  3KB  |  198 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: #8F6A2B;
  13.     font-weight: bold;
  14.     text-decoration: none;
  15. }
  16. a:hover {
  17.     color: #C4861C;
  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. body {
  33.     background: url(images/bg.jpg) repeat-x;
  34.     text-align: center;
  35.     font: 11px arial, sans-serif;
  36.     color: #5D5D5D;
  37. }
  38. #wrapper {
  39.     text-align: left;
  40.     margin: auto;
  41.     width: 686px;
  42.     position: relative;
  43. }
  44.  
  45. h1 {
  46.     position: absolute;
  47.     background: url(images/header.jpg) no-repeat;
  48.     width: 259px;
  49.     height: 204px;
  50.     top: 0;
  51.     left: 0;
  52.     text-align: center;
  53.     padding-top: 35px;
  54.     color: white;
  55.     font: 32px "Lucida Handwriting", "Lucida Calligraphy", verdana, arial, sans-serif;
  56. }
  57. #family {
  58.     position: absolute;
  59.     background: url(images/myfamily.jpg) no-repeat;
  60.     width: 383px;
  61.     height: 381px;
  62.     top: 204px;
  63.     left: -59px;
  64.     z-index: 1;
  65. }
  66. #nav {
  67.     width: 259px;
  68.     position: absolute;
  69.     top: 585px;
  70.     left: 0;
  71.     background: url(images/nav_bg.jpg) repeat-y;
  72. }
  73. #nav ul {
  74.     margin: 0;
  75.     padding: 37px 0 45px 64px;
  76.     font: 12px "Times new roman", "Lucida Grande", serif;
  77.     background: bottom left url(images/nav_bot.gif) no-repeat;
  78. }
  79. #nav li {
  80.     margin: 11px;
  81.     padding: 0 0 0 40px;
  82.     list-style: none;
  83.     background: top left url(images/bullet_white.gif) no-repeat;
  84. }
  85. #nav a {
  86.     font-weight: normal;
  87.     color: white;
  88. }
  89.  
  90. #body {
  91.     position: absolute;
  92.     width: 427px;
  93.     top: 0;
  94.     left: 259px;
  95.     background: white;
  96.     overflow: hidden;
  97. }
  98. #body .i {
  99.     padding: 69px 45px 84px 74px;
  100. }
  101. #head-top {
  102.     position: absolute;
  103.     top: 0;
  104.     left: 259px;
  105.     width: 427px;
  106.     height: 32px;
  107.     z-index: 2;
  108.     background: url(images/head_top.gif) no-repeat;
  109. }
  110. #head-right {
  111.     position: absolute;
  112.     top: 0;
  113.     left: 686px;
  114.     width: 13px;
  115.     height: 145px;
  116.     z-index: 3;
  117.     background: url(images/head_right.gif) no-repeat;
  118. }
  119. #body h2 {
  120.     font: 14px "Times new roman", "Lucida Grande", serif;
  121.     font-weight: normal;
  122.     margin-top: 25px;
  123. }
  124. #body h2.shallow {
  125.     margin-top: 10px;
  126. }
  127. #body h2 strong {
  128.     color: #576B02;
  129.     font-size: 20px;
  130.     font-weight: normal;
  131. }
  132. #body h2.orange strong {
  133.     color: #8F6A2B;
  134. }
  135. #body p {
  136.     margin: 1em 0;
  137. }
  138. #body ul {
  139.     margin: 0;
  140.     padding: 0;
  141. }
  142. #body li {
  143.     margin: 1em 0;
  144.     list-style: none;
  145.     padding: 0 0 0 30px;
  146.     background: top left url(images/bullet_orange.gif) no-repeat;
  147. }
  148. #view {
  149.     float: left;
  150.     width: 115px;
  151.     text-align: center;
  152.     margin-right: -50px;
  153. }
  154. #funtravel {
  155.     margin-top: 10px;
  156. }
  157. #collect {
  158.     float: left;
  159.     width: 203px;
  160. }
  161. #collect p.dark, #view p.dark {
  162.     text-align: center;
  163.     color: #000;
  164.     font: 14px "Arial narrow", arial, sans-serif;
  165.     margin-bottom: 2px;
  166.     margin-top: 3px;
  167. }
  168. #collect p.orange, #view p.orange {
  169.     text-align: center;
  170.     color: #F25C00;
  171.     font: 22px "Arial narrow", arial, sans-serif;
  172.     margin-top: 2px;
  173.     margin-bottom: 10px;
  174. }
  175. #view p.dark {
  176.     margin-top: 40px;
  177.     margin-bottom: 10px;
  178. }
  179. #view p.dark a {
  180.     color: #000;
  181.     font-weight: normal;
  182.     text-decoration: none;
  183. }
  184. #view p.orange a {
  185.     color: #F25C00;
  186.     font-weight: normal;
  187.     text-decoration: none;
  188. }
  189. #collect p.other {
  190.     margin-left: 12px;
  191. }
  192. #copyright {
  193.     text-align: center;
  194.     clear: both;
  195.     color: black;
  196.     padding-top: 15px;
  197. }
  198.