home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / optimism / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-03-12  |  5.6 KB  |  371 lines
  1.  
  2. /*
  3. Design by Free CSS Templates
  4. http://www.freecsstemplates.org
  5. Released for free under a Creative Commons Attribution 2.5 License
  6. */
  7.  
  8. body {
  9.     margin: 0;
  10.     padding: 0;
  11.     background: #FFFFFF url(images/img01.gif);
  12.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     font-size: 13px;
  14.     color: #837669;
  15. }
  16.  
  17. h1, h2, h3 {
  18.     margin: 0;
  19.     font-family: Georgia, "Times New Roman", Times, serif;
  20.     font-weight: normal;
  21.     color: #6D5A46;
  22. }
  23.  
  24. h1 { font-size: 44px; }
  25.  
  26. h2 { font-size: 26px; }
  27.  
  28. h3 { }
  29.  
  30. p, ul, ol {
  31.     margin-top: 0;
  32.     line-height: 240%;
  33.     text-align: justify;
  34.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  35.     font-size: 11px;
  36. }
  37.  
  38. ul, ol { }
  39.  
  40. blockquote { }
  41.  
  42. a { color: #D87EB4; }
  43.  
  44. a:hover { text-decoration: none; }
  45.  
  46. a img {
  47.     border: none;
  48. }
  49.  
  50. img.left {
  51.     float: left;
  52.     margin: 7px 30px 0 0;
  53. }
  54.  
  55. img.right {
  56.     float: right;
  57.     margin: 7px 0 0 30px;
  58. }
  59.  
  60. hr { display: none; }
  61.  
  62. .list1 {
  63. }
  64.  
  65. .list1 li {
  66.     float: left;
  67.     line-height: normal;
  68. }
  69.  
  70. .list1 li img {
  71.     margin: 0 30px 30px 0;
  72. }
  73.  
  74. .list1 li.alt img {
  75.     margin-right: 0;
  76. }
  77.  
  78. /* Header */
  79.  
  80. #header-wrapper {
  81.     height: 74px;
  82.     background: url(images/img02.gif);
  83. }
  84.  
  85. #header {
  86.     width: 1000px;
  87.     height: 74px;
  88.     margin: 0 auto;
  89.     background: url(images/img03.gif);
  90. }
  91.  
  92. /* Menu */
  93.  
  94. #menu {
  95.     float: left;
  96.     width: 680px;
  97.     height: 74px;
  98.     background: url(images/img04.gif) no-repeat;
  99. }
  100.  
  101. #menu ul {
  102.     margin: 0;
  103.     padding: 33px 0 0 90px;
  104.     list-style: none;
  105.     line-height: normal;
  106. }
  107.  
  108. #menu li {
  109.     display: block;
  110.     float: left;
  111. }
  112.  
  113. #menu a {
  114.     display: block;
  115.     float: left;
  116.     margin-right: 17px;
  117.     padding: 5px 12px;
  118.     text-decoration: none;
  119.     font: 14px Georgia, "Times New Roman", Times, serif;
  120.     color: #658453;
  121. }
  122.  
  123. #menu a:hover { text-decoration: underline; }
  124.  
  125. #menu .current_page_item a {
  126.     background: #A2CE89 url(images/img06.gif) repeat-x;
  127.     color: #FFFFFF;
  128. }
  129.  
  130. /* Search */
  131.  
  132. #search {
  133.     float: right;
  134.     width: 305px;
  135.     height: 74px;
  136.     background: url(images/img05.gif) no-repeat right top;
  137. }
  138.  
  139. #search form {
  140.     margin: 0;
  141.     padding: 36px 0 0 0;
  142. }
  143.  
  144. #search fieldset {
  145.     margin: 0;
  146.     padding: 0;
  147.     border: none;
  148. }
  149.  
  150. #search input {
  151.     float: left;
  152.     font: 12px Georgia, "Times New Roman", Times, serif;
  153.     border: none;
  154. }
  155.  
  156. #search-text {
  157.     width: 135px;
  158.     height: 18px;
  159.     padding: 3px 0 0 5px;
  160.     background: #ECF9E4;
  161.     color: #658453;
  162. }
  163.  
  164. #search-submit {
  165.     height: 21px;
  166.     margin-left: 12px;
  167.     background: #BE7BA2 url(images/img07.gif) repeat-x;
  168.     color: #FFFFFF;
  169. }
  170.  
  171. /* Page */
  172.  
  173. #page {
  174.     width: 800px;
  175.     margin: 0 auto;
  176.     padding: 0 45px;
  177.     background: #FFFFFF url(images/img08.gif) repeat-x;
  178.     border: 5px solid #FFFFFF;
  179. }
  180.  
  181. /** LOGO */
  182.  
  183. #logo {
  184.     height: 148px;
  185.     background: url(images/img09.gif) repeat-x left bottom;
  186. }
  187.  
  188. #logo h1, #logo p {
  189.     float: left;
  190.     margin: 0;
  191.     padding: 0;
  192.     line-height: normal;
  193. }
  194.  
  195. #logo h1 { padding-top: 45px; }
  196.  
  197. #logo h1 a {
  198.     text-decoration: none;
  199.     color: #6D5A46;
  200. }
  201.  
  202. #logo h1 a:hover { text-decoration: underline; }
  203.  
  204. #logo p {
  205.     padding: 65px 0 0 15px;
  206.     font: italic 13px Georgia, "Times New Roman", Times, serif;
  207.     color: #B6ACA2;
  208. }
  209.  
  210. #logo p a {
  211.     text-decoration: none;
  212.     color: #B6ACA2;
  213. }
  214.  
  215. #logo p a:hover { text-decoration: underline; }
  216.  
  217. /* Content */
  218.  
  219. #content {
  220.     float: left;
  221.     width: 510px;
  222. }
  223.  
  224. /* Post */
  225.  
  226. .post {
  227.     margin-bottom: 25px;
  228. }
  229.  
  230. .post .title {
  231.     margin-bottom: 3px;
  232.     padding: 2px 30px;
  233.     background: url(images/img10.gif) repeat-y;
  234. }
  235.  
  236. .post .meta {
  237.     margin: 0 0 3px 0;
  238.     padding: 2px 30px;
  239.     background: url(images/img11.gif) repeat-y;
  240.     font: italic 13px Georgia, "Times New Roman", Times, serif;
  241.     color: #B6ACA2;
  242. }
  243.  
  244. .post .meta a { color: #B6ACA2; }
  245.  
  246. .post .entry {
  247.     padding: 25px 30px;
  248.     background: url(images/img12.gif) repeat-y;
  249. }
  250.  
  251. .post .links {
  252.     margin: 0 250px 0 0;
  253.     padding: 0 0 0 10px;
  254.     background: #FEF7EF url(images/img13.gif) repeat-x;
  255. }
  256.  
  257. .post .links .comments {
  258.     padding-left: 22px;
  259.     background: url(images/img14.gif) no-repeat left center;
  260. }
  261.  
  262. .post .links .permalink {
  263.     padding-left: 17px;
  264.     background: url(images/img15.gif) no-repeat left center;
  265. }
  266.  
  267. /* Sidebar */
  268.  
  269. #sidebar {
  270.     float: right;
  271.     width: 240px;
  272. }
  273.  
  274. #sidebar ul {
  275.     margin: 0;
  276.     padding: 0;
  277.     list-style: none;
  278.     line-height: normal;
  279. }
  280.  
  281. #sidebar li {
  282.     margin-bottom: 30px;
  283.     padding: 0 0 20px 30px;
  284.     background: url(images/img12.gif) repeat-y;
  285. }
  286.  
  287. #sidebar li ul {
  288.     line-height: 200%;
  289. }
  290.  
  291. #sidebar li li {
  292.     margin: 0;
  293.     padding: 0;
  294.     background: url(images/spacer.gif);
  295. }
  296.  
  297. #sidebar h2 {
  298.     margin: 0 0 20px -30px;
  299.     padding: 2px 0 2px 30px;
  300.     background: url(images/img10.gif) repeat-y;
  301.     border-bottom: 3px solid #FFFFFF;
  302.     font-size: 18px;
  303. }
  304.  
  305.  
  306. #sidebar p {
  307.     line-height: 200%;
  308. }
  309.  
  310. /* Calendar */
  311.  
  312. #calendar {
  313. }
  314.  
  315. #calendar caption {
  316.     padding-bottom: 5px;
  317.     font-weight: bold;
  318. }
  319.  
  320. #calendar table {
  321.     width: 100%;
  322.     border-collapse: collapse;
  323.     border-right: 1px solid #F5F2EF;
  324. }
  325.  
  326. #calendar thead th {
  327.     padding: 5px 0;
  328.     text-align: center;
  329.     border-top: 1px solid #F5F2EF;
  330.     border-left: 1px solid #F5F2EF;
  331.     background: #F5F2EF;
  332. }
  333.  
  334. #calendar tbody td {
  335.     padding: 5px 0;
  336.     text-align: center;
  337.     border-top: 1px solid #F5F2EF;
  338.     border-left: 1px solid #F5F2EF;
  339. }
  340.  
  341. #calendar tfoot td {
  342.     padding: 5px;
  343.     background: #FEF7EF url(images/img13.gif) repeat-x;
  344. }
  345.  
  346. #calendar tfoot #next {
  347.     text-align: right;
  348. }
  349.  
  350. #calendar #today {
  351.     background: #E7F1E1;
  352. }
  353.  
  354. /* Footer */
  355.  
  356. #footer {
  357.     background: url(images/img09.gif) repeat-x;
  358. }
  359.  
  360. #footer p {
  361.     margin: 0;
  362.     padding: 30px 0;
  363.     text-align: center;
  364.     line-height: normal;
  365.     color: #B5ADA5;
  366. }
  367.  
  368. #footer a {
  369.     color: #B5ADA5;
  370. }
  371.