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