home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / meadows / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-01-05  |  3.6 KB  |  281 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. html, body {
  8.     height: 100%;
  9. }
  10.  
  11. body {
  12.     margin: 0;
  13.     padding: 0;
  14.     background: #496C10;
  15.     font-family: Arial, Helvetica, sans-serif;
  16.     font-size: 13px;
  17.     color: #AFCE7C;
  18. }
  19.  
  20. form {
  21.     margin: 0;
  22.     padding: 0;
  23. }
  24.  
  25. input, textarea {
  26.     font-family: Arial, Helvetica, sans-serif;
  27.     font-size: 1em;
  28.     color: #000000;
  29. }
  30.  
  31. h1, h2, h3 {
  32.     font-family: Georgia, "Times New Roman", Times, serif;
  33. }
  34.  
  35. h1 {
  36.     font-size: 3em;
  37. }
  38.  
  39. h2 {
  40.     font-size: 2em;
  41. }
  42.  
  43. h3 {
  44.     font-size: 1em;
  45. }
  46.  
  47. p, ul, ol {
  48.     margin-bottom: 1.8em;
  49.     line-height: 160%;
  50. }
  51.  
  52. ul, ol {
  53. }
  54.  
  55. blockquote {
  56. }
  57.  
  58. a {
  59.     color: #FFFFFF;
  60. }
  61.  
  62. a:hover {
  63.     text-decoration: none;
  64. }
  65.  
  66. hr {
  67.     display: none;
  68. }
  69.  
  70. /* Wrapper */
  71.  
  72. #wrapper {
  73.     height: 100%;
  74.     min-height: 100%;
  75.     background: url(images/img01.jpg) repeat-x left bottom;
  76. }
  77.  
  78. html>body #wrapper {
  79.     height: auto;
  80. }
  81.  
  82. /* Menu */
  83.  
  84. #menu {
  85.     width: 778px;
  86.     height: 30px;
  87.     margin: 0 auto;
  88.     background: #000000;
  89. }
  90.  
  91. #menu ul {
  92.     float: right;
  93.     margin: 0;
  94.     padding: 0;
  95.     list-style: none;
  96. }
  97.  
  98. #menu li {
  99.     display: inline;
  100. }
  101.  
  102. #menu a {
  103.     float: left;
  104.     height: 20px;
  105.     padding: 5px 15px;
  106.     text-decoration: none;
  107.     text-transform: uppercase;
  108.     font-size: smaller;
  109.     font-weight: bold;
  110.     color: #CCCCCC;
  111. }
  112.  
  113. #menu a:hover {
  114.     background: #333333;
  115.     color: #FFFFFF;
  116. }
  117.  
  118. #menu .current_page_item a {
  119.     background: #999999;
  120.     color: #000000;
  121. }
  122.  
  123. /* Logo */
  124.  
  125. #logo {
  126.     width: 778px;
  127.     height: 90px;
  128.     margin: 0 auto;
  129.     background: #D2EBAB url(images/img02.jpg) no-repeat;
  130.     color: #3E5C0E;
  131. }
  132.  
  133. #logo h1, #logo h2 {
  134.     float: left;
  135.     margin: 0;
  136. }
  137.  
  138. #logo h1 {
  139.     padding: 25px 0 0 20px;
  140.     letter-spacing: -3px;
  141.     font-size: 3em;
  142. }
  143.  
  144. #logo h2 {
  145.     padding: 36px 0 0 10px;
  146.     letter-spacing: -1px;
  147.     font-weight: normal;
  148. }
  149.  
  150. #logo a {
  151.     text-decoration: none;
  152.     color: #3E5C0E;
  153. }
  154.  
  155. /* Page */
  156.  
  157. #page {
  158.     width: 778px;
  159.     margin: 0 auto;
  160.     padding: 20px 0;
  161.     background: url(images/img03.jpg) no-repeat;
  162. }
  163.  
  164. /* Content */
  165.  
  166. #content {
  167.     float: left;
  168.     width: 494px;
  169. }
  170.  
  171. .post {
  172.     padding-bottom: 20px;
  173. }
  174.  
  175. .post .title {
  176.     margin: 0;
  177.     padding: 5px 20px;
  178.     letter-spacing: -2px;
  179. }
  180.  
  181. .post .title a {
  182.     text-decoration: none;
  183. }
  184.  
  185. .post .entry {
  186.     padding: 10px 20px 0 20px;
  187.     background: url(images/img04.jpg) no-repeat;
  188. }
  189.  
  190. .post .meta {
  191.     height: 26px;
  192.     border-top: 1px solid #3E5C0E;
  193.     border-bottom: 2px solid #3E5C0E;
  194.     font-size: smaller;
  195.     font-weight: bold;
  196. }
  197.  
  198. .post .posted {
  199.     float: left;
  200.     height: 16px;
  201.     padding: 5px 20px;
  202.     background: url(images/img09.gif) no-repeat left bottom;
  203. }
  204.  
  205. .post .permalink, .post .comments {
  206.     float: right;
  207.     height: 16px;
  208.     padding: 5px 20px;
  209. }
  210.  
  211. .post .permalink {
  212.     background: url(images/img10.gif) no-repeat right bottom;
  213. }
  214.  
  215. /* Sidebar */
  216.  
  217. #sidebar {
  218.     float: right;
  219.     width: 260px;
  220. }
  221.  
  222. #sidebar ul {
  223.     margin: 0;
  224.     padding: 0;
  225.     list-style: none;
  226. }
  227.  
  228. #sidebar li {
  229.     margin-bottom: 20px;
  230. }
  231.  
  232. #sidebar li ul {
  233.     padding: 20px;
  234. }
  235.  
  236. #sidebar li li {
  237.     margin: 0;
  238. }
  239.  
  240. #sidebar p {
  241.     padding: 0 20px;
  242. }
  243.  
  244. #sidebar h2 {
  245.     height: 29px;
  246.     margin: 0;
  247.     padding: 9px 0 0 20px;
  248.     background: #B6E074 url(images/img05.jpg) no-repeat;
  249.     font-size: 1.4em;
  250.     font-weight: normal;
  251.     color: #000000;
  252. }
  253.  
  254. /* Search */
  255.  
  256. #search form {
  257.     padding: 20px;
  258. }
  259.  
  260. #search br {
  261.     display: none;
  262. }
  263.  
  264. #search #s {
  265.     width: 135px;
  266. }
  267.  
  268. /* Footer */
  269.  
  270. #footer {
  271.     clear: both;
  272.     padding: 10px 0;
  273.     font-size: smaller;
  274. }
  275.  
  276. #footer p {
  277.     margin: 0;
  278.     text-align: center;
  279.     line-height: normal;
  280. }
  281.