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