home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / boxedtype / default.css next >
Cascading Style Sheet File  |  2007-02-06  |  4KB  |  248 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;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #666666;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6, form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. h1, h2, h3 {
  21. }
  22.  
  23. h4, h5, h6 {
  24. }
  25.  
  26. p, ul, ol, blockquote {
  27.     margin-top: 0;
  28. }
  29.  
  30. a {
  31.     color: #268ED4;
  32.     text-decoration: none;
  33. }
  34.  
  35. a:hover {
  36.     text-decoration: underline;
  37. }
  38.  
  39. img {
  40.     border: none;
  41. }
  42.  
  43. /* Header */
  44.  
  45. #header {
  46.     height: 40px;
  47.     background: #5A5A5A url(images/img01.gif) repeat-x;
  48. }
  49.  
  50. #header h1 {
  51.     width: 760px;
  52.     margin: 0 auto;
  53.     padding: 12px 0 0 0;
  54.     font-size: 1em;
  55. }
  56.  
  57. #header h2 {
  58.     width: 760px;
  59.     margin: -18px auto 0 auto;
  60.     text-align: right;
  61.     font-size: 1em;
  62. }
  63.  
  64. #header a {
  65.     text-decoration: none;
  66.     color: #FFFFFF;
  67. }
  68.  
  69. /* Pages */
  70.  
  71. #pages {
  72.     height: 110px;
  73.     padding-top: 10px;
  74.     background: url(images/img02.gif) repeat-x;
  75. }
  76.  
  77. #pages h2 {
  78.     display: none;
  79. }
  80.  
  81. #pages ul {
  82.     display: block;
  83.     width: 760px;
  84.     height: 100px;
  85.     margin: 0 auto;
  86.     padding: 0;
  87. }
  88.  
  89. #pages li {
  90.     display: inline;
  91. }
  92.  
  93. #pages a {
  94.     display: block;
  95.     float: left;
  96.     width: 152px;
  97.     height: 75px;
  98.     padding: 35px 0 0 0;
  99.     text-align: center;
  100.     text-decoration: none;
  101.     text-transform: lowercase;
  102.     letter-spacing: -1px;
  103.     font-size: 1.6em;
  104.     font-weight: normal;
  105.     color: #333333;
  106. }
  107.  
  108. #pages a:hover {
  109.     color: #000000;
  110. }
  111.  
  112. #page1 { background: #E5FAA1 url(images/img03.gif) no-repeat; }
  113. #page2 { background: #97F0E6 url(images/img04.gif) no-repeat; }
  114. #page3 { background: #F3B6CE url(images/img05.gif) no-repeat; }
  115. #page4 { background: #FADDA1 url(images/img06.gif) no-repeat; }
  116. #page5 { background: #C9CDFF url(images/img07.gif) no-repeat; }
  117.  
  118. #page1:hover, #pages .active #page1 { background-image: url(images/img08.gif); }
  119. #page2:hover, #pages .active #page2 { background-image: url(images/img09.gif); }
  120. #page3:hover, #pages .active #page3 { background-image: url(images/img10.gif); }
  121. #page4:hover, #pages .active #page4 { background-image: url(images/img11.gif); }
  122. #page5:hover, #pages .active #page5 { background-image: url(images/img12.gif); }
  123.  
  124. /* Content */
  125.  
  126. #content {
  127.     width: 760px;
  128.     margin: 0 auto;
  129.     padding: 20px 0 0 0;
  130. }
  131.  
  132. /* Latest Post Box */
  133.  
  134. #latest-post {
  135.     float: left;
  136.     width: 400px;
  137. }
  138.  
  139. #latest-post .title {
  140.     letter-spacing: -1px;
  141.     font-size: 2.2em;
  142. }
  143.  
  144. #latest-post .posted {
  145.     margin-bottom: 2em;
  146.     font-size: .8em;
  147.     font-weight: normal;
  148. }
  149.  
  150. #latest-post .image {
  151.     float: left;
  152.     margin: .3em 1em 0 0;
  153. }
  154.  
  155. #latest-post p, #latest-post blockquote, #latest-post ul, #latest-post ol {
  156.     line-height: 155%;
  157. }
  158.  
  159. /* Recent Posts Box */
  160.  
  161. #recent-posts {
  162.     float: right;
  163.     width: 320px;
  164. }
  165.  
  166. #recent-posts h3 {
  167.     width: 310px;
  168.     height: 32px;
  169.     padding: 12px 0 0 10px;
  170.     background: #5A5A5A url(images/img13.gif);
  171.     font-size: 1em;
  172.     color: #FFFFFF;
  173. }
  174.  
  175. #recent-posts ul {
  176.     margin: 0;
  177.     padding: 0;
  178.     list-style: none;
  179. }
  180.  
  181. #recent-posts li {
  182.     padding: 5px 10px;
  183.     border-bottom: 1px solid #5A5A5A;
  184. }
  185.  
  186. #recent-posts li:hover {
  187.     background: #EFEFEF;
  188. }
  189.  
  190. /* Column One */
  191.  
  192. #colOne {
  193.     padding-bottom: 20px;
  194. }
  195.  
  196. /* Column Two */
  197.  
  198. #colTwo {
  199.     padding: 20px;
  200.     background: url(images/img02.gif) repeat-x;
  201. }
  202.  
  203. #colTwo ul {
  204.     margin: 0;
  205.     padding: 0;
  206.     list-style: none;
  207. }
  208.  
  209. #colTwo li, #colTwo form {
  210.     padding: 10px;
  211. }
  212.  
  213. #colTwo li {
  214.     display: block;
  215.     float: left;
  216.     width: 220px;
  217. }
  218.  
  219. #colTwo li ul {
  220. }
  221.  
  222. #colTwo li li {
  223.     display: list-item;
  224.     float: none;
  225.     padding: 0 0 0 10px;
  226. }
  227.  
  228. #colTwo h2 {
  229.     margin: 0 0 .5em 0;
  230.     padding: 0 0 0 10px;
  231.     background: url(images/img15.gif) no-repeat left center;
  232.     font-size: 1em;
  233. }
  234.  
  235. /* Footer */
  236.  
  237. #footer {
  238.     width: 720px;
  239.     height: 100px;
  240.     margin: 0 auto;
  241.     padding: 20px;
  242.     background: url(images/img02.gif) repeat-x;
  243. }
  244.  
  245. #footer p {
  246.     text-align: center;
  247.     font-size: x-small;
  248. }