home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / differential / default.css next >
Cascading Style Sheet File  |  2007-01-15  |  3KB  |  229 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: #252D37 url(images/img1.gif) repeat-x;
  11.     font: normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #A4AFBD;
  13. }
  14.  
  15. form {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. h1, h2, h3, h4, h5, h6 {
  21.     margin: 0;
  22.     padding: 0;
  23.     color: #FFFFFF;
  24. }
  25.  
  26. h1 { font-size: 31px; }
  27. h2 { font-size: 26px; }
  28. h3 { font-size: 18px; }
  29.  
  30. p, ul, ol, blockquote {
  31.     margin-top: 0;
  32.     padding-top: 0;
  33.     text-align: justify;
  34.     line-height: 18px;
  35. }
  36.  
  37. a {
  38.     color: #95BA2E;
  39. }
  40.  
  41. a:hover {
  42.     text-decoration: none;
  43. }
  44.  
  45. /* Boxed */
  46.  
  47. .boxed {
  48.     margin: 0 0 20px 0;
  49.     padding: 0 20px 20px 20px;
  50.     background: url(images/img4.gif) repeat-x left bottom;
  51. }
  52.  
  53. /* Post */
  54.  
  55. .post {
  56.     margin: 0 0 20px 0;
  57.     padding: 10px 20px 30px 20px;
  58.     background: url(images/img4.gif) repeat-x left bottom;
  59. }
  60.  
  61. .post h4 {
  62.     margin-bottom: 20px;
  63.     font-size: 11px;
  64.     font-weight: normal;
  65. }
  66.  
  67. .post h4 strong {
  68.     font-weight: bold;
  69.     color: #5B6F88;
  70. }
  71.  
  72. /* Header */
  73.  
  74. #header {
  75.     width: 904px;
  76.     height: 140px;
  77.     margin: 0 auto;
  78. }
  79.  
  80. /* Menu */
  81.  
  82. #menu {
  83.     float: left;
  84. }
  85.  
  86. #menu ul {
  87.     margin: 0;
  88.     padding: 53px 0 0 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.     height: 25px;
  100.     padding: 10px 15px 0 15px;
  101.     text-transform: lowercase;
  102.     text-decoration: none;
  103.     font-size: 12px;
  104.     font-weight: bold;
  105.     color: #FFFFFF;
  106. }
  107.  
  108. #menu a:hover {
  109.     background: #0C7AC7 url(images/img2.gif) repeat-x;
  110. }
  111.  
  112. /* Search */
  113.  
  114. #search {
  115.     float: right;
  116.     padding: 63px 0 0 0;
  117. }
  118.  
  119. #textfield1 {
  120.     width: 175px;
  121.     background: #FFFFFF;
  122.     border: none;
  123. }
  124.  
  125. #submit1 {
  126.     height: 19px;
  127.     background: #6F9303;
  128.     border: none;
  129.     text-transform: lowercase;
  130.     font-size: 10px;
  131.     font-weight: bold;
  132.     color: #FFFFFF;
  133. }
  134.  
  135. /* Content */
  136.  
  137. #content {
  138.     width: 904px;
  139.     margin: 0 auto;
  140. }
  141.  
  142. #colOne {
  143.     float: left;
  144.     width: 238px;
  145. }
  146.  
  147. #colTwo {
  148.     float: right;
  149.     width: 646px;
  150. }
  151.  
  152. /* ColOne Content */
  153.  
  154. #colOne ul {
  155.     margin-left: 0;
  156.     padding-left: 0;
  157.     list-style: none;
  158. }
  159.  
  160. #colOne li {
  161.     padding: 5px 0 7px 0;
  162.     border-top: 1px solid #3B495A;
  163. }
  164.  
  165. #colOne li.first {
  166.     border: none;
  167. }
  168.  
  169. #colOne h3 {
  170.     font-size: 15px;
  171. }
  172.  
  173. /* ColTwo Content */
  174.  
  175. /* Logo */
  176.  
  177. #logo {
  178.     margin: 0 0 20px 0;
  179.     padding: 0 0 40px 20px;
  180.     background: url(images/img3.gif) repeat-x left bottom;
  181. }
  182.  
  183. #logo h1 {
  184.     text-transform: lowercase;
  185. }
  186.  
  187. #logo h2 {
  188.     text-transform: lowercase;
  189.     font-size: 12px;
  190. }
  191.  
  192. #logo a {
  193.     text-decoration: none;
  194.     color: #FFFFFF;
  195. }
  196.  
  197. /* Welcome */
  198.  
  199. #welcome {
  200.     padding: 5px 20px 20px 20px;
  201. }
  202.  
  203. #welcome h2 {
  204.     margin-bottom: 25px;
  205. }
  206.  
  207. #welcome .image {
  208.     float: left;
  209.     padding: 0 17px 0 0;
  210. }
  211.  
  212. #welcome p {
  213.     margin-left: 126px;
  214. }
  215.  
  216. /* Footer */
  217.  
  218. #footer {
  219.     clear: both;
  220.     width: 904px;
  221.     margin: 0 auto;
  222.     background: url(images/img6.gif) repeat-x left top;
  223. }
  224.  
  225. #footer p {
  226.     margin: 0;
  227.     padding: 30px;
  228.     text-align: center;
  229. }