index_menu.css

具有的功能适合于网站的运营和管理

body{ font-size:12px;}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, Helvetica, sans-serif;
}
/*CSS Code for Menu Begin:*/
/* Root = Horizontal, Secondary = Vertical */
ul#navmenu {
 margin: 0;
 border:0 none;
 padding: 0;
 width: 600px; /*For KHTML*/
 list-style: none;
 height: 36px;
}
ul#navmenu li {
 margin: 0;
 border:0 none;
 padding: 5px;
 float: left; /*For Gecko*/
 display: inline;
 list-style: none;
 position: relative; 
 height: 20px;
}
ul#navmenu ul {
 margin: 0;
 border-left:solid 1px #E4E4E4;
 border-top:solid 2px gray;
 border-right:solid 1px black;
 border-bottom:solid 1px black;
 width:120px;
 padding:0; 
 list-style: none;
 display: none;
 position: absolute;
 top:26px;
 left:5px; 
 /*filter:alpha(opacity=90);/*设置透明度100为不透明*/
}
ul#navmenu ul li {
 float: none; /*For Gecko*/
 display: block !important;
 display: inline; /*For IE*/
}
/* Root Menu */
ul#navmenu a {
 background: #30569D ; 
 COLOR: white; 
 BORDER-BOTTOM: 0px; 
 TEXT-DECORATION: none;
 float: none !important; /*For Opera*/
 float: left; /*For IE*/
 display: block;
 height: 20px !important;
 height: 1%; /*For IE*/
 padding-right: 9px;
 padding-left:9px;
 PADDING-TOP: 3px;
 border:#9cc7df 1px solid;

}
/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
 background: #176fa2; 
 color:white;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
 float: none;
 background: #F1F3F5;
 color:black;
 border:0 none;
 padding:5px; 
}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
 background: #176fa2;
 color:white;
}
/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a { 
 background: #F1F3F5;
 color:black;
 border:0 none;
 padding:5px;
}
/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #176fa2;
   color:white
}
/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a { 
 background: #F1F3F5;
 color:black;
 border:0 none;
 padding:5px;
}
/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #176fa2;
 color:white
}
ul#navmenu ul ul,
ul#navmenu ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 120px;
}
/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
 display: none;
}
ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
 display: block;
}