Template:UESTC-China/css/navmain

  • {
   margin: 0;
   padding: 0;
   list-style-type:none;

} /*nav导航盒子*/ /*nav-main*/

  1. mynav

{ height:50px; line-height: 35px; text-align: center; font-size: 12px; position: relative; z-index: 4; top:86px; background-color:rgba(243,230,55,1.00); margin:0; padding: 0; width: 82.45%; border-style: solid; border-width: 0px 1px 1px 1px; box-shadow: 5px 5px 10px #888888; } ul.nav-main{

   width: 100%;
   height: 100%;
   list-style-type: none;

} ul.nav-main span{

   display: inline-block;
   margin-left: 18px;
   width: 7px;
   height: 7px;
   background: url('https://static.igem.org/mediawiki/2017/5/5f/Down-icon.png') no-repeat;

} /*图标向上旋转*/ .hover-up{

   transition-duration: .5s;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);

} /*图标向下旋转*/ .hover-down{

   transition-duration: .5s;
   transform: rotate(0deg);
   -webkit-transform: rotate(0deg);

} /*导航条设置*/ ul.nav-main>li{

   width: 16.6%;/*li width*/
   height: 100%;
   display: block;
   float: left;
   background: #643519;
   color: #fff;
   margin: 0px;
   cursor: pointer;

} ul.nav-main>li:hover{

   background: #643519;

} /*隐藏盒子设置*/ div.hidden-box{

   width: 118px;
   border: 1px solid #643519;
   border-top: 0;
   position: absolute;
   display:none;

background:#fff;

   top: 50px;

} .hidden-box>ul{

   list-style-type: none;
   color: #643519;
   cursor: pointer;

} .hidden-box li:hover{

   background: #643519;
   color: #fff;

} /*隐藏盒子位置设置*/ .hidden-loc-index{

   left: 16.7%;

} .hidden-loc-us{

   left: 33.3%;

} .hidden-loc-info{

   left: 50%;

} .box04{ left:67%; } ul.nav-main>a,.hidden-box>a { display: inline-block; position: relative; width: 100%; height: 100%; }