home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / oceanlife / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-01-12  |  2.6 KB  |  178 lines

  1. /*
  2. Design by Free CSS Templates
  3. http://www.freecsstemplates.org
  4. Released for free under a Creative Commons Attribution 2.5 License
  5. */
  6.  
  7. body {
  8.     margin: 20px 0;
  9.     padding: 0;
  10.     background: #829346;
  11.     color: #DFEEAA;
  12. }
  13.  
  14. h1, h2, h3, h4, h5, h6 {
  15.     font-family: Georgia, "Times New Roman", Times, serif;
  16.     font-style: italic;
  17.     color: #ECF3D5;
  18. }
  19.  
  20. p, ul, ol, blockquote {
  21.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  22.     font-size: small;
  23. }
  24.  
  25. h2 {
  26.     padding-left: 30px;
  27.     background: url(images/img4.gif) no-repeat left center;
  28. }
  29.  
  30. h3, #colTwo h2 {
  31.     padding-left: 25px;
  32.     background: url(images/img5.gif) no-repeat left center;
  33.     font-size: medium;
  34. }
  35.  
  36. h2 a, h3 a {
  37.     text-decoration: none;
  38. }
  39.  
  40. h2 a:hover, h3 a:hover {
  41.     text-decoration: underline;
  42. }
  43.  
  44. a {
  45.     color: #ECF3D5;
  46. }
  47.  
  48. a:hover {
  49.     text-decoration: none;
  50.     color: #FFFFFF;
  51. }
  52.  
  53. .posted {
  54.     padding-top: 10px;
  55.     border-top: 1px solid #829346;
  56.     font-size: x-small;
  57. }
  58.  
  59. /* Header */
  60.  
  61. #header {
  62.     width: 710px;
  63.     height: 190px;
  64.     margin: 0 auto 20px auto;
  65.     background: #03666E url(images/img1.jpg);
  66. }
  67.  
  68. #header * {
  69.     text-decoration: none;
  70.     color: #FFFFFF;
  71. }
  72.  
  73. #header h1 {
  74.     float: left;
  75.     margin: 0;
  76.     padding: 130px 0 0 30px;
  77. }
  78.  
  79. #header h2 {
  80.     float: left;
  81.     margin: 0;
  82.     padding: 148px 0 0 0;
  83.     background: none;
  84.     font-size: small;
  85. }
  86.  
  87. /* Content */
  88.  
  89. #content {
  90.     width: 710px;
  91.     margin: 0 auto;
  92.     background: url(images/img7.gif) repeat-y;
  93. }
  94.  
  95. #colOne {
  96.     float: left;
  97.     width: 400px;
  98.     padding: 20px 20px 10px 20px;
  99.     background: #788645 url(images/img2.gif) no-repeat left top;
  100. }
  101.  
  102. #colTwo {
  103.     float: right;
  104.     width: 210px;
  105.     padding: 25px 20px 0 20px;
  106.     background: #788645 url(images/img3.gif) no-repeat right top;
  107. }
  108.  
  109. #colTwo ul {
  110.     margin-left: 0;
  111.     padding-left: 0;
  112.     list-style: none;
  113. }
  114.  
  115. #colTwo h2 {
  116.     margin: 20px 0 10px 0;
  117. }
  118.  
  119. #colTwo ul ul {
  120.     margin-left: 25px;
  121. }
  122.  
  123. /* Content2 */
  124.  
  125. #content2 {
  126.     clear: both;
  127.     width: 710px;
  128.     margin: 0 auto;
  129.     padding: 0;
  130. }
  131.  
  132. #content2 h2 {
  133.     margin: 0;
  134.     padding: 20px 0 10px 0;
  135.     background: none;
  136.     font-size: medium;
  137. }
  138.  
  139. #content2 ul {
  140.     margin: 0;
  141.     padding: 0;
  142.     list-style: none;
  143. }
  144.  
  145. #content2 li {
  146.     display: block;
  147.     float: left;
  148.     width: 155px;
  149.     margin: 0;
  150.     padding: 0 0 0 20px;
  151.     list-style: none;
  152. }
  153.  
  154. #content2 li li {
  155.     display: list-item;
  156.     float: none;
  157.     padding: 0;
  158. }
  159.  
  160. /* Footer */
  161.  
  162. #footer {
  163.     width: 710px;
  164.     height: 100px;
  165.     margin: 0 auto;
  166.     background: url(images/img8.jpg) no-repeat 0px 20px;
  167. }
  168.  
  169. #footer p {
  170.     margin: 0;
  171.     padding: 48px 0 0 20px;
  172.     font-size: x-small;
  173.     color: #FFFFFF;
  174. }
  175.  
  176. #footer a {
  177.     color: #FFFFFF;
  178. }