home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / level2 / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-08-21  |  5.3 KB  |  354 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.gif) repeat-x;
  11.     font: 13px Arial, Helvetica, sans-serif;
  12.     color: #626262;
  13. }
  14.  
  15. form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. input {
  21.     padding: 5px;
  22.     background: #FEFEFE url(images/img13.gif) repeat-x;
  23.     border: 1px solid #626262;
  24.     font: normal 1em Arial, Helvetica, sans-serif;
  25. }
  26.  
  27. h1, h1 a, h2, h2 a, h3, h3 a {
  28.     margin: 0;
  29.     text-decoration: none;
  30.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  31.     color: #444444;
  32. }
  33.  
  34. h1 {
  35.     letter-spacing: -3px;
  36.     font-size: 2.6em;
  37. }
  38.  
  39. h2 {
  40.     letter-spacing: -2px;
  41.     font-size: 2em;
  42. }
  43.  
  44. h3 {
  45.     font-size: 1em;
  46. }
  47.  
  48. p, ol, ul {
  49.     margin-bottom: 2em;
  50.     line-height: 200%;
  51. }
  52.  
  53. blockquote {
  54.     margin: 0 0 0 1.5em;
  55.     padding-left: 1em;
  56.     border-left: 5px solid #DDDDDD;
  57. }
  58.  
  59. a {
  60.     color: #EB1400;
  61. }
  62.  
  63. a:hover {
  64.     text-decoration: none;
  65. }
  66.  
  67. /* Header */
  68.  
  69. #header {
  70.     height: 82px;
  71. }
  72.  
  73. #logo h1, #logo p {
  74.     float: left;
  75. }
  76.  
  77. #logo h1 {
  78.     padding: 13px 0 0 25px;
  79. }
  80.  
  81. #logo p {
  82.     margin: 0;
  83.     padding: 20px 0 0 4px;
  84.     line-height: normal;
  85.     text-transform: lowercase;
  86.     font-weight: bold;
  87. }
  88.  
  89. #logo a {
  90.     text-decoration: none;
  91.     color: #FFFFFF;
  92. }
  93.  
  94. #menu {
  95.     float: right;
  96. }
  97.  
  98. #menu ul {
  99.     margin: 0;
  100.     padding: 0;
  101.     list-style: none;
  102. }
  103.  
  104. #menu li {
  105.     display: block;
  106.     float: left;
  107.     height: 82px;
  108. }
  109.  
  110. #menu a {
  111.     display: block;
  112.     width: 110px;
  113.     height: 46px;
  114.     padding: 24px 0 0 0;
  115.     text-decoration: none;
  116.     text-align: center;
  117.     letter-spacing: -1px;
  118.     font: bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
  119.     color: #FABEB3;
  120. }
  121.  
  122. #menu a:hover {
  123.     width: 108px;
  124.     background: #AD200E url(images/img04.gif) repeat-x;
  125.     border-left: 1px solid #B22502;
  126.     border-right: 1px solid #B22502;
  127.     color: #FFFFFF;
  128. }
  129.  
  130. #menu .current_page_item {
  131.     background: url(images/img02.gif) no-repeat center bottom;
  132. }
  133.  
  134. #menu .current_page_item a {
  135.     width: 108px;
  136.     background: #FFEC70 url(images/img03.gif) repeat-x;
  137.     border-left: 1px solid #FFFFFF;
  138.     border-right: 1px solid #FFFFFF;
  139.     color: #EB1400;
  140. }
  141.  
  142. /* Page */
  143.  
  144. #page {
  145.     padding: 40px 60px 0 60px;
  146. }
  147.  
  148. /* Content */
  149.  
  150. #content {
  151.     margin-right: 340px;
  152. }
  153.  
  154. .post {
  155.     margin-bottom: 10px;
  156.     background: url(images/img05.gif) repeat-x;
  157. }
  158.  
  159. .post .title {
  160.     background: url(images/img07.gif) no-repeat right top;
  161. }
  162.  
  163. .post .title h2 {
  164.     padding: 30px 30px 0 30px;
  165.     background: url(images/img06.gif) no-repeat;
  166.     font-size: 2.2em;
  167. }
  168.  
  169. .post .title p {
  170.     margin: 0;
  171.     padding: 0 0 0 30px;
  172.     line-height: normal;
  173.     color: #BABABA;
  174. }
  175.  
  176. .post .title p a {
  177.     color: #BABABA;
  178. }
  179.  
  180. .post .entry {
  181.     padding: 20px 40px 20px 30px;
  182. }
  183.  
  184. .post .links {
  185.     margin: 0;
  186.     padding: 0 30px 30px 30px;
  187.     background: url(images/img15.gif) no-repeat left bottom;
  188. }
  189.  
  190. .post .links a {
  191.     padding: 0 23px;
  192.     text-decoration: none;
  193.     font-weight: bold;
  194. }
  195.  
  196. .post .links a:hover {
  197.     text-decoration: underline;
  198. }
  199.  
  200. .post .links .more {
  201.     background: url(images/img16.gif) no-repeat left center;
  202. }
  203.  
  204. .post .links .comments {
  205.     background: url(images/img17.gif) no-repeat left center;
  206. }
  207.  
  208. /* Sidebar */
  209.  
  210. #sidebar {
  211.     float: right;
  212.     width: 300px;
  213. }
  214.  
  215. #sidebar ul {
  216.     margin: 0;
  217.     padding: 0;
  218.     list-style: none;
  219. }
  220.  
  221. #sidebar li {
  222.     margin-bottom: 10px;
  223.     background: url(images/img10.gif) no-repeat left bottom;
  224. }
  225.  
  226. #sidebar li ul {
  227.     padding: 0 30px 40px 30px;
  228. }
  229.  
  230. #sidebar li li {
  231.     margin: 0;
  232.     padding-left: 20px;
  233.     background: url(images/img11.gif) no-repeat 5px 50%;
  234. }
  235.  
  236. #sidebar h2 {
  237.     padding: 30px 30px 20px 30px;
  238.     background: url(images/img09.gif) no-repeat;
  239.     font-weight: normal;
  240.     color: #EB1400;
  241. }
  242.  
  243. /* Search */
  244.  
  245. #search {
  246.     padding: 20px 30px 40px 30px;
  247. }
  248.  
  249. #search input {
  250.     padding: 0;
  251.     width: 70px;
  252.     height: 29px;
  253.     background: #DFDFDF url(images/img14.gif) repeat-x;
  254.     font-weight: bold;
  255. }
  256.  
  257. #search #s {
  258.     padding: 5px;
  259.     width: 150px;
  260.     height: auto;
  261.     background: #FEFEFE url(images/img13.gif) repeat-x;
  262.     border: 1px solid #626262;
  263.     font: normal 1em Arial, Helvetica, sans-serif;
  264. }
  265.  
  266. #search br {
  267.     display: none;
  268. }
  269.  
  270. /* Categories */
  271.  
  272. #sidebar #categories li {
  273.     background: url(images/img12.gif) no-repeat left center;
  274. }
  275.  
  276. /* Calendar */
  277.  
  278. #calendar_wrap {
  279.     padding: 0 30px 40px 30px;
  280. }
  281.  
  282. #calendar table {
  283.     width: 100%;
  284.     text-align: center;
  285. }
  286.  
  287. #calendar thead {
  288.     background: #F1F1F1;
  289. }
  290.  
  291. #calendar tbody td {
  292.     border: 1px solid #F1F1F1;
  293. }
  294.  
  295. #calendar #prev {
  296.     text-align: left;
  297. }
  298.  
  299. #calendar #next {
  300.     text-align: right;
  301. }
  302.  
  303. #calendar tfoot a {
  304.     text-decoration: none;
  305.     font-weight: bold;
  306. }
  307.  
  308. #calendar #today {
  309.     background: #FFF3A7;
  310.     border: 1px solid #EB1400;
  311.     font-weight: bold;
  312.     color: #EB1400
  313. }
  314.  
  315. /* Footer */
  316.  
  317. #footer {
  318.     padding: 70px 0 50px 0;
  319.     background: #757575 url(images/img08.gif) repeat-x;
  320. }
  321.  
  322. #footer p {
  323.     margin-bottom: 1em;
  324.     text-align: center;
  325.     line-height: normal;
  326.     font-size: .9em;
  327.     color: #BABABA;
  328. }
  329.  
  330. #footer a {
  331.     padding: 0 20px;
  332.     text-decoration: none;
  333.     color: #DDDDDD;
  334. }
  335.  
  336. #footer a:hover {
  337.     color: #FFFFFF;
  338. }
  339.  
  340. #footer .rss {
  341.     background: url(images/img18.gif) no-repeat left center;
  342. }
  343.  
  344. #footer .xhtml {
  345.     background: url(images/img19.gif) no-repeat left center;
  346. }
  347.  
  348. #footer .css {
  349.     background: url(images/img20.gif) no-repeat left center;
  350. }
  351.  
  352. #footer .legal a {
  353.     padding: 0;
  354. }