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