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