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