home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / blogsmith / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-10-03  |  3.2 KB  |  248 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: #333333 url(images/img01.gif) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #666666;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin-top: 0;
  18. }
  19.  
  20. h1 {
  21.     font-size: 2em;
  22. }
  23.  
  24. h2 {
  25.     font-size: 1.6em;
  26. }
  27.  
  28. h3 {
  29.     font-size: 1em;
  30. }
  31.  
  32. ul {
  33.     list-style-image: url(images/img07.gif);
  34. }
  35.  
  36. a {
  37.     color: #333333;
  38. }
  39.  
  40. a:hover {
  41.     text-decoration: none;
  42.     color: #000000;
  43. }
  44.  
  45. a img {
  46.     border: none;
  47. }
  48.  
  49. img.left {
  50.     float: left;
  51.     margin: 0 20px 0 0;
  52. }
  53.  
  54. img.right {
  55.     float: right;
  56.     margin: 0 0 0 20px;
  57. }
  58.  
  59. /* Header */
  60.  
  61. #logo {
  62.     width: 750px;
  63.     height: 65px;
  64.     margin: 0 auto;
  65. }
  66.  
  67. #logo h1, #logo p {
  68.     margin: 0;
  69.     color: #FFFFFF;
  70. }
  71.  
  72. #logo h1 {
  73.     float: left;
  74.     padding-top: 30px;
  75. }
  76.  
  77. #logo p {
  78.     float: right;
  79.     padding-top: 39px;
  80.     font-size: 1.2em;
  81. }
  82.  
  83. #logo a {
  84.     text-decoration: none;
  85.     color: #FFFFFF;
  86. }
  87.  
  88. /* Menu */
  89.  
  90. #menu {
  91.     width: 778px;
  92.     height: 45px;
  93.     margin: 0 auto;
  94.     background: #F6F6F6 url(images/img02.gif) no-repeat;
  95. }
  96.  
  97. #menu ul {
  98.     margin: 0;
  99.     padding: 5px 0 0 14px;
  100.     list-style: none;
  101. }
  102.  
  103. #menu li {
  104.     display: inline;
  105. }
  106.  
  107. #menu a {
  108.     display: block;
  109.     float: left;
  110.     height: 29px;
  111.     padding: 11px 30px 0 30px;
  112.     text-decoration: none;
  113.     font-weight: bold;
  114.     color: #333333;
  115. }
  116.  
  117. #menu a:hover {
  118.     text-decoration: underline;
  119.     color: #000000;
  120. }
  121.  
  122. #menu .current_page_item a {
  123.     background: url(images/img06.gif) repeat-x;
  124. }
  125.  
  126. /* Page */
  127.  
  128. #page {
  129.     width: 778px;
  130.     margin: 0 auto;
  131.     background: #FFFFFF url(images/img05.gif) repeat-y;
  132. }
  133.  
  134. #page-bg {
  135.     padding: 11px 24px;
  136.     background: url(images/img03.jpg) no-repeat;
  137. }
  138.  
  139. /* Latest Post */
  140.  
  141. #latest-post {
  142.     padding: 20px;
  143.     border: 1px solid #E7E7E7;
  144. }
  145.  
  146. /* Content */
  147.  
  148. #content {
  149.     float: left;
  150.     width: 420px;
  151.     padding: 20px 0 0 20px;
  152. }
  153.  
  154. .post {
  155.     margin-bottom: 20px;
  156.     padding-bottom: 15px;
  157.     border-bottom: 1px solid #E7E7E7;
  158. }
  159.  
  160. .title {
  161.     margin: 0;
  162. }
  163.  
  164. .title a {
  165.     text-decoration: none;
  166. }
  167.  
  168. .title a:hover {
  169.     border-bottom: 1px dotted #999999;
  170. }
  171.  
  172. .byline {
  173.     margin: 0 0 20px 0;
  174. }
  175.  
  176. .entry {
  177. }
  178.  
  179. .links {
  180.     padding-top: 10px;
  181.     text-align: right;
  182.     font-weight: bold;
  183. }
  184.  
  185. /* Sidebar */
  186.  
  187. #sidebar {
  188.     float: right;
  189.     width: 230px;
  190.     padding-right: 20px;
  191. }
  192.  
  193. #sidebar ul {
  194.     margin: 0;
  195.     padding: 0;
  196.     list-style: none;
  197. }
  198.  
  199. #sidebar li {
  200. }
  201.  
  202. #sidebar li ul {
  203.     margin-bottom: 10px;
  204.     padding-bottom: 10px;
  205. }
  206.  
  207. #sidebar li li {
  208.     padding: 5px 20px 5px 35px;
  209.     background: url(images/img07.gif) no-repeat 20px 50%;
  210.     border-bottom: 1px solid #F3F3F3;
  211. }
  212.  
  213. #sidebar h2 {
  214.     margin: 0;
  215.     padding: 24px 0 3px 20px;
  216.     border-bottom: 1px solid #E7E7E7;
  217.     letter-spacing: -1px;
  218.     font-size: 1.2em;
  219.     font-weight: bold;
  220. }
  221.  
  222. #sidebar a {
  223.     text-decoration: none;
  224. }
  225.  
  226. #sidebar a:hover {
  227.     text-decoration: underline;
  228. }
  229.  
  230. /* Footer */
  231.  
  232. #footer {
  233.     width: 750px;
  234.     margin: 0 auto;
  235.     padding: 20px 0;
  236.     background: url(images/img08.gif) no-repeat;
  237. }
  238.  
  239. #footer p {
  240.     margin: 0;
  241.     text-align: center;
  242.     font-size: smaller;
  243.     color: #666666;
  244. }
  245.  
  246. #footer a {
  247.     color: #666666;
  248. }