home *** CD-ROM | disk | FTP | other *** search
/ Cricao de Sites - 650 Layouts Prontos / WebMasters.iso / Templates / CSS / darkit / style.css < prev   
Encoding:
Cascading Style Sheet File  |  2008-04-10  |  3.8 KB  |  53 lines
  1. body { margin:40px 50px; font-size:11px; line-height:20px; font-family: Tahoma, Arial; background: url(images/body_bckg.jpg) repeat-x #056caa;}
  2. a { color:#68d3ed; text-decoration:underline;}
  3. a:hover { text-decoration:none;}
  4. h1 { padding:0px; text-transform:uppercase; font-size:18px; color:#000; background-color:#818181; font-weight:normal; color:#fff; margin: 10px 0 ;height:21px;}
  5. h1 span { background:#616161; padding:0px 10px 0px 0px;}
  6. p {margin:0; background:#616161;}
  7. #header {background:url(images/header_bckg.jpg) repeat-x #0287c2; clear:both; width:100%; height:161px;  }
  8. #left_header { float:left; width:380px; background: url(images/left_header.jpg) no-repeat; height:161px;}
  9. #right_header { float:right;  width:321px; background: url(images/right_header.jpg) no-repeat; height:161px;}
  10.  
  11. #logo {position:absolute; text-align:center; width:95%; text-align:center; margin-top:50px; }
  12. #logo a {text-decoration:none; color:#FFFFFF; font-size:23px; }
  13. #menu { height:30px; clear:both; padding-top:5px; }
  14. #menu ul { margin:0; padding:0;}
  15. #menu ul li{ display:inline-block; float:left; width:104px; list-style:none; text-align:center;}
  16. #menu a { display:block; float:left; width:104px; font-size:12px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-decoration:none; font-weight:bold }
  17. #menu a:hover {color:#68d3ed;}
  18.  
  19. #content {clear:both; background-color:#252525; width:100%;}
  20. #content_top { height:20px;}
  21. #content_top_left {float:left; width:20px; height:20px; background: url(images/left_top_round.gif) no-repeat;}
  22. #content_top_right {float:right; width:20px; height:20px; background: url(images/right_top_round.gif) no-repeat;}
  23. #content_bottom { clear:both;height:16px;}
  24. #content_bottom_left {float:left; width:20px; height:16px; background: url(images/left_bottom_round.gif) no-repeat;}
  25. #content_bottom_right {float:right; width:20px; height:16px; background: url(images/right_bottom_round.gif) no-repeat;}
  26.  
  27. #sidebar {float:left; width:231px; padding-left:10px;}
  28. #sidebar p {background-color:#fff; padding:0 20px;}
  29. #sidebar_top { height:10px; background:url(images/top_sidebar.gif) no-repeat;background-color:white;}
  30. #sidebar_body { background-color:#fff;}
  31. #sidebar_bottom { height:23px; background:url(images/bottom_sidebar.gif) no-repeat;}
  32. #sidebar ul {margin:0; padding:0 0 0 40px;}
  33. #sidebar ul li { padding:0; list-style:none;}
  34. #sidebar a {color:#000; font-size:11px;}
  35. #sidebar h1 {color:#0676bd; font-size:12px; font-weight:bold; padding:10px 0 0 20px; background-color:#fff; margin:0;}
  36.  
  37. #text {background-color:#616161; margin:0px 10px 0 251px; width:auto; vertical-align:top; color:#fff;}
  38. #text_top {}
  39. #text_top_left {float:left; width:13px; height:10px; background:url(images/left_top_content.gif) no-repeat;}
  40. #text_top_right {float:right; width:11px; height:10px; background:url(images/rigth_top_content.gif) no-repeat;}
  41. #text_bottom { float:left;height:16px; background:url(images/middle_bottom_content.gif) repeat-x; width:100%;}
  42. #text_bottom_left {float:left; width:11px; height:16px; background: url(images/left_bottom_content.gif) no-repeat;}
  43. #text_bottom_right {float:right; width:11px; height:16px; background: url(images/right_bottom_content.gif) no-repeat;}
  44. #text_body { padding:10px 20px 10px 20px;}
  45. #foot_text { padding-left:50px; background:url(images/foot_text.gif) no-repeat; color:#a8a8a8; font-size:10px; line-height:13px; margin:20px 0 0 0;}
  46.  
  47. #footer {background:url(images/footer_bckg.jpg) #424e4f; height:74px; clear:both;  }
  48. #left_footer { float:left; padding:30px 0 0 30px; color:#fff; font-size:12px;}
  49. #left_footer a { color:#fff;}
  50. #left_footer a:hover { text-decoration:none;}
  51. #right_footer { float:right;  padding:30px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
  52. #right_footer a { color:#fff;}
  53. #right_footer a:hover { text-decoration:none;}