home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / supplementary / default.css next >
Cascading Style Sheet File  |  2008-04-15  |  5KB  |  366 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: url(images/img01.jpg) repeat-x left top;
  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: #BE482C;
  41. }
  42.  
  43. a:hover, a:active {
  44.     text-decoration: none;
  45.     color: #BE482C;
  46. }
  47.  
  48. a:visited {
  49.     color: #BE482C;
  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: 860px;
  93.     height: 54px;
  94.     margin: 0 auto;
  95.     background: url(images/img02.jpg) no-repeat left top;
  96. }
  97.  
  98. /* Menu */
  99.  
  100. #menu {
  101.     float: left;
  102.     width: 860px;
  103.     height: 54px;
  104. }
  105.  
  106. #menu ul {
  107.     margin: 0;
  108.     padding: 0px 0 0 20px;
  109.     list-style: none;
  110.     line-height: normal;
  111. }
  112.  
  113. #menu li {
  114.     display: block;
  115.     float: left;
  116. }
  117.  
  118. #menu a {
  119.     display: block;
  120.     float: left;
  121.     margin-right: 3px;
  122.     padding: 12px 20px;
  123.     letter-spacing: -.5px;
  124.     text-decoration: none;
  125.     text-transform: lowercase;
  126.     font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
  127.     color: #E56F47;
  128. }
  129.  
  130. #menu a:hover { 
  131.     text-decoration: none; 
  132.     background: #DE8761;
  133.     color: #FFFFFF;
  134. }
  135.  
  136. #menu .current_page_item a {
  137.     background: #DE8761;
  138.     color: #FFFFFF;
  139. }
  140.  
  141. /** LOGO */
  142.  
  143. #logo {
  144.     width: 860px;
  145.     height: 120px;
  146.     margin: 0 auto;
  147.     background: url(images/img15.jpg) no-repeat left top;
  148. }
  149.  
  150. #logo h1, #logo h2 {
  151.     float: left;
  152.     margin: 0;
  153.     padding: 0 0 0 20px;
  154.     line-height: normal;
  155. }
  156.  
  157. #logo h1 { padding-top: 25px; }
  158.  
  159. #logo h1 a {
  160.     text-decoration: none;
  161.     color: #6D5A46;
  162. }
  163.  
  164. #logo h1 a:hover { text-decoration: underline; }
  165.  
  166. #logo h2 {
  167.     padding: 45px 0 0 15px;
  168.     font: italic 13px Georgia, "Times New Roman", Times, serif;
  169.     color: #B6ACA2;
  170. }
  171.  
  172. #logo p a {
  173.     text-decoration: none;
  174.     color: #B6ACA2;
  175. }
  176.  
  177. #logo p a:hover { text-decoration: underline; }
  178.  
  179.  
  180.  
  181. /* Page */
  182.  
  183. #page {
  184.     width: 850px;
  185.     margin: 0 auto;
  186. }
  187.  
  188. /* Content */
  189.  
  190. #content {
  191.     float: right;
  192.     width: 600px;
  193. }
  194.  
  195. /* Post */
  196.  
  197. .post {
  198.     padding: 15px 15px;
  199.     background: url(images/img05.gif) no-repeat left top;
  200. }
  201.  
  202. .post .title {
  203.     margin-bottom: 20px;
  204.     padding-bottom: 5px;
  205.     border-bottom: 1px dotted #D1D1D1;
  206. }
  207.  
  208. .post .entry {
  209. }
  210.  
  211. .post .meta {
  212.     padding: 15px 0 60px 0;
  213.     background: url(images/img03.gif) repeat-x;
  214. }
  215.  
  216. .post .meta p {
  217.     margin: 0;
  218.     line-height: normal;
  219.     color: #999999;
  220. }
  221.  
  222. .post .meta .byline {
  223.     float: left;
  224. }
  225.  
  226. .post .meta .links {
  227.     float: right;
  228. }
  229.  
  230. .post .meta .more {
  231.     padding: 0 20px 0 18px;
  232.     background: url(images/img06.gif) no-repeat left center;
  233. }
  234.  
  235. .post .meta .comments {
  236.     padding-left: 22px;
  237.     background: url(images/img07.gif) no-repeat left center;
  238. }
  239.  
  240. .post .meta b {
  241.     display: none;
  242. }
  243.  
  244. /* Sidebar */
  245.  
  246. #sidebar {
  247.     float: left;
  248.     width: 215px;
  249. }
  250.  
  251. #sidebar ul {
  252.     margin: 0;
  253.     padding: 0;
  254.     list-style: none;
  255. }
  256.  
  257. #sidebar li {
  258.     margin-bottom: 40px;
  259.     padding: 0 15px;
  260.     background: url(images/img13.gif) no-repeat left top;
  261. }
  262.  
  263. #sidebar li ul {
  264. }
  265.  
  266. #sidebar li li {
  267.     margin: 0;
  268.     padding-left: 12px;
  269.     background: url(images/img12.gif) no-repeat left 50%;
  270. }
  271.  
  272. #sidebar h2 {
  273.     padding-top: 20px;
  274.     margin-bottom: 10px;
  275.     background: url(images/img14.gif) no-repeat right 70%;
  276.     border-bottom: 1px dotted #D1D1D1;
  277.     font-size: 18px;
  278. }
  279.  
  280. /* Search */
  281.  
  282. #search {
  283. }
  284.  
  285. #search h2 {
  286.     margin-bottom: 20px;
  287. }
  288.  
  289. #s {
  290.     width: 115px;
  291.     margin-right: 5px;
  292.     padding: 3px;
  293.     border: 1px solid #F0F0F0;
  294. }
  295.  
  296. #x {
  297.     padding: 3px;
  298.     background: #ECECEC url(images/img08.gif) repeat-x left bottom;
  299.     border: none;
  300.     text-transform: lowercase;
  301.     font-size: 11px;
  302.     color: #4F4F4F;
  303. }
  304.  
  305. /* Boxes */
  306.  
  307. .box1 {
  308.     padding: 20px;
  309.     background: url(images/img05.gif) no-repeat;
  310. }
  311.  
  312. .box2 {
  313.     color: #BABABA;
  314. }
  315.  
  316. .box2 h2 {
  317.     margin-bottom: 15px;
  318.     background: url(images/img10.gif) repeat-x left bottom;
  319.     font-size: 16px;
  320.     color: #FFFFFF;
  321. }
  322.  
  323. .box2 ul {
  324.     margin: 0;
  325.     padding: 0;
  326.     list-style: none;
  327. }
  328.  
  329. .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
  330.     color: #EDEDED;
  331. }
  332.  
  333. /* Footer */
  334. #footer-wrap {
  335.     width: 860px;
  336.     height: 64px;
  337.     margin: 0 auto;
  338.     background: url(images/img09.jpg) no-repeat left top;
  339. }
  340.  
  341. #footer {
  342.     margin: 0 auto;
  343.     height: 64px;
  344.     min-height: 64px;
  345.     padding: 0;
  346.     background: #D16E45 url(images/img08.jpg) repeat-x;
  347. }
  348.  
  349. html>body #footer {
  350.     height: auto;
  351. }
  352.  
  353. #footer p {
  354. }
  355.  
  356. #legal {
  357.     clear: both;
  358.     padding-top: 20px;
  359.     text-align: center;
  360.     color: #FFD2C6;
  361. }
  362.  
  363. #legal a {
  364.     color: #FFD2C6;
  365. }
  366.