home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / snowcrystals / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-09-27  |  2.9 KB  |  212 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: 0;
  9.     padding: 0;
  10.     background: #584504 url(images/img01.gif) repeat-x;
  11.     font-size: 13px;
  12.     color: #B08A08;
  13. }
  14.  
  15. body, th, td, input, textarea, select, option {
  16.     font-family: Arial, Helvetica, sans-serif;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     text-transform: lowercase;
  21.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  22.     font-weight: normal;
  23.     color: #CBA61A;
  24. }
  25.  
  26. h1 {
  27.     letter-spacing: -2px;
  28.     font-size: 3em;
  29. }
  30.  
  31. h2 {
  32.     letter-spacing: -1px;
  33.     font-size: 2em;
  34. }
  35.  
  36. h3 {
  37.     font-size: 1em;
  38. }
  39.  
  40. p, ul, ol {
  41.     line-height: 200%;
  42. }
  43.  
  44. blockquote {
  45.     padding-left: 1em;
  46. }
  47.  
  48. blockquote p, blockquote ul, blockquote ol {
  49.     line-height: normal;
  50.     font-style: italic;
  51. }
  52.  
  53. a {
  54.     color: #B1B102;
  55. }
  56.  
  57. a:hover {
  58.     text-decoration: none;
  59. }
  60.  
  61. /* Header */
  62.  
  63. #header {
  64.     width: 778px;
  65.     height: 170px;
  66.     margin: 0 auto;
  67.     background: url(images/img02.jpg) no-repeat;
  68. }
  69.  
  70. #header h1, #header p {
  71.     float: left;
  72.     margin: 0;
  73.     padding-top: 80px;
  74.     text-transform: lowercase;
  75.     line-height: normal;
  76. }
  77.  
  78. #header h1 {
  79. }
  80.  
  81. #header p {
  82.     padding-left: 10px;
  83. }
  84.  
  85. #header a {
  86. }
  87.  
  88. /* Menu */
  89.  
  90. #menu {
  91.     width: 778px;
  92.     height: 50px;
  93.     margin: 0 auto;
  94.     background: url(images/img03.jpg) no-repeat;
  95. }
  96.  
  97. #menu ul {
  98.     margin: 0;
  99.     padding: 14px 0 0 0;
  100.     list-style: none;
  101. }
  102.  
  103. #menu li {
  104.     display: inline;
  105. }
  106.  
  107. #menu a {
  108.     padding: 0 20px 0 15px;
  109.     background: url(images/img04.gif) no-repeat left center;
  110.     text-transform: lowercase;
  111.     text-decoration: none;
  112.     font-weight: bold;
  113.     color: #FFFFFF;
  114. }
  115.  
  116. #menu a:hover {
  117.     text-decoration: underline;
  118. }
  119.  
  120. /* Page */
  121.  
  122. #page {
  123.     width: 778px;
  124.     margin: 0 auto;
  125.     padding: 20px 0;
  126. }
  127.  
  128. /* Content */
  129.  
  130. #content {
  131.     float: left;
  132.     width: 480px;
  133. }
  134.  
  135. .post {
  136.     padding: 0 0 20px 0;
  137. }
  138.  
  139. .title {
  140.     margin: 0;
  141.     border-bottom: 2px solid #4A3903;
  142. }
  143.  
  144. .byline {
  145.     margin: 0;
  146. }
  147.  
  148. .meta {
  149.     border-top: 1px solid #4A3903;
  150.     text-align: right;
  151.     color: #646464;
  152. }
  153.  
  154. .meta a {
  155.     padding-left: 15px;
  156.     background: url(images/img06.gif) no-repeat left center;
  157.     font-weight: bold;
  158. }
  159.  
  160. /* Sidebar */
  161.  
  162. #sidebar {
  163.     float: right;
  164.     width: 240px;
  165. }
  166.  
  167. #sidebar ul {
  168.     margin: 0;
  169.     padding: 0;
  170.     list-style: none;
  171. }
  172.  
  173. #sidebar li {
  174. }
  175.  
  176. #sidebar li ul {
  177.     padding: 15px 0;
  178. }
  179.  
  180. #sidebar li li {
  181.     padding-left: 30px;
  182.     border-bottom: 1px dotted #4A3903;
  183.     background: url(images/img06.gif) no-repeat 15px 50%;
  184. }
  185.  
  186. #sidebar h2 {
  187.     margin: 0;
  188.     padding: 20px 0 2px 30px;
  189.     background: url(images/img05.gif) no-repeat left bottom;
  190.     border-bottom: 2px solid #4A3903;
  191. }
  192.  
  193. #sidebar a {
  194.     text-decoration: none;
  195. }
  196.  
  197. #sidebar a:hover {
  198.     text-decoration: underline;
  199. }
  200.  
  201. /* Footer */
  202.  
  203. #footer {
  204.     clear: both;
  205.     padding: 20px 0;
  206.     background: #473702;
  207.     border-top: 2px solid #4A3903;
  208.     text-align: center;
  209.     font-size: smaller;
  210. }
  211.  
  212.