home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / complimentary / default.css next >
Encoding:
Cascading Style Sheet File  |  2008-04-16  |  4.4 KB  |  331 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: 100px 0 0 0;
  9.     padding: 0;
  10.     background: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #333333;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     margin: 0;
  18.     text-transform: lowercase;
  19.     font-weight: normal;
  20.     color: #3E3E3E;
  21. }
  22.  
  23. h1 {
  24.     letter-spacing: -1px;
  25.     font-size: 32px;
  26. }
  27.  
  28. h2 {
  29.     font-size: 23px;
  30. }
  31.  
  32. p, ul, ol {
  33.     margin: 0 0 2em 0;
  34.     text-align: justify;
  35.     line-height: 26px;
  36.     font-size: 11px;
  37. }
  38.  
  39. a:link {
  40.     color: #7BAA0F;
  41. }
  42.  
  43. a:hover, a:active {
  44.     text-decoration: none;
  45.     color: #003448;
  46. }
  47.  
  48. a:visited {
  49.     color: #333333;
  50. }
  51.  
  52. img {
  53.     border: none;
  54. }
  55.  
  56. img.left {
  57.     float: left;
  58.     margin-right: 15px;
  59. }
  60.  
  61. img.right {
  62.     float: right;
  63.     margin-left: 15px;
  64. }
  65.  
  66. /* Form */
  67.  
  68. form {
  69.     margin: 0;
  70.     padding: 0;
  71. }
  72.  
  73. fieldset {
  74.     margin: 0;
  75.     padding: 0;
  76.     border: none;
  77. }
  78.  
  79. legend {
  80.     display: none;
  81. }
  82.  
  83. input, textarea, select {
  84.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  85.     font-size: 13px;
  86.     color: #333333;
  87. }
  88.  
  89. /* Header */
  90.  
  91. #header {
  92.     width: 850px;
  93.     height: 82px;
  94.     margin: 0 auto 40px auto;
  95.     background: url(images/img03.gif) repeat-x left bottom;
  96. }
  97.  
  98. #logo {
  99.     float: left;
  100. }
  101.  
  102. #logo h1 {
  103.     font-size: 38px;
  104.     color: #494949;
  105. }
  106.  
  107. #logo h1 sup {
  108.     vertical-align: text-top;
  109.     font-size: 24px;
  110. }
  111.  
  112. #logo h1 a {
  113.     color: #494949;
  114. }
  115.  
  116. #logo h2 {
  117.     margin-top: -10px;
  118.     font-size: 12px;
  119.     color: #A0A0A0;
  120. }
  121.  
  122. #logo a {
  123.     text-decoration: none;
  124. }
  125.  
  126. /* Menu */
  127.  
  128. #menu {
  129.     float: right;
  130. }
  131.  
  132. #menu ul {
  133.     margin: 0;
  134.     padding: 15px 0 0 0;
  135.     list-style: none;
  136. }
  137.  
  138. #menu li {
  139.     display: inline;
  140. }
  141.  
  142. #menu a {
  143.     display: block;
  144.     float: left;
  145.     background: #F5F5F5 url(images/img02.gif) repeat-x left bottom;
  146.     margin-left: 5px;
  147.     padding: 7px 20px;
  148.     text-decoration: none;
  149.     font-size: 13px;
  150.     color: #000000;
  151. }
  152.  
  153. #menu a:hover {
  154.     text-decoration: underline;
  155. }
  156.  
  157. #menu .active a {
  158. }
  159.  
  160. /* Page */
  161.  
  162. #page {
  163.     width: 850px;
  164.     margin: 0 auto;
  165. }
  166.  
  167. /* Content */
  168.  
  169. #content {
  170.     float: left;
  171.     width: 575px;
  172. }
  173.  
  174. /* Post */
  175.  
  176. .post {
  177. }
  178.  
  179. .post .title {
  180.     margin-bottom: 20px;
  181.     padding-bottom: 5px;
  182.     background: url(images/img11.gif) no-repeat right 50%;
  183.     border-bottom: 1px dotted #D1D1D1;
  184. }
  185.  
  186. .post .entry {
  187. }
  188.  
  189. .post .meta {
  190.     padding: 15px 0 60px 0;
  191.     background: url(images/img03.gif) repeat-x;
  192. }
  193.  
  194. .post .meta p {
  195.     margin: 0;
  196.     line-height: normal;
  197.     color: #999999;
  198. }
  199.  
  200. .post .meta .byline {
  201.     float: left;
  202. }
  203.  
  204. .post .meta .links {
  205.     float: right;
  206. }
  207.  
  208. .post .meta .more {
  209.     padding: 0 20px 0 18px;
  210.     background: url(images/img06.gif) no-repeat left center;
  211. }
  212.  
  213. .post .meta .comments {
  214.     padding-left: 22px;
  215.     background: url(images/img07.gif) no-repeat left center;
  216. }
  217.  
  218. .post .meta b {
  219.     display: none;
  220. }
  221.  
  222. /* Sidebar */
  223.  
  224. #sidebar {
  225.     float: right;
  226.     width: 195px;
  227. }
  228.  
  229. #sidebar ul {
  230.     margin: 0;
  231.     padding: 0;
  232.     list-style: none;
  233. }
  234.  
  235. #sidebar li {
  236.     margin-bottom: 40px;
  237. }
  238.  
  239. #sidebar li ul {
  240. }
  241.  
  242. #sidebar li li {
  243.     margin: 0;
  244.     padding-left: 12px;
  245.     background: url(images/img12.gif) no-repeat left 50%;
  246. }
  247.  
  248. #sidebar h2 {
  249.     margin-bottom: 10px;
  250.     background: url(images/img11.gif) no-repeat right 50%;
  251.     border-bottom: 1px dotted #D1D1D1;
  252.     font-size: 16px;
  253. }
  254.  
  255. /* Search */
  256.  
  257. #search {
  258. }
  259.  
  260. #search h2 {
  261.     margin-bottom: 20px;
  262. }
  263.  
  264. #s {
  265.     width: 120px;
  266.     margin-right: 5px;
  267.     padding: 3px;
  268.     border: 1px solid #F0F0F0;
  269. }
  270.  
  271. #x {
  272.     padding: 3px;
  273.     background: #ECECEC url(images/img08.gif) repeat-x left bottom;
  274.     border: none;
  275.     text-transform: lowercase;
  276.     font-size: 11px;
  277.     color: #4F4F4F;
  278. }
  279.  
  280. /* Boxes */
  281.  
  282. .box1 {
  283.     padding: 20px;
  284.     background: url(images/img05.gif) no-repeat;
  285. }
  286.  
  287. .box2 {
  288.     color: #BABABA;
  289. }
  290.  
  291. .box2 h2 {
  292.     margin-bottom: 15px;
  293.     background: url(images/img10.gif) repeat-x left bottom;
  294.     font-size: 16px;
  295.     color: #FFFFFF;
  296. }
  297.  
  298. .box2 ul {
  299.     margin: 0;
  300.     padding: 0;
  301.     list-style: none;
  302. }
  303.  
  304. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
  305.     color: #EDEDED;
  306. }
  307.  
  308. /* Footer */
  309.  
  310. #footer {
  311.     height: 400px;
  312.     min-height: 74px;
  313.     padding: 10px 0 0 0;
  314.     background: #003448 url(images/img09.gif) repeat-x;
  315. }
  316.  
  317. html>body #footer {
  318.     height: auto;
  319. }
  320.  
  321. #legal {
  322.     clear: both;
  323.     padding-top: 20px;
  324.     text-align: center;
  325.     color: #8ADE3C;
  326. }
  327.  
  328. #legal a {
  329.     color: #76D424;
  330. }
  331.