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