home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / bananaleaf / style.css < prev   
Cascading Style Sheet File  |  2008-01-28  |  6KB  |  446 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. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     background: url(images/img01.jpg) repeat-x top left;
  14. }
  15.  
  16. body, th, td, input, textarea {
  17.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  18.     font-size: 12px;
  19.     color: #666666;
  20. }
  21.  
  22. form {
  23. }
  24.  
  25. fieldset {
  26. }
  27.  
  28. input, textarea {
  29.     font-weight: bold;
  30. }
  31.  
  32. input.text {
  33.     padding: 2px 5px;
  34.     background: #F8FAEB;
  35.     border-top: 1px solid #4D5719;
  36.     border-left: 1px solid #4D5719;
  37.     border-right: 1px solid #626456;
  38.     border-bottom: 1px solid #626456;
  39. }
  40.  
  41. input.button {
  42.     background: #3C7BCF;
  43.     border-top: 1px solid #3C7BCF;
  44.     border-left: 1px solid #3C7BCF;
  45.     border-right: 1px solid #3C7BCF;
  46.     border-bottom: 1px solid #3C7BCF;
  47.     color: #FFFFFF;
  48. }
  49.  
  50. h1, h2, h3 {
  51.     margin-top: 1.5em;
  52.     color: #626456;
  53. }
  54.  
  55. h1 {
  56.     letter-spacing: -.075em;
  57.     font-size: 3em;
  58. }
  59.  
  60. h2 {
  61.     letter-spacing: -.05em;
  62.     text-transform: uppercase;
  63.     font-size: 1.1em;
  64.     font-weight: bold;
  65.     color: #8D8E85;
  66. }
  67.  
  68. h3 {
  69.     font-size: 1em;
  70. }
  71.  
  72. p, ul, ol {
  73.     margin-top: 1.5em;
  74.     line-height: 1.8em;
  75.     font-size: 1.1em;
  76. }
  77.  
  78. ul, ol {
  79.     margin-left: 3em;
  80. }
  81.  
  82. blockquote {
  83.     margin-left: 3em;
  84.     margin-right: 3em;
  85. }
  86.  
  87. a {
  88.     text-decoration: none;
  89.     color: #80AB00;
  90. }
  91.  
  92. a:hover {
  93.     border: none;
  94. }
  95.  
  96. h1 a, h2 a, h3 a {
  97.     border: none;
  98.     text-decoration: none;
  99.     color: #80AB00;
  100. }
  101.  
  102. h1 a:hover, h2 a:hover, h3 a:hover {
  103.     background: none;
  104.     color: #80AB00;
  105. }
  106.  
  107. hr {
  108.     display: none;
  109. }
  110.  
  111. /* Wrapper */
  112.  
  113. #wrapper {
  114. }
  115.  
  116. /* Header */
  117.  
  118. #header {
  119.     width: 976px;
  120.     margin: 0 auto;
  121.     background: url(images/img02.gif) no-repeat top left;
  122. }
  123.  
  124. #menu {
  125.     height: 60px;
  126.     width: 976px;
  127. }
  128.  
  129. #menu ul {
  130.     margin: 0;
  131.     padding: 0;
  132.     list-style: none;
  133.     line-height: normal;
  134. }
  135.  
  136. #menu li {
  137.     float: left;
  138. }
  139.  
  140. #menu a {
  141.     display: block;
  142.     float: left;
  143.     height: 30px;
  144.     padding: 15px 30px;
  145.     background: url(images/img05.gif) no-repeat bottom center;
  146.     margin-right: 1px;
  147.     letter-spacing: -1px;
  148.     text-decoration: none;
  149.     text-transform: lowercase;
  150.     font-size: 22px;
  151.     color: #FFFFFF;
  152. }
  153.  
  154. #menu a:hover {
  155.     color: #FFFFFF;
  156. }
  157.  
  158. #menu .current_page_item a {
  159.     color: #FFFFFF;
  160. }
  161.  
  162. #search {
  163.     float: right;
  164.     width: 260px;
  165.     margin: 0px;
  166.     padding-top: 7px;
  167. }
  168.  
  169. #search fieldset {
  170.     border: none;
  171. }
  172.  
  173. #search #s {
  174.     width: 160px;
  175. }
  176.  
  177. #search #x {
  178.     width: 80px;
  179. }
  180.  
  181. /* Logo */
  182.  
  183. #logo {
  184.     width: 976px;
  185.     height: 315px;
  186.     margin: 0 auto;
  187.     background: url(images/img03.jpg) no-repeat left top;
  188. }
  189.  
  190. #logo h1, #logo h2 {
  191.     margin: 0;
  192.     padding: 0;
  193.     text-transform: lowercase;
  194. }
  195.  
  196. #logo h1 {
  197.     padding: 90px 5px 0 115px;
  198.     font-size: 48px;
  199.     color: #DAF79B;
  200. }
  201.  
  202. #logo h2 {
  203.     padding: 0px 0 0 115px;
  204.     letter-spacing: -1px;
  205.     font-size: 16px;
  206.     color: #92C600;
  207. }
  208.  
  209. #logo p {
  210.     clear: left;
  211.     margin: 0;
  212.     padding: 0 0 0 20px;
  213.     line-height: normal;
  214.     font-size: 1.2em;
  215.     font-weight: bold;
  216.     color: #C2C5B1;
  217. }
  218.  
  219. #logo a {
  220.     color: #DAF79B;
  221. }
  222.  
  223. /* Page */
  224.  
  225. #page {
  226.     width: 978px;
  227.     margin: 0 auto;
  228.     padding: 20px 0px 0 0px;
  229.     background: #FFFFFF;
  230.     border-top: none;
  231. }
  232.  
  233. /* Content */
  234.  
  235. #content {
  236.     float: left;
  237.     width: 425px;
  238.     padding: 0px 0px 0px 20px;
  239. }
  240.  
  241. .post {
  242. }
  243.  
  244. .post .title {
  245.     margin: 0;
  246.     font-weight: normal;
  247.     background: url(images/img07.gif) no-repeat left -20%;
  248. }
  249.  
  250. .post h1.title {
  251.     padding: 5px 0  0 50px;
  252.     height: 40px;
  253.     font-size: 2.4em;
  254.     text-transform: lowercase;
  255.     border-bottom: 2px dashed #666666;
  256. }
  257.  
  258. .post .entry {
  259.     padding: 0 10px 30px 15px;
  260. }
  261.  
  262. .post .meta {
  263.     margin: 0;
  264.     padding: 0px 0px 0px 50px;
  265.     text-transform: uppercase;
  266.     font-family: Arial, Helvetica, sans-serif;
  267.     font-size: 10px;
  268.     color: #CFCFCF;
  269. }
  270.  
  271. .post .meta a {
  272.     color: #95CC28;
  273. }
  274.  
  275. .post .links {
  276.     margin: 0;
  277. }
  278.  
  279. .post .tags {
  280.     margin: 0;
  281.     text-transform: uppercase;
  282.     font-size: .8em;
  283.     font-weight: bold;
  284.     background: url(images/img04.gif) repeat-x;
  285. }
  286.  
  287. .post .links a, .post .tags a {
  288.     border: none;
  289. }
  290.  
  291. /* Recent Posts */
  292.  
  293. #recent-posts {
  294. }
  295.  
  296. #recent-posts h2 {
  297.     margin: 0;
  298.     border-bottom: 2px dashed #666666;
  299.     background: url(images/img06.gif) no-repeat left 80%;
  300.     padding: 15px 0  0 30px;
  301.     height: 30px;
  302.     color: #80AB00;
  303. }
  304.  
  305. #recent-posts h3 {
  306.     margin: 0;
  307.     font-size: 13px;
  308.     padding: 15px 0  0 15px;
  309.     background: url(images/img04.gif) repeat-x left bottom;
  310. }
  311.  
  312. #recent-posts p {
  313.     margin: 0 0 10px 0;
  314.     padding: 15px 0  0 15px;
  315.     line-height: 22px;
  316.     font-size: 13px;
  317. }
  318.  
  319. /* Sidebars */
  320.  
  321. .sidebar {
  322.     float: left;
  323. }
  324.  
  325. .sidebar ul {
  326.     margin: 0;
  327.     padding: 0;
  328.     list-style: none;
  329. }
  330.  
  331. .sidebar li {
  332.     margin-bottom: 2em;
  333. }
  334.  
  335. .sidebar li ul {
  336. }
  337.  
  338. .sidebar li li {
  339.     margin: 0;
  340. }
  341.  
  342. .sidebar li h2 {
  343.     margin: 0 0 1em 0;
  344.     color: #80AB00;
  345. }
  346.  
  347. #sidebar1 {
  348.     width: 230px;
  349.     padding: 0px 0px 0px 20px;
  350. }
  351.  
  352. #sidebar2 {
  353.     width: 240px;
  354.     padding: 0px 20px 0px 20px;
  355. }
  356.  
  357. #sidebar2 li h2 {
  358.     margin: 0 0 1em 0;
  359.     background: url(images/img06.gif) no-repeat left 80%;
  360.     padding: 15px 0  0 30px;
  361.     border-bottom: 2px dashed #666666;
  362.     height: 30px;
  363. }
  364.  
  365. #sidebar2 li ul {
  366.     line-height: normal;
  367.     background: url(images/img04.gif) repeat-x;
  368. }
  369.  
  370. #sidebar2 li li {
  371.     padding: 5px;
  372.     background: url(images/img04.gif) repeat-x left bottom;
  373.     font-size: .8em;
  374. }
  375.  
  376. #sidebar2 li a {
  377.     border: none;
  378.     padding-left: 10px;
  379. }
  380.  
  381. #sidebar2 li a:hover {
  382.     border: none;
  383.     padding-left: 10px;
  384. }
  385.  
  386.  
  387. /* Calendar */
  388.  
  389. #calendar {
  390.     margin: 0 auto;
  391. }
  392.  
  393. #calendar caption {
  394.     font-weight: bold;
  395. }
  396.  
  397. #calendar table {
  398.     width: 220px;
  399.     text-align: center;
  400.     border-collapse: collapse;
  401. }
  402.  
  403. #calendar thead th {
  404.     background: #CCCCCC;
  405.     color: #FFFFFF;
  406. }
  407.  
  408. #calendar tbody td {
  409.     background: #EEEEEE;
  410. }
  411.  
  412. #calendar #today {
  413.     background: #B8D03B;
  414.     font-weight: bold;
  415.     color: #FFFFFF;
  416. }
  417.  
  418. #calendar a {
  419.     font-weight: bold;
  420. }
  421.  
  422. #calendar #prev {
  423.     text-align: left;
  424. }
  425.  
  426. #calendar #next {
  427.     text-align: right;
  428. }
  429.  
  430. /* Footer */
  431.  
  432. #footer {
  433.     background: url(images/img04.jpg) repeat-x top left;
  434.     height: 97px;
  435. }
  436.  
  437. #footer p {
  438.     padding-top: 30px;
  439.     text-align: center;
  440.     font-size: 9px;
  441.     color: #FFFFFF;
  442. }
  443.  
  444. #footer a {
  445.     color: #3A2905;
  446. }