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

 
(35 intermediate revisions by the same user not shown)
Line 59: Line 59:
 
display: block!important;
 
display: block!important;
 
        float: right;
 
        float: right;
font-family: 'Open Sans','Roboto','Helvetica',Sans-Serif;
+
font-family: 'myfoot',Serif;
 
font-size:26px;
 
font-size:26px;
 
font-weight: 400;
 
font-weight: 400;
Line 77: Line 77:
 
}
 
}
 
.dropdown-menu li a{
 
.dropdown-menu li a{
font-family: 'Open Sans','Roboto','Helvetica',Sans-Serif;
+
font-family: 'myfoot',Serif;
 
font-size:1.2em;
 
font-size:1.2em;
 
                 color:white;
 
                 color:white;
Line 86: Line 86:
 
.custom a{
 
.custom a{
 
font-weight: 400;
 
font-weight: 400;
padding:calc(23px - 0.3vw) 12px 10px 12px !important;
+
padding:23px 12px 10px 12px !important;
 
background-color: transparent !important;
 
background-color: transparent !important;
font-family: 'Open Sans','Roboto','Helvetica',Sans-Serif;
+
font-family: 'myfoot',Serif;
 
}
 
}
 
         .custom > a{
 
         .custom > a{
Line 100: Line 100:
 
         @media(min-width:1300px){
 
         @media(min-width:1300px){
 
           .custom a{
 
           .custom a{
             font-size:22px;
+
             font-size:18px;
 
           }
 
           }
 
         }
 
         }
 
         @media(max-width:1299px){
 
         @media(max-width:1299px){
 
             .custom a{
 
             .custom a{
               font-size:1.5vw;
+
              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 144: 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>
Line 150: Line 166:
 
         <li class="dropdown custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODEL<b class="caret"></b></a>
 
         <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">
 
               <ul class="dropdown-menu" style="border-left: 0;margin-left:0">
             <li><a href="https://2019.igem.org/Team:UESTC-China/Model">Model</a></li>
+
             <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/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/Model2">Degradation optimization model</a></li>
Line 171: Line 187:
 
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICES<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>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Collaborations">Collaborations</a></li>
Line 178: Line 194:
 
         <li class="dropdown navbar-right custom"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">HARDWARE<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/Hardware1">Drug recycling device</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/Hardware2">Fluorescence detection device</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Hardware2">Fluorescence detection device</a></li>
 
           </ul>
 
           </ul>
Line 186: 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="150" height="90" 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 255: Line 271:
 
});
 
});
 
</script>
 
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 09:42, 28 November 2019

description