home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / columna / default.css next >
Cascading Style Sheet File  |  2007-02-08  |  3KB  |  189 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: 11px;
  9.     padding: 0;
  10.     background: #FEFCFC url(images/img1.gif) repeat-y;
  11.     font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
  12.     color: #727171;
  13. }
  14.  
  15. form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. h1, h2, h3 {
  21.     margin: 0;
  22.     padding: 0;
  23.     font-family: Arial, Helvetica, sans-serif;
  24. }
  25.  
  26. /* Header */
  27.  
  28. #header {
  29. }
  30.  
  31. #header h1 {
  32.     letter-spacing: -2px;
  33.     font-size: 36px;
  34. }
  35.  
  36. #header h2 {
  37.     position: relative;
  38.     margin-top: -10px;
  39.     letter-spacing: -1px;
  40.     font-size: 18px;
  41.     font-weight: normal;
  42. }
  43.  
  44. #header a {
  45.     padding-left: 0;
  46.     background: none;
  47.     text-transform: lowercase;
  48.     text-decoration: none;
  49.     color: #FF7800;
  50. }
  51.  
  52. /* Links */
  53.  
  54. #links {
  55.     float: left;
  56.     width: 200px;
  57. }
  58.  
  59. /* Archives */
  60.  
  61. #archives {
  62.     float: left;
  63.     width: 180px;
  64. }
  65.  
  66. /* Posts */
  67.  
  68. #posts {
  69.     margin-left: 400px;
  70. }
  71.  
  72. #posts .post {
  73.     margin-bottom: 20px;
  74.     padding: 0 20px 20px 20px;
  75.     background: url(images/img4.gif) no-repeat left bottom;
  76. }
  77.  
  78. #posts .title {
  79.     font-size: 24px;
  80.     color: #333333;
  81. }
  82.  
  83. #posts .posted {
  84.     font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
  85. }
  86.  
  87. #posts .story {
  88.     line-height: 18px;
  89. }
  90.  
  91. #posts a {
  92.     color: #333333;
  93. }
  94.  
  95. #posts a:hover {
  96.     text-decoration: none;
  97.     color: #000000;
  98. }
  99.  
  100. #posts .category {
  101.     padding-left: 15px;
  102.     background: url(images/img8.gif) no-repeat left center;
  103. }
  104.  
  105. #posts .comment {
  106.     padding-left: 15px;
  107.     background: url(images/img9.gif) no-repeat left center;
  108. }
  109.  
  110. /* Orange Box */
  111.  
  112. .obox {
  113.     padding: 10px 20px 20px 20px;
  114.     background: url(images/img2.gif) no-repeat left bottom;
  115. }
  116.  
  117. .obox .heading {
  118.     margin-bottom: 5px;
  119.     font-size: 14px;
  120.     color: #FF7800;
  121. }
  122.  
  123. .obox ul {
  124.     margin: 0;
  125.     padding: 0;
  126.     list-style: none;
  127.     line-height: 18px;
  128. }
  129.  
  130. .obox li {
  131. }
  132.  
  133. .obox a {
  134.     padding-left: 10px;
  135.     background: url(images/img5.gif) no-repeat left center;
  136.     text-decoration: none;
  137.     color: #FF7800;
  138. }
  139.  
  140. .obox a:hover {
  141.     text-decoration: underline;
  142. }
  143.  
  144. /* Blue Box */
  145.  
  146. .bbox {
  147.     padding: 10px 20px 20px 20px;
  148.     background: url(images/img3.gif) no-repeat left bottom;
  149. }
  150.  
  151. .bbox .heading {
  152.     margin-bottom: 5px;
  153.     font-size: 14px;
  154.     color: #4BA3D8;
  155. }
  156.  
  157. .bbox ul {
  158.     margin: 0;
  159.     padding: 0;
  160.     list-style: none;
  161.     line-height: 18px;
  162. }
  163.  
  164. .bbox li {
  165. }
  166.  
  167. .bbox a {
  168.     padding-left: 10px;
  169.     background: url(images/img6.gif) no-repeat left center;
  170.     text-decoration: none;
  171.     color: #4BA3D8;
  172. }
  173.  
  174. .bbox a:hover {
  175.     text-decoration: underline;
  176. }
  177.  
  178. /* Footer */
  179.  
  180. #footer {
  181.     clear: both;
  182.     width: 180px;
  183.     padding: 20px;
  184.     font-size: 9px;
  185. }
  186.  
  187. #footer a {
  188.     color: #727171;
  189. }