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