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