home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / fractalbroccoli / default.css next >
Cascading Style Sheet File  |  2007-03-02  |  3KB  |  230 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. body {
  8.     margin: 20px 0;
  9.     padding: 0;
  10.     background: #EFFCF0 url(images/img01.gif);
  11.     font: normal small Verdana, Arial, Helvetica, sans-serif;
  12.     line-height: 1.8em;
  13.     color: #749A75;
  14. }
  15.  
  16. h1, h2, h3, h4, h5, h6 {
  17.     margin: 0;
  18.     padding: 0;
  19.     font-family: Georgia, "Times New Roman", Times, serif;
  20.     font-weight: normal;
  21.     color: #235324;
  22. }
  23.  
  24. h2 {
  25. }
  26.  
  27. h3 {
  28. }
  29.  
  30. p, blockquote, ul, ol {
  31.     margin-top: 0;
  32. }
  33.  
  34. blockquote {
  35. }
  36.  
  37. a {
  38.     color: #235324;
  39. }
  40.  
  41. a:hover {
  42.     text-decoration: none;
  43. }
  44.  
  45. /* Menu */
  46.  
  47. #menu {
  48.     width: 700px;
  49.     height: 40px;
  50.     margin: 0 auto;
  51.     background: #EFFCF0;
  52.     border: 10px solid #235324;
  53. }
  54.  
  55. #menu ul {
  56.     margin: 0;
  57.     padding: 0;
  58.     list-style: none;
  59. }
  60.  
  61. #menu li {
  62.     display: inline;
  63. }
  64.  
  65. #menu a {
  66.     display: block;
  67.     float: left;
  68.     height: 32px;
  69.     padding: 8px 20px 0 20px;
  70.     border-right: 1px solid #235324;
  71.     text-decoration: none;
  72.     font-weight: bold;
  73.     color: #235324;
  74. }
  75.  
  76. #menu a:hover {
  77.     background: #DAEBDB;
  78. }
  79.  
  80. #menu #rss a {
  81.     float: right;
  82.     padding-left: 30px;
  83.     background: url(images/img02.gif) no-repeat 10px 50%;
  84.     border: none;
  85. }
  86.  
  87. #menu #rss a:hover {
  88.     background-color: #DAEBDB;
  89. }
  90.  
  91. /* Header */
  92.  
  93. #header {
  94.     width: 700px;
  95.     height: 180px;
  96.     margin: 0 auto;
  97.     background: url(images/img03.jpg);
  98.     border: 10px solid #235324;
  99.     border-top: none;
  100. }
  101.  
  102. #header h1 {
  103.     padding: 75px 0 0 20px;
  104.     font-size: 1.8em;
  105. }
  106.  
  107. #header h2 {
  108.     padding: 0 0 0 20px;
  109.     font-size: .8em;
  110. }
  111.  
  112. #header a {
  113.     text-decoration: none;
  114.     color: #DAEBDB;
  115. }
  116.  
  117. /* Content */
  118.  
  119. #content {
  120.     width: 700px;
  121.     margin: 0 auto;
  122.     background: #EFFCF0 url(images/img04.gif) repeat-y;
  123.     border: 10px solid #235324;
  124.     border-top: none;
  125. }
  126.  
  127. /* Latest Post */
  128.  
  129. #latest-post {
  130.     padding: 20px 0;
  131.     background: #EFFCF0;
  132.     border-bottom: 10px solid #235324;
  133. }
  134.  
  135. #latest-post .title {
  136.     float: left;
  137.     width: 230px;
  138.     padding: 0 20px;
  139.     text-align: right;
  140.     line-height: 1.2em;
  141.     font-size: 2.2em;
  142. }
  143.  
  144. #latest-post .story {
  145.     float: right;
  146.     width: 389px;
  147.     padding: 0 20px;
  148.     border-left: 1px solid #C6DAC7;
  149. }
  150.  
  151. #latest-post .meta {
  152.     clear: both;
  153. }
  154.  
  155. /* Posts */
  156.  
  157. #posts {
  158.     float: right;
  159.     width: 390px;
  160.     padding: 20px;
  161. }
  162.  
  163. #posts .post {
  164.     padding-bottom: 30px;
  165. }
  166.  
  167. #posts .story {
  168.     padding: 15px 20px 0 20px;
  169. }
  170.  
  171. #posts .meta {
  172.     padding: 5px 0 0 20px;
  173. }
  174.  
  175. #posts .meta p {
  176.     margin: 0;
  177.     line-height: normal;
  178.     font-size: smaller;
  179. }
  180.  
  181. #posts ul {
  182. }
  183.  
  184. #posts ul li {
  185. }
  186.  
  187. /* Links */
  188.  
  189. #links {
  190.     float: left;
  191.     width: 230px;
  192.     padding: 20px
  193. }
  194.  
  195. #links ul {
  196.     margin: 0;
  197.     padding: 0;
  198.     list-style: none;
  199. }
  200.  
  201. #links li ul {
  202.     padding: 15px 20px 30px 20px;
  203. }
  204.  
  205. #links li li {
  206.     padding: 3px 0;
  207. }
  208.  
  209. #links li a {
  210. }
  211.  
  212. #links li i {
  213.     font-size: smaller;
  214. }
  215.  
  216. /* Footer */
  217.  
  218. #footer {
  219. }
  220.  
  221. #footer p {
  222.     text-align: center;
  223.     font-size: x-small;
  224.     color: #FFFFFF;
  225. }
  226.  
  227. #footer a {
  228.     color: #FFFFFF;
  229. }
  230.