home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / green_&_red / default.css next >
Cascading Style Sheet File  |  2006-12-08  |  3KB  |  176 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: 10px 0;
  9.     padding: 0;
  10.     background: #95AE36 url(images/img1.gif) repeat-y center top;
  11.     font-family: Arial, Helvetica, sans-serif;
  12.     font-size: .8em;
  13.     color: #999E88;
  14. }
  15.  
  16. h1, h2, h3, h4, h5, h6 {
  17.     margin: 0;
  18.     padding: 0;
  19.     letter-spacing: -2px;
  20.     font-family: Georgia, "Times New Roman", Times, serif;
  21.     font-variant: small-caps;
  22.     color: #C73633;
  23. }
  24.  
  25. h2 {
  26.     padding: 14px 0 0 0;
  27.     word-spacing: 5px;
  28.     font-size: 2.25em;
  29. }
  30.  
  31. h3 {
  32.     padding: 20px 0 0 0;
  33.     border-bottom: 1px solid #95AE36;
  34.     word-spacing: 3px;
  35.     font-size: 1.85em;
  36.     color: #95AE36;
  37. }
  38.  
  39. a {
  40.     color: #95AE36;
  41. }
  42.  
  43. a:hover {
  44.     text-decoration: none;
  45.     color: #C73633;
  46. }
  47.  
  48. .green {
  49.     color: #95AE36;
  50. }
  51.  
  52. .red {
  53.     color: #C73633;
  54. }
  55.  
  56. .gray {
  57.     color: #B9ADAC;
  58. }
  59.  
  60. .image {
  61.     float: left;
  62.     margin: 0 20px 0 0;
  63. }
  64.  
  65. .list, .list2c {
  66.     margin-left: 0;
  67.     padding-left: 0;
  68.     list-style: none;
  69.     line-height: 2em;
  70. }
  71.  
  72. .list2c li {
  73.     float: left;
  74.     width: 50%;
  75. }
  76.  
  77. /* Header */
  78.  
  79. #header {
  80.     width: 700px;
  81.     height: 80px;
  82.     margin: 0 auto;
  83. }
  84.  
  85. #header h1 {
  86.     float: left;
  87.     padding: 24px 0 0 10px;
  88.     letter-spacing: -3px;
  89.     font-size: 3.5em;
  90. }
  91.  
  92. #header h2 {
  93.     float: right;
  94.     padding: 42px 10px 0 0;
  95.     word-spacing: normal;
  96.     letter-spacing: -1px;
  97.     font-size: 2em;
  98. }
  99.  
  100. #header a {
  101.     text-decoration: none;
  102. }
  103.  
  104. /* Menu */
  105.  
  106. #menu {
  107.     width: 700px;
  108.     height: 30px;
  109.     margin: 0 auto;
  110. }
  111.  
  112. #menu ul {
  113.     margin: 0;
  114.     padding: 0;
  115.     list-style: none;
  116. }
  117.  
  118. #menu li {
  119.     display: inline;
  120. }
  121.  
  122. #menu a {
  123.     display: block;
  124.     float: left;
  125.     width: 140px;
  126.     height: 25px;
  127.     padding: 7px 0 0 0;
  128.     background: #87A12C url(images/img2.gif) repeat-x left bottom;
  129.     text-align: center;
  130.     letter-spacing: -1px;
  131.     text-decoration: none;
  132.     color: #FFFFFF;
  133.     font-variant: small-caps;
  134.     font-weight: bold;
  135. }
  136.  
  137. #menu a:hover {
  138.     background: #A71615 url(images/img3.gif) repeat-x left top;
  139. }
  140.  
  141. /* Content */
  142.  
  143. #content {
  144.     width: 660px;
  145.     margin: 0 auto;
  146.     padding: 20px;
  147. }
  148.  
  149. #colOne {
  150.     float: right;
  151.     width: 420px;
  152. }
  153.  
  154. #colTwo {
  155.     float: left;
  156.     width: 220px;
  157. }
  158.  
  159. /* Footer */
  160.  
  161. #footer {
  162.     clear: both;
  163.     width: 700px;
  164.     margin: 20px auto;
  165.     padding: 5px 0;
  166.     background: #87A12C url(images/img2.gif) repeat-x left bottom;
  167.     font: "Times New Roman", Times, serif;
  168. }
  169.  
  170. #footer p, #footer a {
  171.     margin: 0;
  172.     text-align: center;
  173.     font-size: 10px;
  174.     font-weight: bold;
  175.     color: #FFFFFF;
  176. }