home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / zionnarrows / default.css next >
Cascading Style Sheet File  |  2007-02-09  |  4KB  |  238 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: 20px 0;
  9.     padding: 0;
  10.     background: #FFFFFF;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #666666;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6 {
  16.     margin: 0;
  17.     padding: 0;
  18.     text-transform: uppercase;
  19. }
  20.  
  21. a {
  22.     color: #5D0E0E;
  23. }
  24.  
  25. a:hover {
  26.     text-decoration: none;
  27.     color: #FF0000;
  28. }
  29.  
  30. .image {
  31.     float: left;
  32.     margin: 0 15px 10px 0;
  33. }
  34.  
  35. /* Header */
  36.  
  37. #header {
  38.     width: 760px;
  39.     height: 120px;
  40.     margin: 0 auto;
  41.     background: #000000 url(images/img1.jpg);
  42. }
  43.  
  44. #header h1, #header h2 {
  45.     float: left;
  46.     padding: 94px 0 0 7px;
  47.     font-size: 18px;
  48. }
  49.  
  50. #header a {
  51.     text-decoration: none;
  52.     color: #FFFFFF;
  53. }
  54.  
  55. /* Pages */
  56.  
  57. #pages {
  58.     clear: both;
  59.     width: 760px;
  60.     height: 43px;
  61.     margin: 0 auto;
  62.     background: #000000 url(images/img2.gif);
  63. }
  64.  
  65. #pages h2 {
  66.     display: none;
  67. }
  68.  
  69. #pages ul {
  70.     float: right;
  71.     margin: 0;
  72.     padding: 7px 0 0 0;
  73.     list-style: none;
  74. }
  75.  
  76. #pages li {
  77.     display: inline;
  78. }
  79.  
  80. #pages a {
  81.     display: block;
  82.     float: left;
  83.     height: 25px;
  84.     margin: 0 2px 0 0;
  85.     padding: 7px 15px 0 15px;
  86.     text-transform: uppercase;
  87.     text-decoration: none;
  88.     letter-spacing: -1px;
  89.     font-size: 14px;
  90.     font-weight: bold;
  91.     color: #FFFFFF;
  92. }
  93.  
  94. #pages a:hover, #pages .active a {
  95.     padding-left: 14px;
  96.     padding-right: 14px;
  97.     background: #580505 url(images/img3.gif);
  98.     border: 1px solid #000000;
  99.     border-bottom: none;
  100. }
  101.  
  102. /* Boxed */
  103.  
  104. .boxed {
  105.     float: right;
  106.     width: 180px;
  107.     margin-bottom: 10px;
  108.     padding-left: 10px;
  109. }
  110.  
  111. .boxed .heading {
  112.     height: 26px;
  113.     padding: 6px 0 0 10px;
  114.     background: #5F1010 url(images/img4.gif);
  115.     border: 1px solid #000000;
  116.     border-bottom: none;
  117.     font-size: 1em;
  118.     color: #FFFFFF;
  119. }
  120.  
  121. .boxed .content {
  122.     background: #F2F2F2 url(images/img5.gif) repeat-x left bottom;
  123. }
  124.  
  125. .boxed .content ul {
  126.     margin: 0;
  127.     padding: 10px;
  128.     list-style: none;
  129. }
  130.  
  131. .boxed .content li {
  132.     padding: 3px 0;
  133.     border-top: 1px dotted #5D0E0E;
  134. }
  135.  
  136. .boxed .content li.first {
  137.     border: none;
  138. }
  139.  
  140. .boxed .content a {
  141.     padding-left: 10px;
  142.     background: transparent url(images/img8.gif) no-repeat left center;
  143.     text-decoration: none;
  144.     color: #5D0E0E;
  145. }
  146.  
  147. .boxed .content a:hover {
  148.     color: #FF0000;
  149. }
  150.  
  151. /* Posts */
  152.  
  153. .post {
  154.     background: #F2F2F2 url(images/img5.gif) repeat-x left bottom;
  155. }
  156.  
  157. .post .title {
  158.     padding: 0 0 0 13px;
  159.     background: #FFFFFF url(images/img9.gif) no-repeat left center;
  160.     color: #000000;
  161. }
  162.  
  163. .post .posted {
  164.     padding: 2px 10px 4px 10px;
  165.     background: #5F1010 url(images/img4.gif);
  166.     border: 1px solid #000000;
  167.     border-bottom: none;
  168.     font-size: .7em;
  169.     font-weight: normal;
  170.     color: #FFFFFF;
  171. }
  172.  
  173. .post .story {
  174.     padding: 10px 20px;
  175. }
  176.  
  177. .post .meta {
  178.     padding: 1px 10px;
  179. }
  180.  
  181. /* Content */
  182.  
  183. #content {
  184.     width: 760px;
  185.     margin: 0 auto;
  186.     padding: 20px 0;
  187. }
  188.  
  189. /* Posts */
  190.  
  191. #posts {
  192.     float: left;
  193.     width: 370px;
  194. }
  195.  
  196. /* Archives */
  197.  
  198. #archives {
  199. }
  200.  
  201. /* Search */
  202.  
  203. #search form {
  204.     margin: 0;
  205.     padding: 20px 10px;
  206. }
  207.  
  208. #textfield1 {
  209.     width: 110px;
  210.     padding: 2px 5px;
  211.     background: #894F4F url(images/img6.gif) repeat-x;
  212.     border: 1px solid #000000;
  213.     font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
  214.     color: #FFFFFF;
  215. }
  216.  
  217. #submit1 {
  218.     width: 30px;
  219.     background: #5F1010 url(images/img7.gif) repeat-x;
  220.     border: 1px solid #000000;
  221.     text-transform: uppercase;
  222.     font: bold 9px "Trebuchet MS", Arial, Helvetica, sans-serif;
  223.     color: #FFFFFF;
  224. }
  225.  
  226. /* Footer */
  227.  
  228. #footer {
  229.     clear: both;
  230.     width: 760px;
  231.     margin: 0 auto;
  232.     background: #FFFFFF url(images/img5.gif) repeat-x;
  233. }
  234.  
  235. #footer p {
  236.     padding: 10px;
  237.     font-size: .8em;
  238. }