home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / fotographix / default.css next >
Cascading Style Sheet File  |  2007-01-21  |  3KB  |  200 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: #333333 url(images/img1.gif) repeat-y center top;
  11.     font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
  12.     color: #666666;
  13. }
  14.  
  15. h1, h2, h3, h4, h5, h6 {
  16.     margin: 0;
  17.     padding: 0;
  18. }
  19.  
  20. ul {
  21.     list-style: square;
  22. }
  23.  
  24. a:hover {
  25.     text-decoration: none;
  26. }
  27.  
  28. /* Header */
  29.  
  30. #header {
  31.     width: 718px;
  32.     height: 80px;
  33.     margin: 0 auto;
  34.     background: #FFFFFF;
  35. }
  36.  
  37. #header * {
  38.     text-transform: lowercase;
  39.     text-decoration: none;
  40.     color: #B2D553;
  41. }
  42.  
  43. #header h1 {
  44.     float: left;
  45.     padding: 20px 0 0 20px;
  46.     font-size: 3em;
  47. }
  48.  
  49. #header h2 {
  50.     float: right;
  51.     padding: 38px 20px 0 0;
  52.     font-size: 1.6em;
  53. }
  54.  
  55. /* Menu */
  56.  
  57. #menu {
  58.     width: 718px;
  59.     height: 35px;
  60.     margin: 0 auto;
  61.     background: #CE6318 url(images/img2.gif) repeat-x;
  62. }
  63.  
  64. #menu ul {
  65.     margin: 0;
  66.     padding: 0;
  67.     list-style: none;
  68. }
  69.  
  70. #menu li {
  71.     display: inline;
  72. }
  73.  
  74. #menu a {
  75.     display: block;
  76.     float: left;
  77.     height: 24px;
  78.     padding: 8px 20px 0  20px;
  79.     border-bottom: 2px solid #CE6318;
  80.     text-transform: lowercase;
  81.     text-decoration: none;
  82.     font-size: 1em;
  83.     font-weight: bold;
  84.     color: #F7E5D9;
  85. }
  86.  
  87. #menu a:hover {
  88.     background: #CE6318;
  89.     border-bottom-color: #DC915C;
  90.     color: #FFFFFF;
  91. }
  92.  
  93. /* Content */
  94.  
  95. #content {
  96.     width: 718px;
  97.     margin: 0 auto;
  98. }
  99.  
  100. /* Column One */
  101.  
  102. #colOne {
  103.     float: left;
  104.     width: 466px;
  105.     padding: 20px 0 0 20px;
  106. }
  107.  
  108. #colOne h2 {
  109.     margin-bottom: 0;
  110.     font-size: 2em;
  111. }
  112.  
  113. #colOne h3 {
  114.     font-size: 1.6em;
  115. }
  116.  
  117. #colOne .file {
  118.     margin-top: 0;
  119. }
  120.  
  121. #colOne .posted {
  122.     height: 26px;
  123.     margin: 0 0 20px 0;
  124.     padding: 8px 0 0 10px;
  125.     background: #EFCCB3 url(images/img4.gif) repeat-x;
  126. }
  127.  
  128. #colOne .posted, #colOne .posted a {
  129.     color: #CD6216;
  130. }
  131.  
  132. #colOne a {
  133.     color: #8CA640;
  134. }
  135.  
  136. #colOne a:hover {
  137.     text-decoration: none;
  138. }
  139.  
  140. /* Column Two */
  141.  
  142. #colTwo {
  143.     float: right;
  144.     width: 210px;
  145. }
  146.  
  147. #colTwo ul {
  148.     margin: 0;
  149.     padding: 0;
  150.     list-style: none;
  151. }
  152.  
  153. #colTwo form {
  154.     padding: 20px 10px;
  155. }
  156.  
  157. #colTwo h2 {
  158.     height: 26px;
  159.     margin: 1em 0 .5em 0;
  160.     padding: 7px 0 0 10px;
  161.     background: #CD6216 url(images/img3.gif) repeat-x;
  162.     font-size: 1em;
  163.     color: #FFFFFF;
  164. }
  165.  
  166. #colTwo ul ul {
  167.     padding: 10px;
  168.     list-style: square inside;
  169.     color: #CD6216;
  170. }
  171.  
  172. #colTwo ul ul a {
  173.     text-decoration: none;
  174.     color: #CD6216;
  175. }
  176.  
  177. #colTwo ul ul a:hover {
  178.     text-decoration: underline;
  179. }
  180.  
  181. #textfield1 {
  182.     width: 94%;
  183. }
  184.  
  185. #submit1 {
  186.     display: none;
  187. }
  188.  
  189. /* Footer */
  190.  
  191. #footer {
  192.     width: 678px;
  193.     margin: 0 auto;
  194.     padding: 30px 0 30px 0;
  195.     font-size: smaller;
  196. }
  197.  
  198. #footer * {
  199.     color: #EFCCB3;
  200. }