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