home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / transport / style.css < prev    next >
Cascading Style Sheet File  |  2007-03-10  |  3KB  |  215 lines
  1. html, body, h1, h2, h3, h4 {
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. h1 img {
  6.     display: block;
  7. }
  8. img {
  9.     border: 0;
  10. }
  11. a {
  12.     color: #464544;
  13. }
  14. a:hover {
  15.     color: #666666;
  16. }
  17. .left {
  18.     float: left;
  19. }
  20. .right {
  21.     float: right;
  22. }
  23. .more {
  24.     text-align: right;
  25. }
  26. .clear {
  27.     clear: both;
  28. }
  29.  
  30. body {
  31.     background: url(images/page_bg.gif);
  32.     text-align: center;
  33.     font: 12px arial, sans-serif;
  34.     color: #464544;
  35.     padding-bottom: 10px;
  36. }
  37.  
  38. #outer {
  39.   background: top left url(images/page_bg_top.gif) repeat-x;
  40.   padding-top: 20px;
  41. }
  42.  
  43. /** layout **/
  44. #wrapper {
  45.     text-align: left;
  46.     margin: auto;
  47.     width: 798px;
  48.   position: relative;
  49.   background: url(images/body_bg.gif) repeat-y;
  50. }
  51. #body-bot {
  52.   background: bottom left url(images/body_bg_bot.jpg) no-repeat;
  53. }
  54. #body-top {
  55.   background: url(images/body_bg_top.gif) no-repeat;
  56.   min-height: 800px;
  57.   _height: 800px;
  58.   padding-bottom: 14px;
  59. }
  60.  
  61. /** logo **/
  62.  
  63. #logo {
  64.   width: 25em;
  65.   text-align: center;
  66. }
  67. #logo h1 {
  68.   color: #6F7033;
  69.   font: 22px "Arial narrow", arial, sans-serif;
  70.   line-height: 1;
  71.   padding-top: 0.8em;
  72. }
  73. #logo p {
  74.   color: #464544;
  75.   font: 16px "Arial narrow", arial, sans-serif;
  76.   margin: 0;
  77. }
  78.  
  79. /** nav **/
  80.  
  81. #nav {
  82.   margin-top: 50px;
  83. }
  84. #nav li {
  85.   list-style: none;
  86.   float: left;
  87.   background: left center url(images/arr.gif) no-repeat;
  88.   padding-left: 15px;
  89.   padding-right: 20px;
  90. }
  91. #nav a {
  92.   color: #000;
  93.   text-decoration: none;
  94.   font-weight: bold;
  95. }
  96. #nav a:hover {
  97.   color: #FFA405;
  98. }
  99.  
  100. /** green box **/
  101. #gbox {
  102.   width: 431px;
  103.   margin-top: 47px;
  104.   margin-left: 22px;
  105. }
  106.  
  107. #gbox-bg  { background: url(images/green_bg.gif) repeat-y; }
  108. #gbox-grd { background: bottom url(images/green_grad_bot.jpg) repeat-x; }
  109. #gbox-top { background: url(images/green_top.gif) no-repeat; height: 24px; }
  110. #gbox-bot { background: bottom left url(images/green_bot.gif) no-repeat; height: 23px; }
  111.  
  112. #gbox-grd {
  113.   min-height: 300px;
  114.   padding: 2px 24px;
  115. }
  116.  
  117. #gbox h2 {
  118.   font: bold 14px arial, sans-serif;
  119.   color: #000;
  120.   margin: 0;
  121. }
  122.  
  123. #gbox p {
  124.   margin: 1em 0;
  125. }
  126.  
  127. #features {
  128.   background: #EDF0C4;
  129.   padding: 14px;
  130.   margin: 0 -14px;
  131. }
  132. #features h2 {
  133.   position: relative;
  134. }
  135. #features ul {
  136.   float: left;
  137.   width: 49%;
  138.   margin: 1em 0;
  139.   padding: 0;
  140. }
  141. #features li {
  142.   list-style: square;
  143.   margin-left: 12px;
  144. }
  145.  
  146. /** footer **/
  147.  
  148. #newsletter, #events {
  149.   float: left;
  150.   width: 49%;
  151.   margin-top: 1em;
  152. }
  153. #newsletter h2, #events h2 {
  154.   color: #fff;
  155. }
  156. #newsletter .text {
  157.   width: 125px;
  158. }
  159. #newsletter form {
  160.   margin: 0.3em 0 0.6em 0;
  161. }
  162. #newsletter p {
  163.   margin: 0.3em 0;
  164.   font-size: 10px;
  165. }
  166. #newsletter a {
  167.   color: #000;
  168. }
  169.  
  170. #events {
  171.   margin-left: 6%;
  172.   width: 38%;
  173. }
  174. #events ul {
  175.   margin: 0.3em 0;
  176.   padding: 0;
  177. }
  178. #events li {
  179.   list-style: none;
  180.   margin: 0;
  181.   padding: 0;
  182. }
  183.  
  184. /** grey box **/
  185.  
  186. #greybox {
  187.   background: url(images/grey_bg.gif) repeat-y;
  188.   width: 326px;
  189.   position: absolute;
  190.   top: 292px;
  191.   left: 457px;
  192. }
  193. #greybox-top {
  194.   background: url(images/grey_img.jpg) no-repeat;
  195.   padding-left: 165px;
  196.   padding-top: 18px;
  197. }
  198. #greybox-bot {
  199.   background: bottom left url(images/grey_bot.gif) no-repeat;
  200.   padding-bottom: 4px;
  201. }
  202. #greybox h2 {
  203.   font: bold 12px arial, sans-serif;
  204.   color: #E4EE6A;
  205.   line-height: 1.5;
  206. }
  207. #greybox a {
  208.   color: #fff;
  209. }
  210.  
  211. #copyright {
  212.   font-size: 9px;
  213.   color: #fff;
  214.   margin-top: 60px;
  215. }