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

 
(48 intermediate revisions by the same user not shown)
Line 59: Line 59:
 
display: block!important;
 
display: block!important;
 
        float: right;
 
        float: right;
font-family: "myfoot",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: "myfoot",serif;
+
font-family: 'myfoot',Serif;
 
font-size:1.2em;
 
font-size:1.2em;
 
                 color:white;
 
                 color:white;
Line 85: Line 85:
 
}
 
}
 
.custom a{
 
.custom a{
font-size: 1.1em;
 
 
font-weight: 400;
 
font-weight: 400;
padding:calc(23px - 0.3vw) 7px 10px 7px !important;
+
padding:23px 12px 10px 12px !important;
 
background-color: transparent !important;
 
background-color: transparent !important;
font-family: "myfoot",serif;
+
font-family: 'myfoot',Serif;
 
}
 
}
 
         .custom > a{
 
         .custom > a{
Line 100: Line 99:
 
}
 
}
 
         @media(min-width:1300px){
 
         @media(min-width:1300px){
           .navfoot{
+
           .custom a{
             foot-size:20px;
+
             font-size:18px;
 
           }
 
           }
 
         }
 
         }
 
         @media(max-width:1299px){
 
         @media(max-width:1299px){
             .navfoot{
+
             .custom a{
               foot-size:1.1vw;
+
               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 121: Line 136:
 
</head>
 
</head>
 
<body>
 
<body>
<nav class=" navbar navbar-default navbar-fixed-top" role="navigation" style="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 129: Line 144:
 
     </div>
 
     </div>
 
   
 
   
     <div class="collapse navbar-collapse custom-collapse navfoot" id="example-navbar-collapse" style="border:0">
+
     <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 145: 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 151: 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 172: 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 179: 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 187: 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 256: Line 271:
 
});
 
});
 
</script>
 
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 09:42, 28 November 2019

description