home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / sparkle / default.css next >
Cascading Style Sheet File  |  2007-04-19  |  2KB  |  146 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: 20px 0;
  9.     padding: 0;
  10.     background: #000000;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. h1, h2, h3 {
  15.     color: #B13413;
  16. }
  17.  
  18. h2 {
  19.     font-size: 1.6em;
  20. }
  21.  
  22. h3 {
  23.     margin: 0;
  24.     font-size: 1em;
  25. }
  26.  
  27. p, ul, ol, blockquote {
  28.     margin-top: 0;
  29. }
  30.  
  31. a:link {
  32.     border-bottom: 1px dotted #CCCCCC;
  33.     text-decoration: none;
  34.     color: #3284B5;
  35. }
  36.  
  37. a:hover {
  38.     border: none;
  39. }
  40.  
  41. img {
  42.     border: none;
  43. }
  44.  
  45. /* Header */
  46.  
  47. #header {
  48.     width: 700px;
  49.     height: 200px;
  50.     margin: 0 auto;
  51.     background: url(images/img1.jpg) no-repeat;
  52. }
  53.  
  54. #header * {
  55.     margin: 0;
  56.     border: none;
  57.     text-decoration: none;
  58.     text-transform: lowercase;
  59.     font-weight: normal;
  60.     color: #FFFFFF;
  61. }
  62.  
  63. #header h1 {
  64.     float: left;
  65.     padding: 140px 0 0 20px;
  66.     font-size: 3em;
  67. }
  68.  
  69. #header h2 {
  70.     float: left;
  71.     padding: 165px 0 0 3px;
  72.     font-size: 1em;
  73. }
  74.  
  75. /* Menu */
  76.  
  77. #menu {
  78.     width: 700px;
  79.     height: 41px;
  80.     margin: 0 auto;
  81.     background: #37AEF2 url(images/img2.gif)
  82. }
  83.  
  84. #menu ul {
  85.     margin: 0;
  86.     padding: 0;
  87.     list-style: none;
  88. }
  89.  
  90. #menu li {
  91.     display: inline;
  92. }
  93.  
  94. #menu a {
  95.     display: block;
  96.     float: left;
  97.     height: 32px;
  98.     padding: 9px 20px 0 20px;
  99.     text-decoration: none;
  100.     color: #FFFFFF;
  101. }
  102.  
  103. #menu a:hover, #menu .active a {
  104.     background: url(images/img3.gif);
  105.     color: #FFFFFF;
  106. }
  107.  
  108. /* Content */
  109.  
  110. #content {
  111.     width: 700px;
  112.     margin: 0 auto;
  113.     background: url(images/img4.gif);
  114. }
  115.  
  116. #colOne {
  117.     float: right;
  118.     width: 160px;
  119.     padding: 20px 10px 0 10px;
  120. }
  121.  
  122. #colTwo {
  123.     float: right;
  124.     width: 360px;
  125.     padding: 20px 10px 0 10px;
  126. }
  127.  
  128. #colThree {
  129.     float: right;
  130.     width: 120px;
  131.     padding: 10px;
  132. }
  133.  
  134. /* Footer */
  135.  
  136. #footer {
  137.     width: 700px;
  138.     margin: 0 auto;
  139.     padding: 10px 0;
  140.     background: url(images/img6.gif) repeat-x;
  141.     font-size: smaller;
  142. }
  143.  
  144. #footer * {
  145.     color: #666666;
  146. }