home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / diversity / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2007-09-19  |  3.2 KB  |  233 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: 20px;
  9.     padding: 0;
  10.     background: #CCCCCC;
  11. }
  12.  
  13. body, th, td, input, textarea, select {
  14.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  15.     font-size: 13px;
  16.     color: #555555;
  17. }
  18.  
  19. h1, h2, h3 {
  20.     color: #3A570F;
  21. }
  22.  
  23. h1 {
  24.     letter-spacing: -2px;
  25.     font-size: 3em;
  26. }
  27.  
  28. h2 {
  29.     font-size: 2em;
  30. }
  31.  
  32. h3 {
  33.     font-size: 1em;
  34. }
  35.  
  36. input, textarea, select {
  37.     color: #000000;
  38. }
  39.  
  40. a {
  41.     color: #3A570F;
  42. }
  43.  
  44. a:hover {
  45.     text-decoration: none;
  46. }
  47.  
  48. /* Sidebar */
  49.  
  50. #sidebar {
  51.     float: left;
  52.     width: 241px;
  53. }
  54.  
  55. /* Logo */
  56.  
  57. #logo {
  58.     margin-bottom: 10px;
  59.     background: #658634 url(images/img02.gif) repeat-y;
  60. }
  61.  
  62. #logo h1, #logo p {
  63.     margin: 0;
  64.     padding: 0;
  65.     text-transform: lowercase;
  66.     text-align: center;
  67.     font-weight: normal;
  68.     color: #FFFFFF;
  69. }
  70.  
  71. #logo h1 {
  72.     padding-top: 30px;
  73.     background: url(images/img01.gif) no-repeat;
  74. }
  75.  
  76. #logo p {
  77.     padding-bottom: 30px;
  78.     background: url(images/img03.gif) no-repeat left bottom;
  79. }
  80.  
  81. #logo a {
  82.     text-decoration: none;
  83.     color: #FFFFFF;
  84. }
  85.  
  86. /* Widgets */
  87.  
  88. #widgets {
  89.     background: #658634 url(images/img02.gif) repeat-y;
  90. }
  91.  
  92. #widgets-top {
  93.     height: 20px;
  94.     background: url(images/img01.gif) no-repeat;
  95. }
  96.  
  97. #widgets * {
  98.     color: #FFFFFF;
  99. }
  100.  
  101. #widgets ul {
  102.     margin: 0;
  103.     padding: 0 20px 100px 20px;
  104.     background: url(images/img04.jpg) no-repeat left bottom;
  105.     list-style: none;
  106. }
  107.  
  108. #widgets li {
  109. }
  110.  
  111. #widgets li ul {
  112.     padding: 0 0 20px 6px;
  113.     background: none;
  114.     line-height: 180%;
  115. }
  116.  
  117. #widgets li li {
  118.     padding-left: 12px;
  119.     background: url(images/img05.gif) no-repeat left center;
  120. }
  121.  
  122. #widgets h2 {
  123.     margin: 0;
  124.     padding: 0 0 20px 0;
  125.     font-size: 1em;
  126. }
  127.  
  128. /* Page */
  129.  
  130. #page {
  131.     margin-left: 250px;
  132. }
  133.  
  134. /* Search */
  135.  
  136. #search {
  137.     height: 51px;
  138.     background: url(images/img06.gif) repeat-x;
  139. }
  140.  
  141. #search form {
  142.     height: 51px;
  143.     margin: 0;
  144.     padding: 0;
  145.     background: url(images/img07.jpg) no-repeat;
  146. }
  147.  
  148. #search fieldset {
  149.     height: 40px;
  150.     margin: 0;
  151.     padding: 11px 20px 0 0;
  152.     background: url(images/img08.gif) no-repeat right top;
  153.     border: none;
  154.     text-align: right;
  155. }
  156.  
  157. /* Content */
  158.  
  159. #content {
  160. }
  161.  
  162. #content h1, #content h2 {
  163.     font-weight: normal;
  164.     margin-top: 0;
  165. }
  166.  
  167. .pagetitle {
  168.     margin: 0 0 10px 0;
  169.     padding-top: 27px;
  170. }
  171.  
  172. .post {
  173.     margin-bottom: 10px;
  174.     background: #ADB79E url(images/img09.gif) repeat-y right top;
  175. }
  176.  
  177. .title {
  178.     margin: 0;
  179.     padding: 0 20px;
  180. }
  181.  
  182. .byline {
  183.     margin: 0 20px;
  184.     border-top: 2px solid #C2C9B6;
  185. }
  186.  
  187. .entry {
  188.     padding: 20px 20px 0 20px;
  189. }
  190.  
  191. .meta {
  192.     margin: 0;
  193.     padding: 0 20px;
  194. }
  195.  
  196. /* Rounded Corners */
  197.  
  198. .ct {
  199. }
  200.  
  201. .ct .l {
  202.     background: url(images/img10.gif) no-repeat;
  203. }
  204.  
  205. .ct .r {
  206.     height: 15px;
  207.     background: url(images/img11.gif) no-repeat right top;
  208. }
  209.  
  210. .cb {
  211.     background: url(images/img12.gif) repeat-x left bottom;
  212. }
  213.  
  214. .cb .l {
  215.     background: url(images/img13.gif) no-repeat left bottom;
  216. }
  217.  
  218. .cb .r {
  219.     height: 15px;
  220.     background: url(images/img14.gif) no-repeat right bottom;
  221. }
  222.  
  223. /* Footer */
  224.  
  225. #footer {
  226.     clear: both;
  227.     padding-top: 10px;
  228.     font-size: smaller;
  229. }
  230.  
  231. #footer p {
  232.     margin: 0;
  233. }