home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / clearandcrisp / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-02-08  |  2.8 KB  |  240 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. html, body {
  8.     height: 100%;
  9. }
  10.  
  11. body {
  12.     margin: 20px;
  13.     padding: 0;
  14.     background: #FFFFFF;
  15.     font: normal small Georgia, "Times New Roman", Times, serif;
  16.     color: #666666;
  17. }
  18.  
  19. h1, h2, h3, h4, h5, h6 {
  20.     margin: 0;
  21.     padding: 0;
  22.     font-weight: normal;
  23.     color: #3787DE;
  24. }
  25.  
  26. h1, h2, h3 {
  27. }
  28.  
  29. h4, h5, h6 {
  30. }
  31.  
  32. p, ul, ol, blockquote {
  33.     margin-top: 0;
  34.     line-height: 160%;
  35. }
  36.  
  37. blockquote {
  38.     font-style: italic;
  39. }
  40.  
  41. a {
  42.     text-decoration: none;
  43.     color: #3787DE;
  44. }
  45.  
  46. a:hover {
  47.     text-decoration: underline;
  48.     color: #990000;
  49. }
  50.  
  51. img {
  52.     border: none;
  53. }
  54.  
  55. /* Header */
  56.  
  57. #header {
  58.     height: 100px;
  59. }
  60.  
  61. #header h1 {
  62.     float: left;
  63.     letter-spacing: -3px;
  64.     font-size: 3.4em;
  65. }
  66.  
  67. #header h2 {
  68.     letter-spacing: -1px;
  69.     font-size: 1.6em;
  70. }
  71.  
  72. #header h1 a {
  73.     text-decoration: none;
  74.     color: #333333;
  75. }
  76.  
  77. #header h2 a {
  78.     text-decoration: none;
  79.     color: #999999;
  80. }
  81.  
  82. /* Content */
  83.  
  84. #content {
  85. }
  86.  
  87. /* Posts */
  88.  
  89. #posts {
  90.     float: right;
  91.     width: 50%;
  92.     height: 800px;
  93.     padding: 1em;
  94.     background: url(images/img1.gif) no-repeat;
  95. }
  96.  
  97. .post {
  98. }
  99.  
  100. .post .title {
  101.     letter-spacing: -1px;
  102.     font-size: 2em;
  103. }
  104.  
  105. .post .posted {
  106.     margin-bottom: 20px;
  107.     font-size: .8em;
  108. }
  109.  
  110. .post .story {
  111. }
  112.  
  113. .post .meta {
  114.     height: 50px;
  115.     padding: 8px 0 0 10px;
  116.     background: url(images/img09.gif) no-repeat;
  117.     font-size: .8em;
  118. }
  119.  
  120. /* Archives */
  121.  
  122. #archives {
  123. }
  124.  
  125. /* Search */
  126.  
  127. #search {
  128. }
  129.  
  130. #search form {
  131.     margin: 0 0 12px 0;
  132.     padding: 0;
  133. }
  134.  
  135. #search #textfield1 {
  136.     width: 155px;
  137. }
  138.  
  139. #search #submit1 {
  140.     display: none;
  141. }
  142.  
  143. /* Pages */
  144.  
  145. #pages {
  146. }
  147.  
  148. /* Categories */
  149.  
  150. #categories {
  151. }
  152.  
  153. /* Blog Roll */
  154.  
  155. #blogroll {
  156. }
  157.  
  158. /* Orange Box */
  159.  
  160. .obox {
  161.     float: left;
  162.     width: 20%;
  163.     padding: 1em;
  164.     background: url(images/img1.gif) no-repeat;
  165. }
  166.  
  167. .obox .heading {
  168.     height: 27px;
  169.     padding: 4px 0 0 10px;
  170.     background: url(images/img03.gif) no-repeat;
  171.     letter-spacing: -1px;
  172.     font-size: 1.4em;
  173.     color: #FF6500;
  174. }
  175.  
  176. .obox .content {
  177.     padding: 10px;
  178.     background: url(images/img04.gif) no-repeat;
  179. }
  180.  
  181. .obox ul {
  182.     margin: 0;
  183.     padding: 0;
  184.     list-style: none;
  185. }
  186.  
  187. .obox li {
  188.     padding-left: 15px;
  189.     background: url(images/img05.gif) no-repeat left center;
  190. }
  191.  
  192. .obox a {
  193.     color: #FF6500;
  194. }
  195.  
  196. /* Green Box */
  197.  
  198. .gbox {
  199.     float: left;
  200.     width: 20%;
  201.     margin: 0 0 1em 0;
  202.     padding: 1em;
  203.     background: url(images/img1.gif) no-repeat;
  204. }
  205.  
  206. .gbox .heading {
  207.     height: 27px;
  208.     letter-spacing: -1px;
  209.     font-size: 1.4em;
  210.     color: #09881C;
  211. }
  212.  
  213. .gbox .content {
  214.     padding: 10px;
  215. }
  216.  
  217. .gbox ul {
  218.     margin: 0;
  219.     padding: 0;
  220.     list-style: none;
  221. }
  222.  
  223. .gbox li {
  224.     padding-left: 15px;
  225. }
  226.  
  227. .gbox a {
  228.     color: #09881C;
  229. }
  230.  
  231. /* Footer */
  232.  
  233. #footer {
  234. }
  235.  
  236. #footer p {
  237.     margin: 0;
  238.     padding: 0;
  239.     font-size: x-small;
  240. }