home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / twisted / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-01-13  |  2.2 KB  |  165 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.     background: #EFA389;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: small;
  13.     color: #7A2B39;
  14. }
  15.  
  16. h1 {
  17. }
  18.  
  19. h2, h3 {
  20.     margin-top: 0px;
  21. }
  22.  
  23. h4, h5, h6 {
  24. }
  25.  
  26. p, ol, ul, dl, blockquote {
  27. }
  28.  
  29. a {
  30.     color: #7A2B39;
  31. }
  32.  
  33. a:hover {
  34.     text-decoration: none;
  35. }
  36. /* Backgrounds */
  37.  
  38. .bg1 { 
  39.     background: url(images/img1.gif) no-repeat;
  40.     height: 150px;
  41.  }
  42. .bg2 { background: url(images/img2.gif) repeat-y center top; }
  43. .bg3 { background: url(images/img3.gif) no-repeat center top; }
  44.  
  45. /* Header */
  46.  
  47. #header {
  48.     width: 500px;
  49.     height: 60px;
  50.     margin: 0px auto;
  51. }
  52.  
  53. #header h1 {
  54.     float: left;
  55.     margin: 0px;
  56.     padding-top: 20px;
  57.     font-size: 40px;
  58.     letter-spacing: -1px;
  59. }
  60.  
  61. #header h2 {
  62.     float: right;
  63.     margin: 0px;
  64.     padding-top: 36px;
  65.     font-size: 15px;
  66.  
  67. }
  68.  
  69. #header a {
  70.     text-decoration: none;
  71.     color: #823C49;
  72. }
  73.  
  74. /* Menu */
  75.  
  76. #menu {
  77.     width: 600px;
  78. }
  79.  
  80. #menu ul {
  81.     margin: 0px 0px 0px 0px;
  82.     padding: 70px 0px 0px 150px;
  83.     list-style: none;
  84.     font-size: 17px;
  85.     text-transform: lowercase;
  86. }
  87.  
  88. #menu li {
  89.     display: inline;
  90. }
  91.  
  92. #menu a {
  93.     display: block;
  94.     float: left;
  95.     padding: 10px 10px 10px 10px;
  96.     text-align: center;
  97.     text-decoration: none;
  98.     color: #EFA389;
  99. }
  100.  
  101. #menu a:hover {
  102.     color: #D46573;
  103. }
  104.  
  105. #wrapper {
  106.     width: 700px;
  107.     height: 150px;
  108.     margin: 0px auto;
  109.     background: url(images/img1.gif) no-repeat;
  110. }
  111.  
  112. /* Post */
  113.  
  114. .latest-post {
  115.     padding: 0px 2em 1em 3em;
  116. }
  117.  
  118. .latest-post h2 {
  119.     font-size: 1.6em;
  120.     color: #F7B0BC;
  121. }
  122.  
  123. .post {
  124.     padding: 2em 2em 1em 3em;
  125.     border-top: 1px dashed #823D47;
  126. }
  127.  
  128. .post h3 {
  129.     margin-bottom: .5em;
  130.     font-size: 1.2em;
  131.     color: #F7B0BC;
  132. }
  133.  
  134. .file * {
  135.     color: #E3A1AD;
  136. }
  137.  
  138. /* Content */
  139.  
  140. #content {
  141.     width: 440px;
  142.     margin: 0px auto;
  143.     padding: 20px 0px 0px 20px;
  144. }
  145.  
  146. /* Footer */
  147.  
  148. #footer {
  149.     width: 700px;
  150.     background: url(images/img3.gif) no-repeat;
  151.     height: 71px;
  152.     margin: 0px auto;
  153.     padding: 3px 0px;
  154. }
  155.  
  156. #footer p {
  157.     margin: 0px;
  158.     padding-top: 40px;
  159.     font-size: 10px;
  160.     text-align: center;
  161. }
  162.  
  163. #footer a {
  164.     color: #990000;
  165. }