home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / canvass / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-06-15  |  3.6 KB  |  242 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: #FFFFFF url(images/img01.gif) repeat-x;
  11.     font-family: Verdana, Arial, Helvetica, sans-serif;
  12.     font-size: 13px;
  13.     color: #666666;
  14. }
  15.  
  16. h1, h2, h3 {
  17.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  18.     color: #000000;
  19. }
  20.  
  21. h1 {
  22.     font-weight: normal;
  23.     font-size: 237%;
  24. }
  25.  
  26. a {
  27.     border-bottom: 1px dotted #CCCCCC;
  28.     text-decoration: none;
  29.     color: #1777B1;
  30. }
  31.  
  32. a:hover {
  33.     border-bottom: none;
  34.     color: #FF7400;
  35. }
  36.  
  37. img {
  38.     border: 3px solid #7F7772;
  39. }
  40.  
  41. img.left {
  42.     float: left;
  43.     margin: 6px 15px 0 0;
  44. }
  45.  
  46. img.right {
  47.     float: right;
  48.     margin: 6px 0 0 15px;
  49. }
  50.  
  51. .bg1 { background: url(images/img04.gif) no-repeat left bottom; }
  52. .bg2 { background: url(images/img05.gif) no-repeat left bottom; }
  53. .bg3 { background: url(images/img06.gif) no-repeat left bottom; }
  54. .bg4 { background: url(images/img08.gif) no-repeat left bottom; }
  55. .bg5 { background: url(images/img09.gif) no-repeat left bottom; }
  56. .bg6 { background: url(images/img10.gif) no-repeat right bottom; }
  57. .bg7 { background: url(images/img11.gif) no-repeat right bottom; }
  58.  
  59. .feature {
  60. }
  61.  
  62. .feature .image {
  63.     padding: 0 0 0 40px;
  64. }
  65.  
  66. .feature .title {
  67. }
  68.  
  69. .feature .content {
  70.     padding: 0 0 0 40px;
  71. }
  72.  
  73. .box {
  74.     float: left;
  75.     width: 250px;
  76. }
  77.  
  78. .box .title {
  79.     height: 40px;
  80.     padding: 20px 0 0 40px;
  81.     text-transform: lowercase;
  82.     font-size: 167%;
  83. }
  84.  
  85. .box .content {
  86. }
  87.  
  88. .list {
  89.     margin-left: 0;
  90.     padding-left: 0;
  91.     list-style: none;
  92. }
  93.  
  94. .list li {
  95.     padding-left: 10px;
  96.     background: url(images/img07.gif) no-repeat left center;
  97. }
  98.  
  99. /* Header */
  100.  
  101. #header {
  102.     width: 760px;
  103.     height: 150px;
  104.     margin: 0 auto;
  105.     background: url(images/img02.gif) no-repeat;
  106. }
  107.  
  108. #header h1, #header p {
  109.     margin: 0;
  110.     margin: 0;
  111.     font-weight: normal;
  112.     color: #000000;
  113. }
  114.  
  115. #header h1 {
  116.     float: left;
  117.     padding: 58px 0 0 12px;
  118.     text-transform: lowercase;
  119.     line-height: 72px;
  120.     font-size: 72px;
  121. }
  122.  
  123. #header p {
  124.     float: right;
  125.     padding: 102px 0 0 0;
  126.     text-transform: uppercase;
  127.     font: bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
  128. }
  129.  
  130. #header p a {
  131.     font-size: 167%;
  132. }
  133.  
  134. #header a {
  135.     border: none;
  136.     color: #000000;
  137. }
  138.  
  139. /* Page */
  140.  
  141. #page {
  142.     width: 760px;
  143.     margin: 0 auto;
  144. }
  145.  
  146. /* Content */
  147.  
  148. #content {
  149.     float: right;
  150.     width: 519px;
  151. }
  152.  
  153. #content p, #content ul, #content ol {
  154.     line-height: 1.8em;
  155. }
  156.  
  157. /* Sidebar */
  158.  
  159. #sidebar {
  160.     float: left;
  161.     width: 200px;
  162.     padding: 0 20px 0 0;
  163.     border-right: 1px dotted #DCDCDC;
  164. }
  165.  
  166. #sidebar ul {
  167.     margin: 0;
  168.     padding: 0;
  169.     list-style: none;
  170. }
  171.  
  172. #sidebar li {
  173. }
  174.  
  175. #sidebar li ul {
  176. }
  177.  
  178. #sidebar li li {
  179.     padding: 5px 10px;
  180.     background: url(images/img07.gif) no-repeat 0 10px;
  181.     border-top: 1px dotted #DCDCDC;
  182. }
  183.  
  184. #sidebar li li.first {
  185.     border-top-color: #FFFFFF;
  186. }
  187.  
  188. #sidebar h2 {
  189.     height: 40px;
  190.     padding: 20px 0 0 40px;
  191.     text-transform: lowercase;
  192.     font-size: 167%;
  193. }
  194.  
  195. #sidebar a {
  196.     border: none;
  197. }
  198.  
  199. #sidebar a:hover {
  200.     border-bottom: 1px dotted #666666;
  201. }
  202.  
  203. /* Footer */
  204.  
  205. #footer {
  206.     clear: both;
  207.     height: 150px;
  208.     padding: 20px 0 0 0;
  209.     background: #000000;
  210. }
  211.  
  212. #footer p {
  213.     background: #000000;
  214.     margin: 0;
  215.     text-align: center;
  216.     font-size: 85%;
  217. }
  218.  
  219. #footer a {
  220.     border: none;
  221.     color: #CCCCCC;
  222. }
  223.  
  224. #footer a:hover {
  225.     color: #FFFFFF;
  226. }
  227.  
  228. #legal {
  229. }
  230.  
  231. #legal strong {
  232.     display: block;
  233.     padding: 20px 0 0 0;
  234.     background: url(images/img12.gif) no-repeat center top;
  235.     text-transform: lowercase;
  236.     letter-spacing: 3px;
  237.     font-size: 182%;
  238.     font-weight: normal;
  239. }
  240.  
  241. #links {
  242. }