home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / boorish / default.css next >
Cascading Style Sheet File  |  2008-01-23  |  4KB  |  299 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/img01.jpg) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #666666;
  14. }
  15.  
  16. form {
  17.     margin: 0;
  18.     padding: 0;
  19. }
  20.  
  21. fieldset {
  22.     margin: 0;
  23.     padding: 0;
  24.     border: none;
  25. }
  26.  
  27. input, textarea, select {
  28.     font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  29. }
  30.  
  31. h1, h2 {
  32.     font-weight: normal;
  33.     color: #008C00;
  34. }
  35.  
  36. h1 {
  37.     letter-spacing: -1px;
  38.     font-size: 2.6em;
  39. }
  40.  
  41. h2 {
  42.     font-size: 1.8em;
  43. }
  44.  
  45. h3 {
  46.     font-size: 1.2em;
  47.     font-weight: bold;
  48. }
  49.  
  50. p, ul, ol {
  51. }
  52.  
  53. p {
  54. }
  55.  
  56. blockquote {
  57.     font-style: italic;
  58. }
  59.  
  60. ul {
  61. }
  62.  
  63. ol {
  64. }
  65.  
  66. a {
  67.     color: #008C00;
  68. }
  69.  
  70. a:hover {
  71.     text-decoration: none;
  72. }
  73.  
  74. small {
  75. }
  76.  
  77. hr {
  78.     display: none;
  79. }
  80.  
  81. img {
  82.     border: none;
  83. }
  84.  
  85. img.left {
  86.     float: left;
  87.     margin: 0 15px 0 0;
  88. }
  89.  
  90. img.right {
  91.     float: left;
  92.     margin: 0 0 0 15px;
  93. }
  94.  
  95. /* Header */
  96.  
  97. #header {
  98.     width: 920px;
  99.     height: 190px;
  100.     background: url(images/img07.jpg);
  101.     margin: 0 auto;
  102. }
  103.  
  104. /* Logo */
  105.  
  106. #logo {
  107.     float: left;
  108. }
  109.  
  110. #logo h1, #logo h2 {
  111.     margin: 0;
  112.     text-transform: lowercase;
  113. }
  114.  
  115. #logo h1 {
  116.     padding-top: 52px;
  117.     padding-left: 40px;
  118.     text-align: center;
  119.     font-size: 4em;
  120.     color: #299762;
  121. }
  122.  
  123. #logo h1 a {
  124.     color: #299762;
  125. }
  126.  
  127. #logo h2 {
  128.     margin-top: -10px;
  129.     padding-left: 40px;
  130.     letter-spacing: -1px;
  131.     font-size: 1.8em;
  132.     color: #299762;
  133. }
  134.  
  135. #logo h2 a {
  136.     color: #299762;
  137. }
  138.  
  139. #logo a {
  140.     text-decoration: none;
  141. }
  142.  
  143. /* Menu */
  144.  
  145. #menu {
  146.     float: right;
  147.     height: 190px;
  148. }
  149.  
  150. #menu ul {
  151.     margin: 0;
  152.     list-style: none;
  153. }
  154.  
  155. #menu li {
  156.     display: inline;
  157. }
  158.  
  159. #menu a {
  160.     display: block;
  161.     float: left;
  162.     height: 90px;
  163.     padding: 60px 20px 0px 20px;
  164.     text-align: center;
  165.     text-decoration: none;
  166.     text-transform: lowercase;
  167.     font-size: 1.6em;
  168.     color: #FFFFFF;
  169. }
  170.  
  171. #menu a:hover {
  172.     height: 161px;
  173.     background: url(images/img08.jpg) repeat-x top left;
  174. }
  175.  
  176. #menu .current_page_item a {
  177.     background: url(images/img08.jpg) repeat-x top left;
  178.     color: #FFFFFF;
  179. }
  180.  
  181. /* Page */
  182.  
  183. #page {
  184.     width: 920px;
  185.     margin: 0 auto;
  186.     padding-top: 20px;
  187. }
  188.  
  189. #latest-post {
  190.     float: left;
  191.     width: 570px;
  192.     padding: 0px 20px 0px 10px;
  193. }
  194.  
  195. #recent-posts {
  196.     float: right;
  197.     width: 290px;
  198.     background: url(images/img03.gif) repeat-y;
  199.     padding: 0px 10px 20px 20px;
  200. }
  201.  
  202. #recent-posts .entry {
  203.     background: url(images/img04.gif) repeat-x left bottom;
  204. }
  205.  
  206. .post {
  207. }
  208.  
  209. .post .title {
  210.     margin: 0;
  211. }
  212.  
  213. .post .meta {
  214.     margin: 0;
  215.     padding-bottom: 10px;
  216.     line-height: normal;
  217.     font-family: Arial, Helvetica, sans-serif;
  218.     color: #BABABA;
  219. }
  220.  
  221. .post .meta a {
  222.     color: #BABABA;
  223. }
  224.  
  225. .post .entry {
  226.     margin-bottom: 10px;
  227.     padding-bottom: 5px;
  228. }
  229.  
  230. /* Sidebar */
  231.  
  232. #sidebar {
  233.     clear: both;
  234.     width: 920px;
  235.     background: url(images/img04.gif) repeat-x left top;
  236.     color: #008C00;
  237. }
  238.  
  239. #sidebar ul {
  240.     margin: 0;
  241.     padding: 0;
  242.     list-style: none;
  243. }
  244.  
  245. #sidebar li {
  246.     display: block;
  247.     float: left;
  248.     width: 200px;
  249.     padding: 15px;
  250. }
  251.  
  252. #sidebar li ul {
  253.     line-height: 1.8em;
  254. }
  255.  
  256. #sidebar li li {
  257.     display: list-item;
  258.     float: none;
  259.     width: auto;
  260.     padding: 0;
  261. }
  262.  
  263. #sidebar h2 {
  264.     margin: 0 0 15px 0;
  265.     color: #008C00;
  266. }
  267.  
  268. #sidebar a {
  269.     text-decoration: none;
  270.     color: #008C00;
  271. }
  272.  
  273. #sidebar a:hover {
  274.     text-decoration: underline;
  275. }
  276.  
  277. /* Footer */
  278.  
  279. #footer {
  280.     width: 920px;
  281.     height: 100px;
  282.     margin: 0 auto;
  283.     background: url(images/img06.gif) no-repeat;
  284. }
  285.  
  286. #footer p {
  287.     margin: 0;
  288.     padding: 15px;
  289. }
  290.  
  291. #legal {
  292.     float: left;
  293. }
  294.  
  295. #links {
  296.     float: right;
  297. }
  298.  
  299.