home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / adios / default.css next >
Encoding:
Cascading Style Sheet File  |  2007-07-14  |  3.3 KB  |  236 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: normal 13px Arial, Helvetica, sans-serif;
  16.     color: #666666;
  17. }
  18.  
  19. a {
  20.     color: #29A3E1;
  21. }
  22.  
  23. a:hover {
  24.     text-decoration: none;
  25.     color: #E16629;
  26. }
  27.  
  28. /* Boxed */
  29.  
  30. .title {
  31.     background: url(images/img4.gif) no-repeat right center;
  32.     border-bottom: 3px solid #CFCFCF;
  33. }
  34.  
  35. .boxed1 .title {
  36.     font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
  37. }
  38.  
  39. .boxed1 .content {
  40.     background: url(images/img05.gif) no-repeat left bottom;
  41.     padding: 20px;
  42. }
  43.  
  44. .boxed2 .title {
  45.     font: normal 182% "Trebuchet MS", Arial, Helvetica, sans-serif;
  46. }
  47.  
  48. .boxed2 .content {
  49.     background: url(images/img06.gif) repeat-x left bottom;
  50.     padding: 20px;
  51. }
  52.  
  53. .boxed3 .title {
  54.     font: normal 129% "Trebuchet MS", Arial, Helvetica, sans-serif;
  55. }
  56.  
  57. .boxed3 .content {
  58.     padding: 20px;
  59. }
  60.  
  61. .boxed3 ol, .boxed3 ul {
  62.     margin-left: 1em;
  63. }
  64.  
  65.  
  66. /* Header */
  67.  
  68. #header {
  69.     width: 760px;
  70.     height: 161px;
  71.     margin: 0 auto;
  72.     background: url(images/img02.jpg) no-repeat 100% 50px;
  73.     border-bottom: 5px solid #E16629;
  74. }
  75.  
  76. /* Logo */
  77.  
  78. #logo {
  79.     float: left;
  80.     width: 240px;
  81.     height: 160px;
  82.     background: #29A4E1 url(images/img01.gif) no-repeat;
  83.     text-align: center;
  84. }
  85.  
  86. #logo h1 {
  87.     padding-top: 80px;
  88.     font: bold 36px Georgia, "Times New Roman", Times, serif;
  89. }
  90.  
  91. #logo h2 {
  92.     font: bold 11px Verdana, Arial, Helvetica, sans-serif;
  93. }
  94.  
  95. #logo a {
  96.     text-decoration: none;
  97.     color: #FFFFFF;
  98. }
  99.  
  100. /* Menu */
  101.  
  102. #menu {
  103.     float: left;
  104.     width: 520px;
  105.     height: 50px;
  106.     background: #F4F4F4;
  107. }
  108.  
  109. #menu ul {
  110.     height: 5px;
  111.     background: #29A4E1;
  112.     list-style: none;
  113. }
  114.  
  115. #menu li {
  116.     display: inline;
  117. }
  118.  
  119. #menu a {
  120.     display: block;
  121.     float: left;
  122.     height: 30px;
  123.     padding: 15px 15px 0 15px;
  124.     border-top: 5px solid #29A4E1;
  125.     text-decoration: none;
  126.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  127.     font-weight: bold;
  128.     color: #000000;
  129. }
  130.  
  131. #menu a:hover {
  132.     background: #DCDCDC;
  133.     border-top-color: #1A7196;
  134. }
  135.  
  136. #menu .active a {
  137.     background: #FFA800;
  138.     border-top-color: #E16629;
  139. }
  140.  
  141. #menu a b {
  142.     text-decoration: underline;
  143. }
  144.  
  145. /* Page */
  146.  
  147. #page {
  148.     width: 760px;
  149.     margin: 0 auto;
  150.     background: url(images/img03.gif) repeat-y;
  151.     border-top: 1px solid #FFFFFF;
  152.     border-bottom: 1px solid #FFFFFF;
  153. }
  154.  
  155. /* Content */
  156.  
  157. #content {
  158.     float: right;
  159.     width: 480px;
  160.     padding: 20px;
  161.     border-bottom: 1px solid #FFFFFF;
  162. }
  163.  
  164. #content p, #content ol, #content ul {
  165.     line-height: 152%;
  166. }
  167.  
  168. /* Sidebar */
  169.  
  170. #sidebar {
  171.     float: left;
  172.     width: 200px;
  173.     padding: 20px;
  174. }
  175.  
  176. /* News */
  177.  
  178. #news {
  179.     padding-top: 10px;
  180.     padding-bottom: 0;
  181. }
  182.  
  183. #news ul {
  184.     list-style-type: square;
  185. }
  186.  
  187. #news li {
  188.     margin-bottom: 15px;
  189. }
  190.  
  191. #news h3 {
  192.     margin-bottom: 10px;
  193.     font-size: 92%;
  194. }
  195.  
  196. #news h3 a {
  197.     display: block;
  198. }
  199.  
  200. #news p {
  201.     font-size: 85%;
  202. }
  203.  
  204. /* Welcome */
  205.  
  206. #welcome {
  207.     margin-bottom: 20px;
  208. }
  209.  
  210. /* Samples */
  211.  
  212. #sample1, #sample2 {
  213.     float: left;
  214.     width: 230px;
  215. }
  216.  
  217. #sample1 {
  218. }
  219.  
  220. #sample2 {
  221.     margin-left: 20px;
  222. }
  223.  
  224. /* Footer */
  225.  
  226. #footer {
  227.     width: 760px;
  228.     margin: 0 auto;
  229.     padding: 20px 0;
  230.     border-top: 5px solid #E16629;
  231. }
  232.  
  233. #footer p {
  234.     text-align: center;
  235.     font-size: 77%;
  236. }