/* * jQuery Multi Level CSS Menu (horizontal) * By Dynamic Drive DHTML code library * http://www.dynamicdrive.com * modified by wmas * http://wmas.msk.ru */ .jquerycssmenu { padding: 0px; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; } /* Верхний уровень меню */ .jquerycssmenu ul { z-index: 999; margin: 0; padding: 0; list-style: none; -moz-box-shadow: 2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #989898; box-shadow: 2px 2px 4px #000000; } .jquerycssmenu ul li { position: relative; display: inline; float: left; } .jquerycssmenu ul li a { font: bold 14px Helvetica, sans-serif; color: #fff; display: block;background-image: url(); border-right: 0px dotted #3a3a3a; border-left: 0px dotted #1b1b1b; margin-right: 1px; text-decoration: none; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; text-align: center; padding: 7px 16px; } .jquerycssmenu ul li a:hover {background-image: url(); border-right: 0px dotted #3a3a3a; border-left: 0px dotted #1b1b1b; color: #fff; #opacity: 0.80; #filter: alpha(opacity=80); } .jquerycssmenu ul li a:active { background-color: #104E8B; border: 0px solid #fff; color: #fff; } /* подменю 1-го уровня */ .jquerycssmenu ul li ul { visibility: hidden; position: absolute; display: block; background: #336699;; border-right: 0px dotted #3a3a3a; border-left: 0px dotted #1b1b1b; padding: 0px; margin: 0; left: 0; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; opacity: 0.77; filter: alpha(opacity=77); } .jquerycssmenu ul li ul li { display: list-item; float: none; } .jquerycssmenu ul li ul li a:hover{ font-weight: bold; background: #104E8B; border: 0; margin: 0; color: #fff; opacity: 0.77; filter: alpha(opacity=70); } .jquerycssmenu ul li ul li a { display: position: absolute; font: normal 14px Helvetica, sans-serif; color: #fff; width: 250px; background: #336699; padding: 5px 7px 7px 5px; margin: 0; border: 0; opacity: 0.77; filter: alpha(opacity=77); text-align: left; } /* остальные уровни подменю */ .jquerycssmenu ul li ul li ul { top: 0; } /* стрелочки */ .downarrowclass{ position: absolute; top: 7px; right: 5px; } .rightarrowclass{ position: absolute; top: 5px; right: 5px; }