home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / maxos / default.css next >
Cascading Style Sheet File  |  2006-12-15  |  2KB  |  166 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. * {
  10.     color: #808080;
  11. }
  12.  
  13. html, body {
  14.     height: 100%;
  15. }
  16.  
  17. body {
  18.     margin: 0;
  19.     padding: 0;
  20.     background: #FFFFFF url(images/img01.gif);
  21.     font-family: Arial, Helvetica, sans-serif;
  22.     font-size: small;
  23. }
  24.  
  25. h1, h2, h3 {
  26.     margin: 0;
  27.     padding: 0;
  28.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  29. }
  30.  
  31. h4, h5, h6 {
  32. }
  33.  
  34. p, ol, ul, dl, blockquote {
  35.     margin-top: 0;
  36. }
  37.  
  38. a {
  39. }
  40.  
  41. a:hover {
  42.     text-decoration: none;
  43.     color: #000000;
  44. }
  45.  
  46. /* Wrapper */
  47.  
  48. #wrapper {
  49.     width: 600px;
  50.     height: 100%;
  51.     min-height: 100%;
  52.     margin: 0 auto;
  53.     background: url(images/img02.gif) repeat-y;
  54. }
  55.  
  56. html>body #wrapper {
  57.     height: auto;
  58. }
  59.  
  60. /* Header */
  61.  
  62. #header {
  63.     width: 600px;
  64.     height: 104px;
  65.     background: url(images/img03.gif) no-repeat;
  66. }
  67.  
  68. #header h1 {
  69.     float: left;
  70.     padding: 35px 0 0 20px;
  71.     font-size: 4em;
  72.     letter-spacing: -2px;
  73. }
  74.  
  75. #header h2 {
  76.     float: right;
  77.     padding: 68px 20px 0 0;
  78.     font-size: 1.25em;
  79.     letter-spacing: -1px;
  80. }
  81.  
  82. #header a {
  83.     text-decoration: none;
  84. }
  85.  
  86. /* Menu */
  87.  
  88. #menu {
  89.     width: 600px;
  90.     height: 35px;
  91.     padding-top: 13px;
  92.     background: url(images/img04.gif);
  93. }
  94.  
  95. #menu ul {
  96.     margin: 0;
  97.     padding: 0;
  98.     list-style: none;
  99. }
  100.  
  101. #menu li {
  102.     display: inline;
  103. }
  104.  
  105. #menu a {
  106.     display: block;
  107.     float: left;
  108.     width: 112px;
  109.     height: 19px;
  110.     padding: 3px 4px 0 4px;
  111.     text-align: center;
  112.     text-decoration: none;
  113.     background: url(images/img05.gif) no-repeat center top;
  114. }
  115.  
  116. #menu .active a, #menu a:hover {
  117.     background-image: url(images/img06.gif);
  118.     color: #000000;
  119. }
  120.  
  121. /* Content */
  122.  
  123. #content {
  124.     width: 600px;
  125.     background: url(images/img07.gif);
  126. }
  127.  
  128. #content h2 {
  129.     margin-bottom: 1em;
  130. }
  131.  
  132. #content h3 {
  133.     margin-bottom: 0;
  134. }
  135.  
  136. #colOne {
  137.     float: right;
  138.     width: 340px;
  139.     padding: 20px 20px 0 20px;
  140. }
  141.  
  142. #colTwo {
  143.     float: left;
  144.     width: 180px;
  145.     padding: 20px 20px 0 20px;
  146. }
  147.  
  148. #colTwo ul {
  149.     margin-left: 0;
  150.     padding-left: 0;
  151.     list-style-position: inside;
  152. }
  153.  
  154. /* Footer */
  155.  
  156. #footer {
  157.     width: 600px;
  158.     background: url(images/img08.gif) no-repeat;
  159. }
  160.  
  161. #footer p {
  162.     margin: 0;
  163.     padding: 20px 0 0 0;
  164.     text-align: center;
  165.     font-size: smaller;
  166. }