home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / crystalblack / default.css next >
Cascading Style Sheet File  |  2007-01-13  |  3KB  |  238 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. /* Elements */
  8.  
  9. body {
  10.     /*background: #000000 url(images/img1.gif) repeat-x left top; */
  11.     background: #000000;
  12.     text-align: justify;
  13.     font-family: Tahoman, Arial, Helvetica, sans-serif;
  14.     font-size: 11px;
  15.     color: #333333;
  16.     line-height: 20px;
  17. }
  18.  
  19. h1 {
  20. }
  21.  
  22. h2, h3 {
  23.     margin-top: 0px;
  24. }
  25.  
  26. h4, h5, h6 {
  27. }
  28.  
  29. p, ol, ul, dl, blockquote {
  30. }
  31.  
  32. a {
  33.     color: #FFFFFF;
  34. }
  35.  
  36. a:hover {
  37.     text-decoration: none;
  38. }
  39.  
  40. img { border: 2px solid #FFFFFF; }
  41.  
  42. .img1 {
  43.     float: left;
  44.     margin: 5px 15px 0px 0px;
  45. }
  46.  
  47. /* Search */
  48. #search {
  49.     margin: 0px;
  50.     padding: 0px;
  51.     background-color: #CC441B;
  52.     color: #FFFFFF;
  53. }
  54.  
  55. /** Forms */
  56.  
  57. form {
  58.     margin: 0px;
  59.     padding: 15px 0px 0px 25px;
  60. }
  61.  
  62. .input1 {
  63.     width: 130px;
  64.     background-color: #FFFFFF;
  65.     border: 1px solid #363636;
  66.     color: #FFFFFF;
  67. }
  68.  
  69. /* Header */
  70.  
  71. #header {
  72.     width: 400px;
  73.     height: 60px;
  74.     margin: 0px auto;
  75.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  76. }
  77.  
  78. #header h1 {
  79.     float: left;
  80.     margin: 0px;
  81.     height: 60px;
  82.     padding-top: 10px;
  83.     font-size: 40px;
  84.     letter-spacing: -2px;
  85. }
  86.  
  87. #header h2 {
  88.     margin: 0px;
  89.     padding-top: 28px;
  90.     font-size: 12px;
  91.     letter-spacing: -1px;
  92. }
  93.  
  94. #header a {
  95.     text-decoration: none;
  96.     color: #FFFFFF;
  97. }
  98.  
  99. /* Post */
  100.  
  101. .latest-post {
  102.     padding: 0px 2em 1em 3em;
  103. }
  104.  
  105. .latest-post h2 {
  106.     font-size: 1.6em;
  107.     color: #000000;
  108. }
  109.  
  110. .post {
  111.     padding: 2em 2em 1em 3em;
  112.     border-top: 1px dashed #823D47;
  113. }
  114.  
  115. .post h3 {
  116.     margin-bottom: .5em;
  117.     font-size: 1.2em;
  118.     color: #000000;
  119. }
  120.  
  121. .file * {
  122.     color: #000000;
  123. }
  124.  
  125. /* Content */
  126.  
  127. #content {
  128.     width: 780px;
  129.     margin: 0px auto;
  130.     padding: 20px 0px 0px 0px;
  131. }
  132.  
  133. #colOne {
  134.     float: right;
  135.     width: 360px;
  136.     background-color: #CC441B;
  137.     padding: 20px 20px;
  138.     border: 3px solid #666666;
  139.     color: #FFFFFF;
  140. }
  141.  
  142. #colOne .search {
  143.     background-color: #000000;
  144.     margin: 0px;
  145.     padding-bottom: 10px;
  146.     height: 50px;
  147. }
  148. #colTwo {
  149.     float: left;
  150.     width: 180px;
  151. }
  152.  
  153. #colTwo ul {
  154.     margin: 0;
  155.     padding: 0;
  156.     list-style: none;
  157. }
  158.  
  159. #colTwo li {
  160.     margin-bottom: 1em;
  161.     color: #FFFFFF;
  162. }
  163.  
  164. #colTwo li li {
  165.     margin-bottom: 0;
  166.     padding-left: 2em;
  167. }
  168.  
  169. #colTwo a {
  170.     color: #FF4000;
  171. }
  172.  
  173. #colTwo h1, #colTwo h2 {
  174.     background: url(images/img2.gif) no-repeat;
  175.     padding: 0px 0 5px 20px;
  176.     text-transform: uppercase;
  177.     font: 12px Tahoma, Arial, Helvetica, sans-serif;
  178.     font-weight: bold; 
  179.     border-bottom: 1px dashed #666666; 
  180.     color: #FFFFFF;
  181. }
  182.  
  183. #colThree {
  184.     float: right;
  185.     width: 165px;
  186.     margin-left: 15px;
  187. }
  188.  
  189. #colThree ul {
  190.     margin: 0;
  191.     padding-left: 20px;
  192.     list-style: none;
  193. }
  194.  
  195. #colThree li {
  196.     margin-bottom: 1em;
  197.     color: #FFFFFF;
  198. }
  199.  
  200. #colThree li li {
  201.     margin-bottom: 0;
  202.     padding-left: 2em;
  203. }
  204.  
  205. #colThree a {
  206.     color: #FF4000;
  207. }
  208.  
  209. #colThree h1, #colThree h2 {
  210.     background: url(images/img2.gif) no-repeat;
  211.     padding: 0px 0 5px 20px;
  212.     text-transform: uppercase;
  213.     font: 12px Tahoma, Arial, Helvetica, sans-serif;
  214.     font-weight: bold; 
  215.     border-bottom: 1px dashed #666666; 
  216.     color: #FFFFFF;
  217. }
  218.  
  219. /* Footer */
  220.  
  221. #footer {
  222.     width: 400px;
  223.     margin: 0px auto;
  224.     padding: 3px 0px;
  225.     color: #787878;
  226. }
  227.  
  228. #footer p {
  229.     margin: 0px;
  230.     padding-right: 40px;
  231.     text-align: right;
  232.     font-size: 10px;
  233. }
  234.  
  235. #footer a {
  236.     color: #FF4000;
  237. }
  238.