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