home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / sweetgarden / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-12-16  |  2.2 KB  |  168 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. /* Elements */
  8.  
  9. * {
  10.     margin: 0;
  11.     padding: 0;
  12. }
  13.  
  14. body {
  15.     background: #FFFFFF url(images/img1.jpg);
  16.     font: normal small Arial, Helvetica, sans-serif;
  17.     color: #457600;
  18. }
  19.  
  20. h1, h2, h3, h4, h5, h6 {
  21.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  22. }
  23.  
  24. p, blockquote, ol, ul {
  25.     margin-bottom: 1em;
  26.     line-height: 180%;
  27. }
  28.  
  29. a {
  30.     color: #457600;
  31. }
  32.  
  33. a:hover {
  34.     text-decoration: none;
  35.     color: #FF5302;
  36. }
  37.  
  38. /* Post */
  39.  
  40. .latest-post {
  41.     padding: 40px 40px 10px 100px;
  42. }
  43.  
  44. .latest-post h2 {
  45.     margin-bottom: .5em;
  46.     font-size: 1.6em;
  47.     color: #FF5302;
  48. }
  49.  
  50. .post {
  51.     padding: 2em 2em 1em 3em;
  52.     border-top: 1px solid #C9DEAB;
  53. }
  54.  
  55. .post h3 {
  56.     margin-bottom: .5em;
  57.     font-size: 1.2em;
  58. }
  59.  
  60. .file * {
  61.     color: #95B668;
  62. }
  63.  
  64. /* Wrapper */
  65.  
  66. #wrapper {
  67.     width: 740px;
  68.     margin: 0 auto;
  69.     background: url(images/img2.jpg) no-repeat;
  70. }
  71.  
  72. /* Header */
  73.  
  74. #header {
  75.     height: 90px;
  76.     padding: 30px 50px 0 0;
  77.     color: #E5F5D0;
  78. }
  79.  
  80. #header * {
  81.     text-transform: lowercase;
  82.     text-decoration: none;
  83.     text-align: right;
  84.     color: #FFFFFF;
  85. }
  86.  
  87. #header h1 {
  88.     font-size: 3em;
  89.     letter-spacing: -2px;
  90. }
  91.  
  92. #header h2 {
  93.     font-size: 1em;
  94. }
  95.  
  96. /* Content */
  97.  
  98. #content {
  99.     background: url(images/img3.jpg) repeat-y;
  100. }
  101.  
  102. #colOne {
  103.     float: right;
  104.     width: 460px;
  105.     padding-right: 20px;
  106.     background: url(images/img4.jpg) no-repeat;
  107. }
  108.  
  109. #colTwo {
  110.     float: left;
  111.     width: 180px;
  112.     padding: 150px 40px 0 40px;
  113.     background: url(images/img5.jpg) no-repeat;
  114. }
  115.  
  116. #colTwo h3 {
  117.     margin-bottom: 1em;
  118.     font-size: 1em;
  119. }
  120.  
  121. #colTwo ul {
  122.     padding-left: .5em;
  123.     list-style: none;
  124. }
  125.  
  126. /* Menu */
  127.  
  128. #menu {
  129.     height: 35px;
  130. }
  131.  
  132. #menu ul {
  133.     float: right;
  134.     padding: 10px 0 0 0;
  135.     list-style: none;
  136.     line-height: normal;
  137. }
  138.  
  139. #menu li {
  140.     display: inline;
  141. }
  142.  
  143. #menu a {
  144.     padding-right: 15px;
  145.     text-decoration: none;
  146.     color: #E5F5D0;
  147. }
  148.  
  149. #menu a:hover {
  150.     text-decoration: underline;
  151.     color: #FFFFFF;
  152. }
  153.  
  154. /* Footer */
  155.  
  156. #footer {
  157.     background: url(images/img6.jpg) no-repeat;
  158. }
  159.  
  160. #footer * {
  161.     color: #FFFFFF;
  162. }
  163.  
  164. #footer p {
  165.     padding: 2em 0;
  166.     text-align: center;
  167.     font-size: smaller;
  168. }