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