home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / powderpuff / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-01-04  |  2.1 KB  |  173 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. /* Elements */
  8.  
  9. body {
  10.     margin: 0;
  11.     padding: 0;
  12.     background: #F1EDFF url(images/img1.jpg) repeat-x;
  13.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  14.     font-size: small;
  15.     color: #666666;
  16. }
  17.  
  18. h1 {
  19. }
  20.  
  21. h2, h3 {
  22.     margin-top: 0;
  23. }
  24.  
  25. h4, h5, h6 {
  26. }
  27.  
  28. p, ol, ul, dl, blockquote {
  29. }
  30.  
  31. a {
  32.     color: #3072FF;
  33. }
  34.  
  35. a:hover {
  36.     text-decoration: none;
  37. }
  38.  
  39. /* Header */
  40.  
  41. #header {
  42.     height: 160px;
  43.     margin: 0 20px;
  44. }
  45.  
  46. #header * {
  47.     text-decoration: none;
  48.     color: #FF4430;
  49. }
  50.  
  51. /* Logo */
  52.  
  53. #logo {
  54.     float: left;
  55.     padding-top: 100px;
  56. }
  57.  
  58. #logo h1 {
  59.     float: left;
  60.     margin: 0;
  61.     padding: 0;
  62.     letter-spacing: -2px;
  63.     font-size: 3em;
  64. }
  65.  
  66. #logo h2 {
  67.     float: left;
  68.     margin: 0;
  69.     padding: 0 0 0 .5em;
  70.     font-size: 1em;
  71. }
  72.  
  73. /* Menu */
  74.  
  75. #menu {
  76.     float: right;
  77. }
  78.  
  79. #menu ul {
  80.     margin: 0;
  81.     padding: 125px 0 0 0;
  82.     list-style: none;
  83. }
  84.  
  85. #menu li {
  86.     display: inline;
  87. }
  88.  
  89. #menu a {
  90.     display: block;
  91.     float: left;
  92.     padding: 0 1em;
  93.     border-left: 1px solid #FF4430;
  94. }
  95.  
  96. #menu a:hover {
  97. }
  98.  
  99. #menu .first a {
  100.     border: none;
  101. }
  102.  
  103. /* Content */
  104.  
  105. #content {
  106.     padding: 20px;
  107.     background: #FFFFFF url(images/img5.gif) repeat-x;
  108. }
  109.  
  110. #colOne {
  111.     float: left;
  112.     width: 23%;
  113. }
  114.  
  115. #colTwo {
  116.     float: left;
  117.     width: 48%;
  118.     padding: 0 0 0 2em;
  119. }
  120.  
  121. #colTwo h2 {
  122.     margin-bottom: .3em;
  123.     font-size: 2em;
  124. }
  125.  
  126. #colThree {
  127.     float: right;
  128.     width: 23%;
  129. }
  130.  
  131. /* Footer */
  132.  
  133. #footer {
  134.     padding: 20px 0;
  135.     background: url(images/img4.gif) repeat-x;
  136. }
  137.  
  138. #footer p {
  139.     margin: 0;
  140.     text-align: center;
  141. }
  142.  
  143. /* Boxed */
  144.  
  145. .boxed h2 {
  146.     margin: 0;
  147.     padding: 10px 0 3px 10px;
  148.     background: #CADAFF url(images/img2.gif) no-repeat;
  149.     font-size: 1.3em;
  150.     color: #FFFFFF;
  151. }
  152.  
  153. .boxed h3 {
  154.     margin: 0;
  155.     font-size: 1em;
  156. }
  157.  
  158. .boxed p, .boxed ul {
  159.     margin-top: 0;
  160. }
  161.  
  162. .boxed ul {
  163.     margin-left: 0;
  164.     padding-left: 0;
  165.     list-style-position: inside;
  166.     color: #CADAFF;
  167. }
  168.  
  169. .boxed-content {
  170.     padding: 10px;
  171.     background: #EAF0FF;
  172.     border-left: 2px solid #CADAFF;
  173. }