home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / salt+pepper / default.css next >
Encoding:
Cascading Style Sheet File  |  2006-12-29  |  1.9 KB  |  143 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.     padding: 0;
  10.     background: #CECECE url(images/img1.gif);
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12. }
  13.  
  14. h1, h2, h3 {
  15.     color: #730000;
  16. }
  17.  
  18. h2 {
  19.     font-size: 1.6em;
  20. }
  21.  
  22. h3 {
  23.     margin: 0;
  24.     font-size: 1em;
  25. }
  26.  
  27. p, ul, ol, blockquote {
  28.     margin-top: 0;
  29. }
  30.  
  31. a:link {
  32.     color: #730000;
  33. }
  34.  
  35. a:hover {
  36.     text-decoration: none;
  37. }
  38.  
  39. img {
  40.     border: none;
  41. }
  42.  
  43. /* Header */
  44.  
  45. #header {
  46.     width: 700px;
  47.     height: 200px;
  48.     margin: 0 auto;
  49.     background: url(images/img2.jpg);
  50. }
  51.  
  52. #header * {
  53.     margin: 0;
  54.     text-decoration: none;
  55.     text-transform: lowercase;
  56.     font-weight: normal;
  57.     color: #FFFFFF;
  58. }
  59.  
  60. #header h1 {
  61.     float: left;
  62.     padding: 20px 0 0 330px;
  63.     font-size: 3em;
  64. }
  65.  
  66. #header h2 {
  67.     float: left;
  68.     padding: 20px 0 0 0;
  69.     font-size: 1em;
  70. }
  71.  
  72. /* Menu */
  73.  
  74. #menu {
  75.     width: 700px;
  76.     height: 41px;
  77.     margin: 0 auto;
  78.     background: #2E2E2E url(images/img3.gif)
  79. }
  80.  
  81. #menu ul {
  82.     margin: 0;
  83.     padding: 0;
  84.     list-style: none;
  85. }
  86.  
  87. #menu li {
  88.     display: inline;
  89. }
  90.  
  91. #menu a {
  92.     display: block;
  93.     float: left;
  94.     height: 32px;
  95.     padding: 9px 20px 0 20px;
  96.     text-decoration: none;
  97.     color: #CCCCCC;
  98. }
  99.  
  100. #menu a:hover, #menu .active a {
  101.     background: url(images/img4.gif);
  102.     color: #FFFFFF;
  103. }
  104.  
  105. /* Content */
  106.  
  107. #content {
  108.     width: 700px;
  109.     margin: 0 auto;
  110.     background: url(images/img5.gif);
  111. }
  112.  
  113. #colOne {
  114.     float: left;
  115.     width: 160px;
  116.     padding: 20px 10px 0 10px;
  117. }
  118.  
  119. #colTwo {
  120.     float: left;
  121.     width: 360px;
  122.     padding: 20px 10px 0 10px;
  123. }
  124.  
  125. #colThree {
  126.     float: left;
  127.     width: 120px;
  128.     padding: 10px;
  129. }
  130.  
  131. /* Footer */
  132.  
  133. #footer {
  134.     width: 700px;
  135.     margin: 0 auto;
  136.     padding: 10px 0;
  137.     background: url(images/img6.gif) repeat-x;
  138.     font-size: smaller;
  139. }
  140.  
  141. #footer * {
  142.     color: #000000;
  143. }