home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / travel / style.css < prev    next >
Cascading Style Sheet File  |  2007-03-12  |  3KB  |  183 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: #990000;
  13.     font-weight: bold;
  14.     text-decoration: none;
  15. }
  16. a:hover {
  17.     color: #FF7F00;
  18.     text-decoration: underline;
  19. }
  20. .left {
  21.     float: left;
  22. }
  23. .right {
  24.     float: right;
  25. }
  26. .more {
  27.     text-align: right;
  28. }
  29. .clear {
  30.     clear: both;
  31. }
  32.  
  33. body {
  34.     background: #8E0D0D url(images/page_bg.jpg) repeat-x;
  35.     text-align: center;
  36.     font: 11px arial, sans-serif;
  37.     color: #565656;
  38. }
  39.  
  40. /** layout **/
  41. #wrapper {
  42.     text-align: left;
  43.     margin: auto;
  44.     width: 788px;
  45. position: relative;
  46. }
  47. #left {
  48.  position: absolute;
  49.  top: 0;
  50.  left: 0;
  51.  width: 268px;
  52. }
  53. #right {
  54.  position: absolute;
  55.  top: 0;
  56.  left: 268px;
  57.  width: 520px;
  58. }
  59.  
  60. /** Left **/
  61. #left {
  62.  background: url(images/logo.jpg) no-repeat;
  63.  padding-top: 30px;
  64. }
  65. #left h1 {
  66.  text-align: center;
  67.  font: 28px verdana, serif;
  68.  color: #6C0505;
  69.  height: 709px;
  70. }
  71. #copyright {
  72.  color: white;
  73. }
  74. #copyright p {
  75.  margin: 0 1em 0.5em 1em;
  76. }
  77.  
  78. /** Right **/
  79. #nav {
  80.  background: url(images/header.jpg) no-repeat;
  81.  height: 108px;
  82. }
  83. #nav ul {
  84.  margin: 0;
  85.  padding: 0 0 0 30px;
  86. }
  87. #nav li {
  88.  float: left;
  89.  border-right: 1px solid #A26A6B;
  90.  padding: 66px 9px 9px 9px;
  91.  list-style: none;
  92. }
  93. #nav li.last {
  94.  border-right: none;
  95. }
  96. #nav a {
  97.  color: #CECECE;
  98.  font: 12px arial, sans-serif;
  99.  font-weight: normal;
  100. }
  101. #nav .selected a {
  102.  font-weight: bold;
  103. }
  104.  
  105. /** Body **/
  106. #body {
  107.  background: url(images/body_bg.jpg) repeat-y;
  108. }
  109. #body-top {
  110.  background: url(images/body_top.jpg) no-repeat;
  111. }
  112. #body-bot {
  113.  background: bottom left url(images/body_bot.jpg) no-repeat;
  114.  padding: 36px 39px 19px 39px;
  115. }
  116.  
  117. #body h2 {
  118.  font: 14px "Times New Roman", serif;
  119. }
  120. #body h2 strong {
  121.  color: #660505;
  122.  font-weight: normal;
  123.  font-size: 18px;
  124. }
  125. #body h3 {
  126.  font: 14px "Times New Roman", serif;
  127.  color: #660505;
  128.  margin-top: 1.4em;
  129.  margin-bottom: 1.1em;
  130. }
  131. #body h4 {
  132.  color: #660505;
  133. }
  134. #body .left {
  135.  margin: 0 26px 0 0;
  136. }
  137.  
  138. /** footer **/
  139. .body-hr {
  140.  clear: both;
  141.  height: 43px;
  142.  background: bottom left url(images/body_hr.jpg) no-repeat;
  143.  margin: 10px -39px;
  144. }
  145.  
  146. #footer-1 {
  147.   float: left;
  148.   width: 104px;
  149.   padding-right: 30px;
  150.   margin-top: 5px;
  151.   border-right: 1px solid #ACACAC;
  152.   font: 14px "times new roman", serif;
  153.   color: #660505;
  154.   text-align: center;
  155. }
  156. #footer-1 strong {
  157.   display: block;
  158.   font-size: 18px;
  159.   font-weight: normal;
  160. }
  161. #footer-2 {
  162.   float: left;
  163.   width: 154px;
  164.   margin-left: 12px;
  165.   font: 18px "times new roman", serif;
  166.   color: #000;
  167.   line-height: 34px;
  168. }
  169. #footer-2 .left {
  170.   margin-right: 12px;
  171. }
  172. #footer-3 {
  173.   float: left;
  174.   width: 135px;
  175.   margin: 0;
  176.   font: 14px "times new roman", serif;
  177.   color: #000;
  178.   text-align: center;
  179. }
  180. #footer-3 .left {
  181.   margin-right: 12px;
  182. }
  183.