home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / external / default.css next >
Cascading Style Sheet File  |  2008-05-30  |  6KB  |  416 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 left top;
  11.     text-align: justify;
  12.     font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     color: #000000;
  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 {
  28.     padding: 5px;
  29.     border: 1px solid #626262;
  30.     font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
  31. }
  32.  
  33. h1, h1 a, h2, h2 a, h3, h3 a {
  34.     margin: 0;
  35.     text-decoration: none;
  36.     font-weight: normal;
  37.     color: #CF3822;
  38. }
  39.  
  40. h1 {
  41.     letter-spacing: -3px;
  42.     font-size: 2.6em;
  43. }
  44.  
  45. h2 {
  46.     letter-spacing: -2px;
  47.     font-size: 2em;
  48. }
  49.  
  50. h3 {
  51.     margin-bottom: 2em;
  52.     font-size: 1em;
  53.     font-weight: bold;
  54. }
  55.  
  56. p, ol, ul {
  57.     margin: 0 0 2em 0;
  58.     line-height: 200%;
  59. }
  60.  
  61. blockquote {
  62.     margin: 0 0 0 1.5em;
  63.     padding-left: 1em;
  64.     border-left: 5px solid #DDDDDD;
  65. }
  66.  
  67. a {
  68.     color: #000000;
  69.     text-decoration: none;}
  70.  
  71. a:hover {
  72.     text-decoration: none;
  73.     color: #FF5134;
  74. }
  75.  
  76. img {
  77.     border: none;
  78. }
  79.  
  80. img.left {
  81.     float: left;
  82.     margin: 8px 20px 0px 0px;
  83.     border: 2px solid #434343; 
  84. }
  85.  
  86.  
  87. /* Header */
  88.  
  89. #wrapper {
  90. }
  91.  
  92. #header {
  93.     width: 900px;
  94.     height: 110px;
  95.     margin: 0 auto;
  96. }
  97.  
  98. #logo h1, #logo p {
  99.     float: left;
  100. }
  101.  
  102. #logo h1 {
  103.     height: 88px;
  104.     padding: 20px 90px 0 0;
  105.     font-size: 4em;
  106. }
  107.  
  108. #logo p {
  109.     margin: 0 0 0 -80px;
  110.     padding: 55px 0 0 0;
  111.     line-height: normal;
  112.     letter-spacing: -1px;
  113.     font-size: 1.2em;
  114.     font-weight: bold;
  115. }
  116.  
  117. #logo a {
  118.     text-decoration: none;
  119.     font-weight: bold;
  120. }
  121.  
  122. #logo p a {
  123.     color: #CF3822;
  124. }
  125.  
  126. /* RSS */
  127.  
  128. #rss {
  129.     padding: 30px 39px 20px 0;
  130.     text-align: right;
  131. }
  132.  
  133. #rss a {
  134.     padding: 0 0 3px 24px;
  135.     text-decoration: none;
  136.     font-weight: bold;
  137.     color: #FF5134;
  138. }
  139.  
  140. #rss a:hover {
  141. }
  142.  
  143. /* Search */
  144.  
  145. #search {
  146.     float: right;
  147.     width: 200px;
  148.     height: 25px;
  149.     background: #FEEEB2;
  150.     border: 1px solid #FFE4AD;
  151. }
  152.  
  153. #search #x {
  154.     display: none;
  155. }
  156.  
  157. #search #s {
  158.     padding: 6px 10px 5px 10px;
  159.     width: 160px;
  160.     height: auto;
  161.     background: none;
  162.     border: none;
  163.     font: normal 10px Arial, Helvetica, sans-serif;
  164.     color: #DC7635;
  165. }
  166.  
  167. #search br {
  168.     display: none;
  169. }
  170.  
  171. /* Menu */
  172.  
  173. #menu {
  174.     width: 895px;
  175.     height: 60px;
  176.     margin: 0 auto;
  177. }
  178.  
  179. #menu ul {
  180.     margin: 0;
  181.     padding: 0;
  182.     list-style: none;
  183. }
  184.  
  185. #menu li {
  186.     display: inline;
  187.     font-family: Tahoma, Arial, sans-serif;
  188. }
  189.  
  190. #menu a {
  191.     display: block;
  192.     float: left;
  193.     margin: 6px 4px 6px 2px;
  194.     padding: 1px 10px;
  195.     text-decoration: none;
  196.     font-size: 1em;
  197.     font-weight: normal;
  198.     color: #FFFFFF;
  199. }
  200.  
  201. #menu a:hover {
  202.     background: #E8922B;
  203. }
  204.  
  205. #menu .current_page_item {
  206. }
  207.  
  208. #menu .current_page_item a {
  209.     background: #E8922B;
  210.     border-right: 2px solid #B24100;
  211.     border-bottom: 1px solid #B24100;
  212. }
  213.  
  214. /* Page */
  215.  
  216. #page {
  217.     width: 890px;
  218.     margin: 0 auto;
  219.     padding: 30px 0;
  220. }
  221.  
  222. /* Ads */
  223.  
  224. #ads {
  225.     float: right;
  226.     width: 160px;
  227.     padding: 0 0 0 20px;
  228. }
  229.  
  230. #ads img {
  231.     border: 1px dashed #F5E0B7;
  232. }
  233. /* Content */
  234.  
  235. #content {
  236.     float: left;
  237.     width: 430px;
  238. }
  239.  
  240. .post {
  241.     margin-bottom: 50px;
  242.     border-bottom: 1px #A90000 dashed;
  243. }
  244.  
  245. .post .title {
  246.     font-family: Georgia, "Times New Roman", Times, serif;
  247. }
  248.  
  249. .post .title h2 {
  250.     font-size: 2.2em;
  251.     color: #CF3822;
  252. }
  253.  
  254. .post .title p {
  255.     margin: 0;
  256.     line-height: normal;
  257.     color: #BABABA;
  258. }
  259.  
  260. .post .title p a {
  261.     color: #880A0B;
  262. }
  263.  
  264. .post .entry {
  265.     padding-top: 30px;
  266. }
  267.  
  268. .post .links {
  269.     float: left;
  270.     width: 510px;
  271.     margin: 0;
  272.     padding: 6px 0 0 0px;
  273. }
  274.  
  275. .post .links a {
  276.     padding: 5px 7px;
  277.     text-decoration: none;
  278.     text-transform: uppercase;
  279.     font-family: Arial, Helvetica, sans-serif;
  280.     font-weight: bold;
  281.     font-size: 10px;
  282.     color: #CF3822;
  283.     background: #C65C18;
  284.     border-top: 1px solid #D7D3CD;
  285.     border-left: 1px solid #D7D3CD;
  286.     border-right: 2px solid #362F23;    
  287.     border-bottom: 1px solid #362F23;
  288.  
  289. }
  290.  
  291. .post .links a:hover {
  292.     text-decoration: none;
  293. }
  294.  
  295. .post .links .more {
  296.     color: #FFFFFF;
  297. }
  298.  
  299. .post .links .comments {
  300.     color: #FFFFFF;
  301. }
  302.  
  303. /* Sidebar */
  304.  
  305. #sidebar {
  306.     float: right;
  307.     width: 240px;
  308.     background: #F8F4DC;
  309.     border: 1px dashed #F5E0B7;
  310.     margin-bottom: 25px;
  311. }
  312.  
  313. #sidebar ul {
  314.     margin: 20px 0 0 0;
  315.     padding: 0;
  316.     list-style: none;
  317. }
  318.  
  319. #sidebar li {
  320.     margin-bottom: 20px;
  321. }
  322.  
  323. #sidebar li ul {
  324.     padding: 0px 20px 0px 20px;
  325.     line-height: 200%;
  326. }
  327.  
  328. #sidebar li li {
  329.     margin: 0;
  330.     padding-left: 15px;
  331.     padding-bottom: 5px;
  332. }
  333.  
  334. #sidebar h2 {
  335.     width: 210px;
  336.     height: 30px;
  337.     padding: 5px 0 0 20px;
  338.     letter-spacing: -1px;
  339.     font-size: 1.6em;
  340.     font-family: Georgia, "Times New Roman", Times, serif;
  341. }
  342.  
  343. #sidebar a:hover {
  344.  
  345. }
  346.  
  347. /* Calendar */
  348.  
  349. #calendar_wrap {
  350.     padding: 15px 20px;
  351. }
  352.  
  353. #calendar table {
  354.     width: 100%;
  355.     background: #1F1F1D;
  356.     border: 1px solid #11110F;
  357.     text-align: center;
  358. }
  359.  
  360. #calendar thead {
  361.     background: #161616;
  362. }
  363.  
  364. #calendar tbody td {
  365.     background: #0F0F0D;
  366.     border: 1px solid #11110F;
  367. }
  368.  
  369. #calendar #prev {
  370.     text-align: left;
  371. }
  372.  
  373. #calendar #next {
  374.     text-align: right;
  375. }
  376.  
  377. #calendar tfoot a {
  378.     text-decoration: none;
  379.     font-weight: bold;
  380. }
  381.  
  382. #calendar #today {
  383.     background: #121210;
  384.     border: 1px solid #11110F;
  385.     font-weight: bold;
  386.     color: #CF3822
  387. }
  388.  
  389. /* Footer */
  390.  
  391. #footer {
  392.     clear: both;
  393.     width: 950px;
  394.     margin: 0 auto;
  395.     padding: 30px 0;
  396.     background: url(images/img02.jpg) repeat-x left top;
  397.     color: #B85212;
  398. }
  399.  
  400. #footer p {
  401.     margin: 0 0 5px 0;
  402.     text-align: center;
  403.     line-height: normal;
  404.     font-size: .9em;
  405. }
  406.  
  407. #footer a {
  408.     background: #E8922B;
  409.     padding: 1px 6px;
  410.     border-right: 2px solid #B24100;
  411.     border-bottom: 1px solid #B24100;
  412.     text-decoration: none;
  413.     color: #FFFFFF;
  414. }
  415.  
  416.