home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / neonix / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-02-03  |  2.5 KB  |  177 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: 40px 0 0 0;
  9.     padding: 0;
  10.     background: #B2D22A url(images/img1.gif) repeat-x;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #688000;
  13. }
  14.  
  15. form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. h1, h2, h3 {
  21.     margin: 0;
  22.     padding: 0;
  23.     text-transform: lowercase;
  24.     color: #617703;
  25. }
  26.  
  27. a {
  28.     color: #688000;
  29. }
  30.  
  31. a:hover {
  32.     text-decoration: none;
  33. }
  34.  
  35. p, ul, ol, blockquote {
  36.     text-align: justify;
  37. }
  38.  
  39. /* Header */
  40.  
  41. #header {
  42.     width: 480px;
  43.     height: 130px;
  44.     margin: 0 auto;
  45.     background: url(images/img2.gif);
  46. }
  47.  
  48. #logo {
  49.     float: left;
  50.     padding: 25px 0 0 30px;
  51. }
  52.  
  53. #logo h1 {
  54.     letter-spacing: -4px;
  55.     font-size: 4em;
  56. }
  57.  
  58. #logo h2 {
  59.     margin-top: -10px;
  60.     text-align: center;
  61.     font-size: 1em;
  62. }
  63.  
  64. #logo a {
  65.     text-decoration: none;
  66.     color: #86A406;
  67. }
  68.  
  69. #menu {
  70.     float: right;
  71.     padding: 20px 70px 0 0;
  72. }
  73.  
  74. #menu ul {
  75.     margin: 0;
  76.     padding: 0;
  77.     list-style: none;
  78. }
  79.  
  80. #menu li {
  81.     display: inline;
  82. }
  83.  
  84. #menu a {
  85.     display: block;
  86.     width: 125px;
  87.     height: 20px;
  88.     padding-left: 10px;
  89.     background: url(images/img4.gif) no-repeat left center;
  90.     border-top: 1px dotted #86A406;
  91.     text-transform: lowercase;
  92.     text-decoration: none;
  93.     color: #86A406;
  94. }
  95.  
  96. #menu .first a {
  97.     border: none;
  98. }
  99.  
  100. /* Content */
  101.  
  102. #content {
  103.     width: 480px;
  104.     margin: 0 auto;
  105.     background: url(images/img3.gif) repeat-y;
  106. }
  107.  
  108. /* Column One */
  109.  
  110. #colOne {
  111.     margin: 0 15px;
  112.     background: url(images/img5.gif) repeat-x;
  113. }
  114.  
  115. #colOne .post {
  116.     padding: 20px 30px 10px 30px;
  117.     border-bottom: 1px dotted #A8C54B;
  118. }
  119.  
  120. #colOne .title {
  121.     letter-spacing: -2px;
  122.     font-size: 2em;
  123. }
  124.  
  125. #colOne .posted {
  126.     font-size: x-small;
  127. }
  128.  
  129. /* Column Two */
  130.  
  131. #colTwo {
  132.     margin: 0 15px;
  133.     background: #E5FAA0 url(images/img6.gif) repeat-x;
  134. }
  135.  
  136. #colTwo ul {
  137.     margin: 0;
  138.     padding: 30px 30px 0 30px;
  139.     list-style: none;
  140. }
  141.  
  142. #colTwo li {
  143.     display: block;
  144.     float: left;
  145.     width: 180px;
  146. }
  147.  
  148. #colTwo li ul {
  149.     padding: 0;
  150.     background-image: url(images/spacer.gif);
  151. }
  152.  
  153. #colTwo li li {
  154.     display: list-item;
  155.     float: none;
  156.     padding-left: 10px;
  157.     background: url(images/img4.gif) no-repeat left center;
  158. }
  159.  
  160. #colTwo h2 {
  161.     font-size: 1.6em;
  162. }
  163.  
  164. /* Footer */
  165.  
  166. #footer {
  167.     width: 480px;
  168.     margin: 0 auto;
  169.     background: url(images/img8.gif) no-repeat;
  170. }
  171.  
  172. #footer p {
  173.     margin: 0;
  174.     padding: 20px 0;
  175.     text-align: center;
  176.     font-size: x-small;
  177. }