home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / chalkboard / default.css next >
Cascading Style Sheet File  |  2007-02-08  |  3KB  |  200 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.     background: #FFFFFF;
  9.     font: normal small "Comic Sans MS", Arial, Helvetica, sans-serif;
  10.     color: #666666;
  11. }
  12.  
  13. h1, h2, h3, h4, h5, h6 {
  14.     margin: 0;
  15.     padding: 0;
  16. }
  17.  
  18. h1, h2, h3 {
  19. }
  20.  
  21. h4, h5, h6 {
  22. }
  23.  
  24. p, ul, ol, blockquote {
  25.     margin-top: 0;
  26. }
  27.  
  28. a {
  29.     color: #344E44;
  30. }
  31.  
  32. a:hover {
  33.     text-decoration: none;
  34. }
  35.  
  36. img {
  37.     border: none;
  38. }
  39.  
  40. /* Header */
  41.  
  42. #header {
  43.     width: 700px;
  44.     height: 150px;
  45.     margin: 0 auto 20px auto;
  46.     background: #344E44 url(images/img1.gif);
  47. }
  48.  
  49. #header h1 {
  50.     float: left;
  51.     padding: 20px;
  52.     font-size: 3em;
  53. }
  54.  
  55. #header h2 {
  56.     float: left;
  57.     padding: 40px 0 0 0;
  58. }
  59.  
  60. #header a {
  61.     text-decoration: none;
  62.     color: #FFFFFF;
  63. }
  64.  
  65. /* Pages */
  66.  
  67. #pages {
  68.     float: right;
  69.     clear: both;
  70. }
  71.  
  72. #pages h2 {
  73.     display: none;
  74. }
  75.  
  76. #pages ul {
  77.     margin: 0;
  78.     padding: 0;
  79.     list-style: none;
  80.     font-size: 1.4em;
  81. }
  82.  
  83. #pages li {
  84.     display: inline;
  85.     padding-right: 20px;
  86. }
  87.  
  88. #pages a:hover {
  89.     text-decoration: underline;
  90. }
  91.  
  92. /* Content */
  93.  
  94. #content {
  95.     width: 700px;
  96.     margin: 0 auto;
  97. }
  98.  
  99. /* Column One */
  100.  
  101. #colOne {
  102.     float: left;
  103.     width: 480px;
  104. }
  105.  
  106. #colOne .title {
  107.     font-size: 2em;
  108. }
  109.  
  110. #colOne .posted {
  111.     margin-bottom: 1em;
  112. }
  113.  
  114. #colOne .meta {
  115.     background: url(images/img3.gif) repeat-x left bottom;
  116.     margin-bottom: 3em;
  117.     padding-bottom: 3em;
  118.     text-align: right;
  119.     font-style: italic;
  120.     font-size: .8em;
  121. }
  122.  
  123. /* Column Two */
  124.  
  125. #colTwo {
  126.     float: right;
  127.     width: 200px;
  128. }
  129.  
  130. #colTwo form {
  131.     margin: 0;
  132.     padding: 0;
  133. }
  134.  
  135. #colTwo #textfield1 {
  136.     width: 10em;
  137.     padding: .25em;
  138.     background: #344E44 url(images/img1.gif) no-repeat center center;
  139.     border: none;
  140.     font: bold small "Comic Sans MS", Arial, Helvetica, sans-serif;
  141.     color: #FFFFFF;
  142. }
  143.  
  144. #colTwo #submit1 {
  145.     width: 3em;
  146.     background: #344E44 url(images/img1.gif) no-repeat center center;
  147.     border: none;
  148.     font: bold small "Comic Sans MS", Arial, Helvetica, sans-serif;
  149.     color: #FFFFFF;
  150. }
  151.  
  152. #colTwo ul {
  153.     margin: 0;
  154.     padding: 0;
  155.     list-style: none;
  156. }
  157.  
  158. #colTwo li {
  159.     margin-bottom: 1em;
  160. }
  161.  
  162. #colTwo li ul {
  163. }
  164.  
  165. #colTwo li li {
  166.     margin: 0;
  167.     padding-left: 2em;
  168. }
  169.  
  170. #colTwo li h2 {
  171.     width: 200px;
  172.     height: 30px;
  173.     margin-bottom: 1em;
  174.     background: #344E44 url(images/img2.gif);
  175.     text-align: center;
  176.     font-size: 1.4em;
  177.     color: #FFFFFF;
  178. }
  179.  
  180. /* Footer */
  181.  
  182. #footer {
  183.     width: 700px;
  184.     height: 40px;
  185.     margin: 0 auto;
  186.     padding-top: 20px;
  187.     background: url(images/img4.gif);
  188. }
  189.  
  190. #footer p {
  191.     margin: 0;
  192.     padding: 0;
  193.     text-align: center;
  194.     font-weight: bold;
  195.     color: #FFFFFF;
  196. }
  197.  
  198. #footer a {
  199.     color: #FFFFFF;
  200. }