home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / breakfast / default.css next >
Cascading Style Sheet File  |  2007-12-10  |  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. * {
  8.     margin: 0;
  9.     padding: 0;
  10. }
  11.  
  12. body {
  13.     margin: 20px 0;
  14.     background: #FFFFFF;
  15.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  16.     font-size: 13px;
  17.     color: #7F7772;
  18. }
  19.  
  20. h1, h2, h3 {
  21.     font-weight: normal;
  22.     color: #3B3B3B;
  23. }
  24.  
  25. h1 { font-size: 182%; }
  26. h2 { font-size: 122%; }
  27. h3 { font-size: 100%; }
  28.  
  29. p, ul, ol {
  30.     margin-bottom: 20px;
  31.     line-height: 167%;
  32.     font-size: 85%;
  33. }
  34.  
  35. a:link {
  36.     color: #0AAAFD;
  37. }
  38.  
  39. a:hover {
  40.     text-decoration: none;
  41.     color: #ED2024;
  42. }
  43.  
  44. #header {
  45.     width: 770px;
  46.     height: 80px;
  47.     margin: 0 auto;
  48. }
  49.  
  50. #logo {
  51.     float: left;
  52.     width: 240px;
  53. }
  54.  
  55. #logo h1 {
  56.     padding-top: 20px;
  57.     text-align: center;
  58. }
  59.  
  60. #logo h1 a {
  61.     font-weight: normal;
  62.     font-size: 24px; 
  63.     color: #3B3B3B;
  64. }
  65.  
  66. #logo h2 {
  67.     text-align: center;
  68.     text-transform: uppercase;
  69.     font-size: 8px;
  70. }
  71.  
  72. #logo h2 a {
  73.     color: #B3A7A0;
  74. }
  75.  
  76. #logo a {
  77.     text-decoration: none;
  78. }
  79.  
  80. #menu {
  81.     float: left;
  82.     width: 530px;
  83. }
  84.  
  85. #menu ul {
  86.     margin: 0;
  87.     padding: 0;
  88.     list-style: none;
  89. }
  90.  
  91. #menu li {
  92.     display: inline;
  93. }
  94.  
  95. #menu a {
  96.     display: block;
  97.     float: left;
  98.     height: 50px;
  99.     padding: 30px 25px 0 25px;
  100.     background: url(images/img1.gif) no-repeat;
  101.     text-decoration: none;
  102.     font-size: 114%;
  103.     color: #3B3B3B;
  104. }
  105.  
  106. #menu a:hover {
  107.     color: #ED2024;
  108. }
  109.  
  110. #splash {
  111.     width: 770px;
  112.     height: 190px;
  113.     margin: 0 auto;
  114.     background: url(images/img3.jpg) no-repeat;
  115. }
  116.  
  117. #splash p {
  118.     float: right;
  119.     width: 460px;
  120.     height: 70px;
  121.     margin: 0;
  122.     padding: 110px 20px 0 50px;
  123.     text-align: right;
  124.     font-size: 136%;
  125.     font-weight: bold;
  126.     color: #ED2024;
  127. }
  128.  
  129. #page {
  130.     width: 770px;
  131.     margin: 0 auto;
  132. }
  133.  
  134. #page h1, #page h2 {
  135.     margin-bottom: 20px;
  136. }
  137.  
  138. #content {
  139.     float: left;
  140.     width: 490px;
  141.     padding: 20px;
  142. }
  143.  
  144. #content ol, #content ul {
  145.     margin-left: 3em;
  146. }
  147.  
  148. #sidebar {
  149.     float: left;
  150.     width: 200px;
  151.     padding: 20px;
  152. }
  153.  
  154. #sidebar h2 {
  155.     padding-top: 6px;
  156.     font-weight: bold;
  157. }
  158.  
  159. #sidebar ul {
  160.     margin: 0;
  161.     padding: 0;
  162.     list-style: none;
  163. }
  164.  
  165. #sidebar li {
  166.     margin: 0 0 20px 0;
  167.     padding: 0 0 20px 0;
  168.     border-bottom: 1px dashed #CCCCCC;
  169. }
  170.  
  171. #sidebar h3 {
  172.     height: 17px;
  173.     padding: 0 10px;
  174.     background: #3B3B3B url(images/img4a.gif) no-repeat;
  175.     color: #FFFFFF;
  176. }
  177.  
  178. #footer {
  179.     clear: both;
  180.     width: 770px;
  181.     height: 50px;
  182.     margin: 0 auto;
  183.     padding-top: 10px;
  184.     border-top: 5px solid #3B3B3B;
  185. }
  186.  
  187. #footer p {
  188.     margin: 0;
  189.     padding: 0;
  190.     line-height: normal;
  191.     font-size: 77%;
  192. }
  193.  
  194. #legal {
  195.     float: left;
  196. }
  197.  
  198. #links {
  199.     float: right;
  200. }