dropline.css 1.6 KB

12345678910111213141516171819202122
  1. /* common styling */
  2. .menu {font-family: arial, sans-serif; width:749px; height:30px; position:relative; margin:0; font-size:11px; margin:50px 0; background:#fff; position:relative;}
  3. .menu ul {padding:0; margin:0; list-style-type: none;}
  4. .menu ul li {float:left; border-left:1px solid #eee; width:106px;}
  5. .menu ul li a, .menu ul li a:visited {display:block; float:left; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(drop.gif) bottom right no-repeat;}
  6. .menu ul li ul {display: none;}
  7. /* specific to non IE browsers */
  8. .menu ul li:hover a {color:#fff; background:#b3ab79;}
  9. .menu ul li:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;}
  10. .menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;}
  11. .menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;}
  12. .menu ul li:hover ul li a.hide {background:#bd8d5e url(drop2.gif) bottom right no-repeat; color:#fff;}
  13. .menu ul li:hover ul li:hover a.hide {background:#b3ab79; color:#fff;}
  14. .menu ul li:hover ul li ul {display: none;}
  15. .menu ul li:hover ul li a {display:block; background:##b3ab79; color:#fff;}
  16. .menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
  17. .menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;}
  18. .menu ul li:hover ul.right li {float:right;}
  19. .menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
  20. .menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
  21. .menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}