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