home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / redplanet / default.css next >
Cascading Style Sheet File  |  2007-01-10  |  3KB  |  224 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. * {
  8.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  9. }
  10.  
  11. body {
  12.     margin: 30px 0;
  13.     padding: 0;
  14.     background: #EFEFEF;
  15.     font-size: 12px;
  16.     color: #6B6B6B;
  17. }
  18.  
  19. h1, h2, h3, h4, h5, h6 {
  20.     margin: 0;
  21.     padding: 0;
  22.     text-transform: lowercase;
  23.     font-weight: normal;
  24.     color: #000000;
  25. }
  26.  
  27. h2 {
  28.     margin-bottom: 10px;
  29.     border-bottom: 1px solid #F4F4F4;
  30.     font-size: 26px;
  31. }
  32.  
  33. h3 {
  34.     margin-bottom: 15px;
  35.     padding-bottom: 5px;
  36.     font-size: 16px;
  37.     border-bottom: 1px solid #F4F4F4;
  38. }
  39.  
  40. p, ol, ul, blockquote {
  41.     line-height: 24px;
  42. }
  43.  
  44. ul {
  45.     margin-left: 0;
  46.     padding-left: 0;
  47.     list-style: none;
  48. }
  49.  
  50. a {
  51.     color: #EC5600;
  52. }
  53.  
  54. a:hover {
  55.     text-decoration: none;
  56. }
  57.  
  58. img {
  59.     border: none;
  60. }
  61.  
  62. #textfield1 {
  63.     width: 185px;
  64.     margin-bottom: 10px;
  65.     border: 1px solid #E0E0E0;
  66.     border-right-color: #F6F6F6;
  67.     border-bottom-color: #F6F6F6;
  68. }
  69.  
  70. #submit1 {
  71.     border: 1px solid #EBEBEB;
  72.     border-bottom-color: #DDDDDD;
  73.     background: #FBFBFB url(images/img7.gif) repeat-x;
  74.     text-transform: lowercase;
  75.     font-size: 12px;
  76.     color: #7A7A7A;
  77. }
  78.  
  79. /* Posted */
  80.  
  81. .posted {
  82.     height: 33px;
  83.     margin: 0 0 30px 0;
  84.     padding: 10px 15px 0 15px;
  85.     background: url(images/img6.gif) repeat-x;
  86.     border-bottom: 1px solid #F2F2F2;
  87. }
  88.  
  89. .posted p {
  90.     float: left;
  91.     margin: 0;
  92. }
  93.  
  94. .posted .comments {
  95.     float: right;
  96. }
  97.  
  98. .posted a {
  99.     color: #717171;
  100. }
  101.  
  102. /* Header */
  103.  
  104. #header {
  105.     width: 917px;
  106.     height: 115px;
  107.     margin: 0 auto;
  108.     background: url(images/img2.gif) repeat-x;
  109. }
  110.  
  111. /* Logo */
  112.  
  113. #logo {
  114.     float: left;
  115.     height: 115px;
  116.     padding: 0 0 0 0;
  117.     background: url(images/img1.gif) no-repeat;
  118. }
  119.  
  120. #logo * {
  121.     text-decoration: none;
  122. }
  123.  
  124. #logo h1 {
  125.     float: left;
  126.     padding: 50px 0 0 40px;
  127.     font-size: 36px;
  128. }
  129.  
  130. #logo h1 a {
  131.     color: #000000;
  132. }
  133.  
  134. #logo h1 span {
  135.     font-weight: bold;
  136. }
  137.  
  138. #logo h2 {
  139.     float: left;
  140.     padding: 72px 0 0 8px;
  141.     font-size: 12px;
  142.     border: none;
  143. }
  144.  
  145. #logo h2 a {
  146.     color: #B4B4B4;
  147. }
  148.  
  149. /* Menu */
  150.  
  151. #menu {
  152.     float: right;
  153.     height: 45px;
  154.     padding: 70px 25px 0 0;
  155.     background: url(images/img3.gif) no-repeat right top;
  156. }
  157.  
  158. #menu ul {
  159.     margin: 0;
  160.     padding: 0;
  161.     list-style: none;
  162. }
  163.  
  164. #menu li {
  165.     display: inline;
  166. }
  167.  
  168. #menu a {
  169.     padding: 0 15px 0 20px;
  170.     border-left: 1px solid #DBDBDB;
  171.     text-transform: lowercase;
  172.     text-decoration: none;
  173.     font-size: 13px;
  174.     color: #3B3B3B;
  175. }
  176.  
  177. #menu .first a {
  178.     border: none;
  179. }
  180.  
  181. /* Splash */
  182.  
  183. #splash {
  184.     width: 877px;
  185.     height: 170px;
  186.     margin: 0 auto;
  187.     background: url(images/img5.gif) repeat-x left bottom;
  188.     border-right: 20px solid #FFFFFF;
  189.     border-left: 20px solid #FFFFFF;
  190. }
  191.  
  192. /* Content */
  193.  
  194. #content {
  195.     width: 847px;
  196.     margin: 0 auto;
  197.     padding: 30px 35px 0 35px;
  198.     background: #FFFFFF url(images/img8.gif) no-repeat left bottom;
  199. }
  200.  
  201. #colOne {
  202.     float: left;
  203.     width: 620px;
  204. }
  205.  
  206. #colTwo {
  207.     float: right;
  208.     width: 185px;
  209.     padding: 5px 0 0 0;
  210. }
  211.  
  212. /* Footer */
  213.  
  214. #footer {
  215. }
  216.  
  217. #footer p {
  218.     text-align: center;
  219.     color: #777777;
  220. }
  221.  
  222. #footer a {
  223.     color: #5D5D5D;
  224. }