smartMenu.css 1.1 KB

1234567891011121314
  1. @charset "utf-8";
  2. /* smartMenu.css by zhangxinxu */
  3. .smart_menu_box{display:none; width:140px; position:absolute; z-index:201105;}
  4. .smart_menu_body{padding:1px; border:1px solid #B8CBCB; background-color:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
  5. .smart_menu_ul{margin:0; padding:0; list-style-type:none;}
  6. .smart_menu_li{position:relative;}
  7. .smart_menu_a{display:block; height:25px; line-height:24px; padding:0 5px 0 25px; color:#000; font-size:12px; text-decoration:none; overflow:hidden;}
  8. .smart_menu_a:hover, .smart_menu_a_hover{background-color:#348CCC; color:#fff; text-decoration:none;}
  9. .smart_menu_li_separate{line-height:0; margin:3px; border-bottom:1px solid #B8CBCB; font-size:0;}
  10. .smart_menu_triangle{width:0; height:0; border:5px dashed transparent; border-left:5px solid #666; overflow:hidden; position:absolute; top:7px; right:5px;}
  11. .smart_menu_a:hover .smart_menu_triangle, .smart_menu_a_hover .smart_menu_triangle{border-left-color:#fff;}
  12. .smart_menu_li_hover .smart_menu_box{top:-1px; left:130px;}