home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / gardenmesh / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-02-14  |  2.3 KB  |  158 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: 1em;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img1.jpg);
  11.     font-family: Georgia, "Times New Roman", Times, serif;
  12.     color: #748164;
  13. }
  14.  
  15. form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. h1, h2, h3 {
  21.     margin: 0;
  22.     padding: 0;
  23.     text-transform: lowercase;
  24.     font-style: italic;
  25. }
  26.  
  27. a {
  28.     color: #BE420B;
  29. }
  30.  
  31. a:hover {
  32.     text-decoration: none;
  33. }
  34.  
  35. p, blockquote, ul, ol {
  36.     margin-top: 0;
  37.     line-height: 160%;
  38. }
  39.  
  40. blockquote {
  41.     font-style: italic;
  42. }
  43.  
  44. /* Wrapper */
  45.  
  46. #wrapper {
  47.     width: 760px;
  48.     margin: 0 auto;
  49. }
  50.  
  51. /* Header */
  52.  
  53. #header {
  54.     height: 160px;
  55.     background: url(images/img2.jpg);
  56. }
  57.  
  58. #header h1 {
  59.     padding: 40px 0 0 30px;
  60.     letter-spacing: -2px;
  61.     font-size: 3em;
  62. }
  63.  
  64. #header h2 {
  65.     width: 335px;
  66.     margin-top: -8px;
  67.     text-align: right;
  68.     font-size: 1em;
  69. }
  70.  
  71. #header a {
  72.     text-decoration: none;
  73.     color: #FFFFFF;
  74. }
  75.  
  76. /* Content */
  77.  
  78. #content {
  79.     padding: 10px 0;
  80. }
  81.  
  82. /* Posts */
  83.  
  84. #posts {
  85.     float: right;
  86.     width: 500px;
  87. }
  88.  
  89. /* Post */
  90.  
  91. .post {
  92. }
  93.  
  94. .post .title {
  95.     height: 33px;
  96.     padding: 7px 0 0 10px;
  97.     margin-bottom: 1px;
  98.     background: #5C8258 url(images/img3.jpg) no-repeat;
  99.     font-size: 1.4em;
  100.     color: #FFFFFF;
  101. }
  102.  
  103. .post .posted {
  104.     padding: 5px 10px;
  105.     background: #FFFFFF url(images/img5.jpg) no-repeat left bottom;
  106.     font: normal x-small Verdana, Arial, Helvetica, sans-serif;
  107. }
  108.  
  109. .post .story {
  110.     padding: 20px 20px 10px 20px;
  111.     background: #FFFFFF url(images/img4.jpg) no-repeat right bottom;
  112. }
  113.  
  114. .post .meta {
  115.     font: normal x-small Verdana, Arial, Helvetica, sans-serif;
  116.     color: #FFFFFF;
  117. }
  118.  
  119. .post .meta a {
  120.     color: #FFFFFF;
  121. }
  122.  
  123. /* Boxed */
  124.  
  125. .boxed {
  126.     width: 250px;
  127. }
  128.  
  129. .boxed .heading {
  130.     height: 33px;
  131.     padding: 7px 0 0 10px;
  132.     margin-bottom: 1px;
  133.     background: #5C8258 url(images/img3.jpg) no-repeat;
  134.     font-size: 1.4em;
  135.     color: #FFFFFF;
  136. }
  137.  
  138. .boxed .content {
  139.     margin-bottom: 10px;
  140.     padding: 10px;
  141.     background: #FFFFFF url(images/img4.jpg) no-repeat right bottom;
  142. }
  143.  
  144. .boxed .links {
  145.     margin: 0;
  146.     padding: 0;
  147.     list-style: square inside;
  148. }
  149.  
  150. /* Footer */
  151.  
  152. #footer {
  153.     clear: both;
  154.     margin-top: 20px;
  155.     border-top: 1px solid #FFFFFF;
  156.     font: normal x-small Verdana, Arial, Helvetica, sans-serif;
  157.     color: #FFFFFF;
  158. }