home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / leafygreen / default.css next >
Cascading Style Sheet File  |  2007-06-10  |  2KB  |  145 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.     background: #405152 url(images/img1.gif);
  10.     text-align: justify;
  11.     font-family: "Trebuchet MS",Tahoma, Verdana, Arial, Helvetica, sans-serif;
  12.     font-size: 11px;
  13.     color: #407338;
  14. }
  15.  
  16. h1, h2, h3, h4, h5, h6 {
  17.     margin: 0;
  18.     padding: 0;
  19.     text-transform: uppercase;
  20.     font-family: Arial, Helvetica, sans-serif;
  21.     color: #397513;
  22. }
  23.  
  24. h3 {
  25.     font-size: 1.3em;
  26.     padding-top: .4em;
  27. }
  28.  
  29. ul {
  30.     margin-left: 0;
  31.     padding-left: 0;
  32.     list-style-position: inside;
  33. }
  34.  
  35. a {
  36.     color: #397513;
  37. }
  38.  
  39. a:hover {
  40.     text-decoration: none;
  41.     color: #FFFFFF;
  42. }
  43.  
  44.  
  45. img { border: none; }
  46.  
  47. .img1 {
  48.     float: left;
  49.     margin: 3px 15px 10px 0px;
  50. }
  51.  
  52. /* Menu */
  53.  
  54. #menu {
  55.     width: 640px;
  56.     height: 40px;
  57.     margin: 0 auto;
  58. }
  59.  
  60. #menu ul {
  61.     margin: 0;
  62.     padding: 0;
  63.     list-style: none;
  64. }
  65.  
  66. #menu li {
  67.     display: inline;
  68. }
  69.  
  70. #menu a {
  71.     display: block;
  72.     float: left;
  73.     width: 126px;
  74.     height: 28px;
  75.     padding: 12px 1px 0 1px;
  76.     background: url(images/img3.gif) no-repeat center top;
  77.     text-align: center;
  78.     text-decoration: none;
  79.     text-transform: uppercase;
  80.     font-family: Arial, Helvetica, sans-serif;
  81.     font-size: 14px;
  82.     font-weight: bold;
  83.     color: #68B865;
  84. }
  85.  
  86. #menu a:hover, #menu .active a {
  87.     color: #1E9618;
  88. }
  89.  
  90. /* Header */
  91.  
  92. #header {
  93.     width: 660px;
  94.     height: 2.25em;
  95.     margin: 0 auto;
  96.     padding: 20px;
  97.     background: #405152 url(images/img2.gif);
  98.     border-top: 2px solid #E6F0E7;
  99.     border-bottom: 2px solid #E6F0E7;
  100.     border-top: none;
  101. }
  102.  
  103. #header * {
  104.     text-transform: uppercase;
  105.     text-decoration: none;
  106. }
  107.  
  108. #header h1 {
  109.     float: left;
  110.     font-size: 2em;
  111. }
  112.  
  113. #header h2 {
  114.     float: right;
  115.     padding-top: .25em;
  116.     font-size: 1.6em;
  117. }
  118.  
  119. /* Content */
  120.  
  121. #content {
  122.     width: 660px;
  123.     margin: 0 auto;
  124.     padding: 20px;
  125.     background: #405152 url(images/img2.gif);
  126.     border-bottom: 2px solid #E6F0E7;
  127.     border-top: none;
  128. }
  129.  
  130. #colOne {
  131.     float: left;
  132.     width: 450px;
  133. }
  134.  
  135. #colTwo {
  136.     float: right;
  137.     width: 180px;
  138. }
  139.  
  140. /* Footer */
  141.  
  142. #footer {
  143.     text-align: center;
  144.     font-size: smaller;
  145. }