home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / tilersblog / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-03-31  |  3.7 KB  |  289 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. html, body {
  13.     height: 100%;
  14. }
  15.  
  16. body {
  17.     background: #FFFFFF url(images/img1.jpg);
  18.     text-align: justify;
  19. }
  20.  
  21. body, input, textarea, select {
  22.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  23.     color: #662C14;
  24. }
  25.  
  26. h1, h2, h3 {
  27.     margin-bottom: 1em;
  28.     font-weight: normal;
  29.     color: #6F8C45;
  30. }
  31.  
  32. h1 {
  33.     font-size: 2.2em;
  34. }
  35.  
  36. h2 {
  37.     font-size: 1.7em;
  38. }
  39.  
  40. h3 {
  41.     font-size: 1em;
  42.     font-weight: bold;
  43. }
  44.  
  45. p, blockquote, ul, ol, form {
  46.     margin-bottom: 1.5em;
  47. }
  48.  
  49. blockquote, ul, ol {
  50.     margin-left: 3em;
  51. }
  52.  
  53. blockquote {
  54.     margin-right: 3em;
  55.     font-style: italic;
  56. }
  57.  
  58. ul {
  59.     list-style-type: square;
  60. }
  61.  
  62. a {
  63.     color: #F26C4F;
  64. }
  65.  
  66. a:hover {
  67.     text-decoration: none;
  68. }
  69.  
  70. hr {
  71.     display: none;
  72. }
  73.  
  74. .hr {
  75. }
  76.  
  77. img.left {
  78.     float: left;
  79.     margin: 0 15px 15px 0;
  80. }
  81.  
  82. img.right {
  83.     float: right;
  84.     margin: 0 0 15px 15px;
  85. }
  86.  
  87. /* Wrapper */
  88.  
  89. #wrapper {
  90.     width: 700px;
  91.     height: 100%;
  92.     min-height: 100%;
  93.     margin: 0 auto;
  94.     background: #FFFFFF;
  95.     border-left: 10px solid #C5E09D;
  96.     border-right: 10px solid #C5E09D;
  97. }
  98.  
  99. html>body #wrapper {
  100.     height: auto;
  101. }
  102.  
  103. /* Header */
  104.  
  105. #header {
  106.     height: 60px;
  107.     padding: 20px 30px;
  108.     background: url(images/img2.jpg) no-repeat 20px 20px;
  109.     border-bottom: 10px solid #C5E09D;
  110. }
  111.  
  112. #header h1, #header h2 {
  113.     margin: 0;
  114. }
  115.  
  116. #header h1 {
  117.     padding-left: 60px;
  118.     font-size: 3em;
  119. }
  120.  
  121. #header h2 {
  122.     margin-top: -5px;
  123.     padding-left: 60px;
  124.     font-size: 1em;
  125. }
  126.  
  127. #header a {
  128.     text-decoration: none;
  129. }
  130.  
  131. /* Content */
  132.  
  133. #content {
  134. }
  135.  
  136. /* Blog */
  137.  
  138. #blog {
  139.     float: right;
  140.     width: 424px;
  141.     padding: 20px 20px 0px 16px;
  142.     background: url(images/img06.gif) no-repeat;
  143. }
  144.  
  145. /* Post */
  146.  
  147. .post {
  148.     margin-bottom: 20px;
  149.     padding-bottom: 20px;
  150.     background: url(images/img08.gif) no-repeat center bottom;
  151. }
  152.  
  153. .post .title {
  154.     height: 20px;
  155.     margin-bottom: 15px;
  156.     padding: 4px 0 0 30px;
  157.     background: url(images/img3.jpg) no-repeat left center;
  158.     border: 1px solid #EEEEEE;
  159.     border-left: none;
  160.     text-transform: uppercase;
  161.     font-size: small;
  162.     font-weight: bold;
  163. }
  164.  
  165. .post .title a {
  166.     text-decoration: none;
  167. }
  168.  
  169. .post .title a:hover {
  170.     text-decoration: underline;
  171. }
  172.  
  173. .post .date {
  174.     margin-top: -35px;
  175.     padding-right: 15px;
  176.     text-align: right;
  177.     font-size: x-small;
  178. }
  179.  
  180. .post .entry {
  181.     padding: 20px 15px 10px 15px;
  182.     line-height: 1.8em;
  183. }
  184.  
  185. .post .meta {
  186.     margin-bottom: 2em;
  187.     padding: 0 15px;
  188.     font-size: x-small;
  189. }
  190.  
  191. /* Sidebar */
  192.  
  193. #sidebar {
  194.     float: left;
  195.     width: 204px;
  196.     padding: 20px 16px 0px 20px;
  197.     background: url(images/img05.gif) no-repeat;
  198. }
  199.  
  200. #sidebar ul {
  201.     margin: 0;
  202.     list-style: none;
  203. }
  204.  
  205. #sidebar li {
  206.     margin-bottom: 20px;
  207. }
  208.  
  209. #sidebar li ul {
  210.     line-height: 1.4em;
  211. }
  212.  
  213. #sidebar li li {
  214.     margin: 0;
  215.     padding-left: 30px;
  216. }
  217.  
  218. #sidebar h2 {
  219.     height: 20px;
  220.     margin-bottom: 15px;
  221.     padding: 4px 0 0 30px;
  222.     background: url(images/img3.jpg) no-repeat left center;
  223.     border: 1px solid #EEEEEE;
  224.     border-left: none;
  225.     text-transform: uppercase;
  226.     font-size: small;
  227.     font-weight: bold;
  228. }
  229.  
  230. #sidebar a {
  231.     text-decoration: none;
  232. }
  233.  
  234. #sidebar a:hover {
  235.     text-decoration: underline;
  236. }
  237.  
  238. /* Search */
  239.  
  240. #search {
  241. }
  242.  
  243. #search h2 {
  244. }
  245.  
  246. #search form {
  247. }
  248.  
  249. #search #inputtext1 {
  250. }
  251.  
  252. #search #inputsubmit1 {
  253. }
  254.  
  255. /* Archives */
  256.  
  257. #archives {
  258. }
  259.  
  260. /* Categories */
  261.  
  262. #categories {
  263. }
  264.  
  265. /* Blogroll */
  266.  
  267. #blogroll {
  268. }
  269.  
  270. /* Meta */
  271.  
  272. #meta {
  273. }
  274.  
  275. /* Footer */
  276.  
  277. #footer {
  278.     border-top: 10px solid #C5E09D;
  279. }
  280.  
  281. #footer p {
  282.     margin: 0;
  283.     padding: 20px 0;
  284.     text-align: center;
  285.     font-size: x-small;
  286. }
  287.  
  288. #footer a {
  289. }