home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / isometric / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-12-06  |  2.5 KB  |  173 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 url(images/img1.gif) repeat-x;
  11.     text-align: justify;
  12.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     font-size: 11px;
  14.     color: #8F8F8F;
  15. }
  16.  
  17. h2, h3, h4, h5, h6 {
  18.     margin: 0;
  19. }
  20.  
  21. h2 {
  22.     text-transform: lowercase;
  23.     letter-spacing: -1px;
  24.     font-size: 26px;
  25.     font-weight: normal;
  26.     color: #31576F;
  27. }
  28.  
  29. h2 em {
  30.     font-weight: bold;
  31.     font-style: normal;
  32. }
  33.  
  34. h3 {
  35.     height: 25px;
  36.     background: #0077A7 url(images/img3.gif) repeat-x left bottom;
  37.     padding: 13px 0 0 20px;
  38.     text-transform: lowercase;
  39.     font-size: 11px;
  40.     color: #FFFFFF;
  41. }
  42.  
  43. p, ol, ul {
  44.     line-height: 180%;
  45. }
  46.  
  47. ul {
  48.     margin-left: 0;
  49.     padding-left: 0;
  50.     list-style-position: inside;
  51. }
  52.  
  53. a {
  54.     color: #6B6B6B;
  55. }
  56.  
  57. a:hover {
  58.     text-decoration: none;
  59. }
  60.  
  61. .image {
  62.     float: left;
  63.     margin: 0 20px 0 0;
  64. }
  65.  
  66. .bg1 {
  67.     padding: 0 20px 20px 20px;
  68.     border-top: 1px solid #FFFFFF;
  69.     background: #FFFFFF url(images/img4.gif) repeat-x;
  70. }
  71.  
  72. .bg2 {
  73.     padding: 20px;
  74.     border-top: 1px solid #CBE1EF;
  75.     background: #FFFFFF url(images/img4.gif) repeat-x;
  76. }
  77.  
  78. /* Header */
  79.  
  80. #header {
  81.     width: 892px;
  82.     height: 160px;
  83.     margin: 0 auto;
  84. }
  85.  
  86. #header * {
  87.     margin: 0;
  88.     padding: 0;
  89.     text-transform: lowercase;
  90.     color: #FFFFFF;
  91. }
  92.  
  93. #header h1 {
  94.     float: left;
  95.     padding: 70px 0 0 10px;
  96.     font-size: 33px;
  97. }
  98.  
  99. #header h2 {
  100.     float: left;
  101.     padding: 91px 0 0 10px;
  102.     font-size: 11px;
  103.     font-weight: normal;
  104. }
  105.  
  106. #header ul {
  107.     float: right;
  108.     margin: 0;
  109.     padding: 82px 0 0 0;
  110.     list-style: none;
  111. }
  112.  
  113. #header li {
  114.     display: inline;
  115. }
  116.  
  117. #header a {
  118.     display: block;
  119.     float: left;
  120.     height: 25px;
  121.     margin: 0 0 0 8px;
  122.     padding: 12px 20px 0 20px;
  123.     background: #ABBA47 url(images/img2.gif) repeat-x;
  124.     text-decoration: none;
  125.     font-weight: bold;
  126. }
  127.  
  128. /* Content */
  129.  
  130. #content {
  131.     width: 892px;
  132.     margin: 0 auto;
  133. }
  134.  
  135. #colOne {
  136.     float: left;
  137.     width: 186px;
  138. }
  139.  
  140. #colOne ul {
  141.     padding-left: 0;
  142.     list-style: none none outside;
  143. }
  144.  
  145. #colOne li {
  146.     padding: 5px 0;
  147.     background: url(images/img6.gif) repeat-x;
  148. }
  149.  
  150. #colOne li.first {
  151.     background: none;
  152. }
  153.  
  154. #colTwo {
  155.     float: right;
  156.     width: 686px;
  157. }
  158.  
  159. /* Footer */
  160.  
  161. #footer {
  162.     clear: both;
  163.     width: 892px;
  164.     margin: 0 auto;
  165.     padding: 30px 0;
  166.     background: url(images/img7.gif) repeat-x
  167. }
  168.  
  169. #footer p {
  170.     margin: 0;
  171.     text-align: center;
  172.     text-transform: lowercase;
  173. }