Difference between revisions of "Template:UESTC-China/nav"

 
(97 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
<script>
 
<script>
−
$(document).ready(function(){
+
      $(document).ready(function(){
 
  $("#HQ_page").attr('id','');
 
  $("#HQ_page").attr('id','');
 
                   $("#content").attr('id','');
 
                   $("#content").attr('id','');
Line 14: Line 14:
  
 
#globalWrapper{
 
#globalWrapper{
−
         padding:0;
+
         padding-bottom:0;
 +
        font-size:127%;
 
}
 
}
−
.mw-body {
+
.h1{
−
margin-top: -5em;
+
  margin:0;
 
}
 
}
 
.dropdown a:hover {color:#45bcf9 !important;}
 
.dropdown a:hover {color:#45bcf9 !important;}
Line 58: Line 59:
 
display: block!important;
 
display: block!important;
 
        float: right;
 
        float: right;
−
font-family: "MV Boli";
+
font-family: 'myfoot',Serif;
 
font-size:26px;
 
font-size:26px;
 
font-weight: 400;
 
font-weight: 400;
 
color:#ffffff;
 
color:#ffffff;
 
padding-right: 20px;
 
padding-right: 20px;
−
padding-top: 10px;
+
padding-top: 15px;
 
    }
 
    }
 
}
 
}
Line 76: Line 77:
 
}
 
}
 
.dropdown-menu li a{
 
.dropdown-menu li a{
−
font-family: "MV Boli";
+
font-family: 'myfoot',Serif;
 
font-size:1.2em;
 
font-size:1.2em;
 
                 color:white;
 
                 color:white;
Line 84: Line 85:
 
}
 
}
 
.custom a{
 
.custom a{
−
font-size: 1.1em;
 
 
font-weight: 400;
 
font-weight: 400;
−
padding:15px 10px !important;
+
padding:23px 12px 10px 12px !important;
 
background-color: transparent !important;
 
background-color: transparent !important;
−
font-family: "MV Boli";
+
font-family: 'myfoot',Serif;
 
}
 
}
 
         .custom > a{
 
         .custom > a{
Line 98: Line 98:
 
    }
 
    }
 
}
 
}
 +
        @media(min-width:1300px){
 +
          .custom a{
 +
            font-size:18px;
 +
          }
 +
        }
 +
        @media(max-width:1299px){
 +
            .custom a{
 +
              font-size:15px;
 +
              font-size:1.1vw;
 +
          }
 +
        }
 +
        @media(max-width:1022px){
 +
            .custom a{
 +
              font-size:18px;
 +
            }
 +
        }
 +
        @media(max-width:767px){
 +
            .custom a{
 +
              font-size:15px;
 +
              font-size:1.1vw;
 +
            }
 +
        }
 +
        .dropdown-menu a{
 +
        padding-top:15px!important;
 +
        }
 
</style>
 
</style>
 +
 
<meta charset="utf-8">
 
<meta charset="utf-8">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Line 106: Line 132:
 
<script src="https://2019.igem.org/common/tablesorter/jquery.tablesorter.min.js"></script>
 
<script src="https://2019.igem.org/common/tablesorter/jquery.tablesorter.min.js"></script>
 
<script src="/Template:UESTC-China/js/bootstrap_min_js?action=raw&ctype=text/javascript"></script>
 
<script src="/Template:UESTC-China/js/bootstrap_min_js?action=raw&ctype=text/javascript"></script>
−
<script src="/Template:UESTC-China/js/echart_js?action=raw&ctype=text/javascript"></script>
 
  
  
 
</head>
 
</head>
 
<body>
 
<body>
−
<nav class=" navbar navbar-default navbar-fixed-top" role="navigation" style="height: 48px!important;background-color:#000000;">  
+
<nav class=" navbar navbar-default navbar-fixed-top" role="navigation" style="background-color:#000000;height:58px;">  
 
   <div class="container-fluid">
 
   <div class="container-fluid">
 
     <div class="navbar-header">
 
     <div class="navbar-header">
Line 119: Line 144:
 
     </div>
 
     </div>
 
   
 
   
−
     <div class="collapse navbar-collapse custom-collapse" id="example-navbar-collapse">
+
     <div class="collapse navbar-collapse custom-collapse" id="example-navbar-collapse" style="border:0">
 
 
−
           <ul class="nav navbar-nav " style="margin-left:0" >
+
           <ul class="nav navbar-nav " style="margin-left:0;" >
 
           <img src="https://static.igem.org/mediawiki/2019/5/52/T--UESTC-China--logo2.png" alt="LOGO" style="width: 3%;" class="custom-img"/>  
 
           <img src="https://static.igem.org/mediawiki/2019/5/52/T--UESTC-China--logo2.png" alt="LOGO" style="width: 3%;" class="custom-img"/>  
 
         <li class="dropdown custom"> <a href="https://2019.igem.org/Team:UESTC-China" class="dropdown-toggle">HOME</a> </li>
 
         <li class="dropdown custom"> <a href="https://2019.igem.org/Team:UESTC-China" class="dropdown-toggle">HOME</a> </li>
Line 127: Line 152:
 
         <li class="dropdown custom"> <a href="https://2019.igem.org/Team:UESTC-China/Project" class="dropdown-toggle" data-toggle="dropdown">PROJECT<b class="caret"></b></a>
 
         <li class="dropdown custom"> <a href="https://2019.igem.org/Team:UESTC-China/Project" class="dropdown-toggle" data-toggle="dropdown">PROJECT<b class="caret"></b></a>
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Description">descripition</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Description">Descripition</a></li>
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Design">design</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Design">Design</a></li>
−
            <li><a href="https://2019.igem.org/Team:UESTC-China/Contribution">Contribution</a></li>
+
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Demonstrate">Demonstrate</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Demonstrate">Demonstrate</a></li>
−
            <li><a href="https://2019.igem.org/Team:UESTC-China/Measurement">Measurement</a></li>
 
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Safety">Safety</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Safety">Safety</a></li>
 
           </ul>
 
           </ul>
Line 137: Line 160:
 
         <li class="dropdown custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">PART<b class="caret"></b></a>
 
         <li class="dropdown custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">PART<b class="caret"></b></a>
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Parts">Basic part</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Parts">Basic parts</a></li>
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Improve">improve part</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Improve">Improve part</a></li>
 
           </ul>
 
           </ul>
 
             </li>
 
             </li>
 +
        <li class="dropdown custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODEL<b class="caret"></b></a>
 +
              <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 +
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model">Overview</a></li>
 +
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model1">Quorum sensing model</a></li>
 +
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model2">Degradation optimization model</a></li>
 +
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model3">Device layout optimization model</a></li>
 +
          </ul>
 +
            </li>
 +
 
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK<b class="caret"></b></a>
 
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK<b class="caret"></b></a>
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
Line 150: Line 182:
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Team">Team members</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Team">Team members</a></li>
−
            <li><a href="https://2019.igem.org/Team:UESTC-China/Collaboration">Collaboration</a></li>
 
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Attributions">Attributions</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Attributions">Attributions</a></li>
 
           </ul>
 
           </ul>
 
             </li>
 
             </li>
−
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HP<b class="caret"></b></a>
+
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICES<b class="caret"></b></a>
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Human_Practices">Human practice</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Human_Practices">Human practices</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Public_Engagement">Education&Engagement</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Public_Engagement">Education&Engagement</a></li>
 +
            <li><a href="https://2019.igem.org/Team:UESTC-China/Collaborations">Collaborations</a></li>
 
           </ul>
 
           </ul>
 
             </li>
 
             </li>
−
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Hardware&Model<b class="caret"></b></a>
+
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HARDWARE<b class="caret"></b></a>
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Hardware">Hardware</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Hardware">Overview</a></li>
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Model">Model</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Hardware1">Drug Avenger</a></li>
−
             <li><a href="https://2019.igem.org/Team:UESTC-China/Model1">Model1</a></li>
+
             <li><a href="https://2019.igem.org/Team:UESTC-China/Hardware2">Fluorescence detection device</a></li>
−
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model2">Model2</a></li>
+
−
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model3">Model3</a></li>
+
−
            <li><a href="https://2019.igem.org/Team:UESTC-China/Model4">Model4</a></li>
+
 
           </ul>
 
           </ul>
 
             </li>
 
             </li>
Line 173: Line 202:
 
         </div>
 
         </div>
 
   </div>
 
   </div>
−
       <div  class="navbar-fixed-top" style="height:100px; width:150px;margin-left: auto; margin-right: auto;top: 0;margin-top: -0.5em;">  
+
       <div  class="navbar-fixed-top" style="height:100px; width:150px;margin-left: auto; margin-right: auto;top: 0;margin-top: -0.5em;z-index:0">  
 
  <a  href="https://2019.igem.org/Team:UESTC-China">  
 
  <a  href="https://2019.igem.org/Team:UESTC-China">  
−
  <img alt="logo" width="135" height="85" src="https://static.igem.org/mediawiki/2019/7/7f/T--UESTC-China--logo1.jpg" >  
+
  <img alt="logo" width="150" height="95" src="https://static.igem.org/mediawiki/2019/7/7f/T--UESTC-China--logo1.jpg" >  
 
  </a>  
 
  </a>  
 
</div>
 
</div>
 
  </nav>
 
  </nav>
−
<div class="navbar-fixed-top" style="margin-top: 2.8em;z-index: 1;">
+
<div class="navbar-fixed-top" style="margin-top: 3.3em;z-index: 1;">
 
       <div class="progress progress-striped active" style="background-color: transparent" id="pro">
 
       <div class="progress progress-striped active" style="background-color: transparent" id="pro">
 
     <div class="progress-bar" role="progressbara" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%;background-color: #b6caf2" id="myBar"> <span class="sr-only">0% 完成</span> </div>
 
     <div class="progress-bar" role="progressbara" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 0%;background-color: #b6caf2" id="myBar"> <span class="sr-only">0% 完成</span> </div>
Line 211: Line 240:
 
     }
 
     }
  
−
$(window).resize(function(){//监听屏幕变化调整
+
$(window).resize(function(){  
 
     if($(window).width()<=1022)   
 
     if($(window).width()<=1022)   
 
{
 
{
Line 230: Line 259:
 
         }, 1000);     
 
         }, 1000);     
 
         return false;     
 
         return false;     
−
     });   
+
     });  //部分链接同一页面锚点的按钮缓动
  
 
       $('.up').click(function() {
 
       $('.up').click(function() {
Line 236: Line 265:
 
             scrollTop: '0'
 
             scrollTop: '0'
 
         }, 1000);
 
         }, 1000);
−
       });   
+
       });  //up缓动
 +
 
 +
        var $p=$('p');
 +
        $p[$p.length-1].remove();//去除wiki底部框架外最后一个p 造成的底部空行
 
});
 
});
 
</script>
 
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 09:42, 28 November 2019

description

0% 完成