home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / illusion / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-04-11  |  2.4 KB  |  181 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. /* Elements */
  8.  
  9. body {
  10.     background: #6E6E6E;
  11.     text-align: justify;
  12.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  13.     font-size: small;
  14.     color: #333333;
  15. }
  16.  
  17. h1 {
  18. }
  19.  
  20. h2, h3 {
  21.     margin-top: 0px;
  22. }
  23.  
  24. h4, h5, h6 {
  25. }
  26.  
  27. p, ol, ul, dl, blockquote {
  28. }
  29.  
  30. a {
  31.     color: #333333;
  32. }
  33.  
  34. a:hover {
  35.     text-decoration: none;
  36. }
  37.  
  38. .img1 {
  39.     float: left;
  40.     margin: 3px 15px 0px 0px;
  41. }
  42. /* Header */
  43.  
  44. #header {
  45.     width: 600px;
  46.     height: 258px;
  47.     margin: 0px auto;
  48.     background: url(images/img2.jpg);
  49. }
  50.  
  51. #header h1 {
  52.     margin: 0px;
  53.     padding: 160px 0 0 380px;
  54.     font-size: 52px;
  55.     font-style: italic;
  56. }
  57.  
  58. #header h2 {
  59.     margin: 0;
  60.     padding: 0 0 0 380px;
  61.     font-size: 16px;
  62.     font-style: italic;
  63.     color: #666666;
  64. }
  65.  
  66. #header a {
  67.     text-decoration: none;
  68.     color: #FFFFFF;
  69. }
  70.  
  71. /* Menu */
  72.  
  73. #menu {
  74.     width: 600px;
  75.     height: 52px;
  76.     margin: 0px auto;
  77. }
  78.  
  79. #menu ul {
  80.     margin: 0px;
  81.     padding: 0px;
  82.     list-style: none;
  83. }
  84.  
  85. #menu li {
  86.     display: inline;
  87. }
  88.  
  89. #menu a {
  90.     display: block;
  91.     float: left;
  92.     width: 120px;
  93.     height: 42px;
  94.     padding-top: 10px;
  95.     text-align: center;
  96.     text-decoration: none;
  97.     text-transform: lowercase;
  98.     font-size: 20px;
  99.     letter-spacing: -2px;
  100.     background: url(images/img4.jpg) no-repeat;
  101. }
  102.  
  103. #menu .last a {
  104.     background: url(images/img5.jpg) no-repeat;
  105. }
  106.  
  107. #menu a:hover {
  108.     color:#FFFFFF;
  109. }
  110.  
  111. /* Content */
  112.  
  113. #content {
  114.     background: #FFFFFF;
  115.     width: 600px;
  116.     margin: 0px auto;
  117.     padding: 2px 0px 0px 0px;
  118. }
  119.  
  120. #colOne {
  121.     float: right;
  122.     width: 360px;
  123.     margin-top: 20px;
  124.     padding-right: 20px;
  125. }
  126.  
  127. #colTwo {
  128.     float: left;
  129.     width: 180px;
  130.     margin-top: 20px;
  131.     padding-right: 20px;
  132.     padding-left: 20px;
  133. }
  134.  
  135. #colTwo ul {
  136.     margin-left: 0px;
  137.     padding-left: 0px;
  138.     list-style-position: inside;
  139. }
  140.  
  141. #content h1 {
  142.     padding: 5px 0px 5px 5px;
  143.     color: #173E68;
  144. }
  145.  
  146. #content h2 {
  147.     padding: 5px 0px 5px 5px;
  148.     text-transform: uppercase;
  149.     font-size: 16px;
  150.     color: #2D2D2D;
  151.     border-bottom: 1px dashed;
  152. }
  153.  
  154. #content h3 {
  155.     color: #6C6C6C;
  156. }
  157. /* Footer */
  158.  
  159. #footer {
  160.     width: 600px;
  161.     margin: 0px auto;
  162.     padding: 3px 0px;
  163.     height: 50px;
  164.     background: #EEEEEE;
  165. }
  166.  
  167. #footer p {
  168.     margin: 0px;
  169.     padding-top: 15px;
  170.     text-align: center;
  171.     font-size: 11px;
  172.     color: #999999;
  173. }
  174.  
  175. #footer a {
  176.     color: #666666;
  177. }
  178.  
  179. #footer a:hover {
  180.     color: #333333;
  181. }