home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / jazzblack / default.css next >
Cascading Style Sheet File  |  2007-01-03  |  2KB  |  132 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: 20px 0;
  9.     background: #405152 url(images/img1.gif);
  10.     text-align: justify;
  11.     font: normal small Georgia, "Times New Roman", Times, serif;
  12.     color: #A1A9AA;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6 {
  16.     margin: 0;
  17.     padding: 0;
  18.     color: #ABECF5;
  19. }
  20.  
  21. h3 {
  22.     font-size: 1.3em;
  23.     padding-top: .4em;
  24. }
  25.  
  26. ul {
  27.     margin-left: 0;
  28.     padding-left: 0;
  29.     list-style-position: inside;
  30. }
  31.  
  32. a {
  33.     color: #ABECF5;
  34. }
  35.  
  36. a:hover {
  37.     text-decoration: none;
  38.     color: #FFFFFF;
  39. }
  40.  
  41. /* Menu */
  42.  
  43. #menu {
  44.     width: 610px;
  45.     height: 40px;
  46.     margin: 0 auto;
  47. }
  48.  
  49. #menu ul {
  50.     margin: 0;
  51.     padding: 0;
  52.     list-style: none;
  53. }
  54.  
  55. #menu li {
  56.     display: inline;
  57. }
  58.  
  59. #menu a {
  60.     display: block;
  61.     float: left;
  62.     width: 120px;
  63.     height: 28px;
  64.     padding: 12px 1px 0 1px;
  65.     background: url(images/img4.gif) no-repeat center top;
  66.     text-align: center;
  67.     text-decoration: none;
  68.     text-transform: uppercase;
  69.     font-size: 1em;
  70.     font-weight: bold;
  71. }
  72.  
  73. #menu a:hover, #menu .active a {
  74.     background-image: url(images/img3.gif);
  75.     color: #FFFFFF;
  76. }
  77.  
  78. /* Header */
  79.  
  80. #header {
  81.     width: 660px;
  82.     height: 2.25em;
  83.     margin: 0 auto;
  84.     padding: 20px;
  85.     background: #405152 url(images/img2.gif);
  86.     border: 2px solid #2D3939;
  87.     border-top: none;
  88. }
  89.  
  90. #header * {
  91.     text-transform: uppercase;
  92.     text-decoration: none;
  93. }
  94.  
  95. #header h1 {
  96.     float: left;
  97.     font-size: 2em;
  98. }
  99.  
  100. #header h2 {
  101.     float: right;
  102.     padding-top: .25em;
  103.     font-size: 1.6em;
  104. }
  105.  
  106. /* Content */
  107.  
  108. #content {
  109.     width: 660px;
  110.     margin: 0 auto;
  111.     padding: 20px;
  112.     background: #405152 url(images/img2.gif);
  113.     border: 2px solid #2D3939;
  114.     border-top: none;
  115. }
  116.  
  117. #colOne {
  118.     float: left;
  119.     width: 450px;
  120. }
  121.  
  122. #colTwo {
  123.     float: right;
  124.     width: 180px;
  125. }
  126.  
  127. /* Footer */
  128.  
  129. #footer {
  130.     text-align: center;
  131.     font-size: smaller;
  132. }