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