home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / distorted / default.css next >
Cascading Style Sheet File  |  2007-01-02  |  2KB  |  167 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. /* Elements */
  8.  
  9. body {
  10.     margin: 0px;
  11.     font-family: "trebuchet ms", Arial, Helvetica, sans-serif;
  12.     font-size: small;
  13.     text-align: justify;
  14.     color: #085F00;
  15. }
  16.  
  17. h1 {
  18. }
  19.  
  20. h2, h3 {
  21.     margin-top: 0px;
  22. }
  23.  
  24. h4, h5, h6 {
  25. }
  26.  
  27. p, ol, ul, dl, blockquote {
  28. }
  29.  
  30. a {
  31.     color: #009900;
  32. }
  33.  
  34. a:hover {
  35.     text-decoration: none;
  36. }
  37.  
  38. /* Header */
  39.  
  40. #header {
  41.     margin: 0px;
  42.     height: 129px;
  43.     background: url(images/a1.jpg) repeat-x left center;
  44. }
  45.  
  46. #header h1
  47. {
  48.     display: block;
  49.     width: 778px;
  50.     padding: 30px 0 0 15px;
  51.     margin: 0em auto;
  52. }
  53.  
  54. #header h2 {
  55.     width: 778px;
  56.     font-weight: bold;
  57.     font-size: 14px;
  58.     margin: 0em auto;
  59.     padding-left: 15px;
  60. }
  61.  
  62. #header a {
  63.     text-decoration: none;
  64.     color: #CAFFCA;
  65. }
  66.  
  67. /* Menu */
  68.  
  69. #menu
  70. {
  71.     padding: 1em 2em 1em 0em;
  72.     background: #F1DFC9 url('images/a2.gif') top left repeat-x;
  73.     font-size: 0.9em;
  74. }
  75.  
  76. #menu ul
  77. {
  78.     display: block;
  79.     width: 778px;
  80.     margin: 0em auto;
  81.     list-style: none;
  82.     padding-left: 2.5em;
  83. }
  84.  
  85. #menu li
  86. {
  87.     display: inline;
  88. }
  89.  
  90. #menu li a
  91. {
  92.     color: #CAFFCA;
  93.     font-weight: bold;
  94.     text-decoration: none;
  95.     padding: 0.25em 0.75em 0.25em 0.75em;
  96. }
  97.  
  98. #menu li a:hover
  99. {
  100.     background: #000 top left repeat-x;
  101.     color: #fff;
  102. }
  103.  
  104. /* Content */
  105.  
  106. #content {
  107.     width: 778px;
  108.     margin: 0 auto;
  109.     color: #085F00;
  110. }
  111.  
  112. #colOne {
  113.     float: left;
  114.     width: 180px;
  115.     padding: 20px 10px;
  116. }
  117.  
  118. #colOne ul {
  119.     margin-left: 0;
  120.     padding-left: 1em;
  121.     list-style: square inside;
  122. }
  123.  
  124. #colTwo {
  125.     float: left;
  126.     width: 330px;
  127.     padding: 20px 10px;
  128. }
  129.  
  130. #colThree {
  131.     float: left;
  132.     width: 200px;
  133.     padding: 20px 10px;
  134. }
  135.  
  136. #colThree ul {
  137.     margin-left: 0;
  138.     padding-left: 1em;
  139.     list-style: square inside;
  140. }
  141.  
  142. #content h1, #content h2 {
  143.     color: #004400;
  144.     background-color: #339966;
  145.     font-weight: bold;
  146.     text-decoration: none;
  147.     padding: 0.25em 0.75em 0.25em 0.75em;
  148. }
  149.  
  150. /* Footer */
  151.  
  152. #footer {
  153.     padding: 3px 0px;
  154.     background: #EEEEEE url(images/a3.jpg) repeat-x;
  155.     height: 157px;
  156. }
  157.  
  158. #footer p {
  159.     margin: 0px;
  160.     padding-top: 50px;
  161.     text-align: center;
  162.     color: #009900;
  163. }
  164.  
  165. #footer a {
  166.     color: #007700;
  167. }