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

 
(144 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','');
−
          $("#globalWrapper").attr('id','');
+
 
})
 
})
 
</script>
 
</script>
 
<head>
 
<head>
 
<style>
 
<style>
−
#home_logo, #top_title, #top {
+
#home_logo,#top_title,#top{
 
display: none;
 
display: none;
 
}
 
}
−
.mw-body {
+
 
−
margin-top: -5em;
+
#globalWrapper{
 +
        padding-bottom:0;
 +
        font-size:127%;
 +
}
 +
.h1{
 +
  margin:0;
 
}
 
}
 
.dropdown a:hover {color:#45bcf9 !important;}
 
.dropdown a:hover {color:#45bcf9 !important;}
Line 55: 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 73: Line 77:
 
}
 
}
 
.dropdown-menu li a{
 
.dropdown-menu li a{
−
font-family: "MV Boli";
+
font-family: 'myfoot',Serif;
−
font-size:1.4em;
+
font-size:1.2em;
 
                 color:white;
 
                 color:white;
 
}
 
}
Line 81: Line 85:
 
}
 
}
 
.custom a{
 
.custom a{
−
font-size: 1.5em;
 
 
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 95: 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 103: 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>
 +
  
 
</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 114: 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>
−
         <li class="dropdown custom"> <a href="#" class="dropdown-toggle">ACHIEVEMENT</a> </li>
+
         <li class="dropdown custom"> <a href="https://2019.igem.org/Team:UESTC-China/Achievement" class="dropdown-toggle">ACHIEVEMENT</a> </li>
−
         <li class="dropdown custom"> <a href="#" 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/Model">Model</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 133: 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">
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Notebook">Day note</a></li>
 
             <li><a href="https://2019.igem.org/Team:UESTC-China/Notebook">Day note</a></li>
 +
            <li><a href="https://2019.igem.org/Team:UESTC-China/Protocol">Protocol</a></li>
 
           </ul>
 
           </ul>
 
             </li>
 
             </li>
Line 145: 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">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">DEVICE<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="#">2</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>
 
           </ul>
 
           </ul>
 
             </li>
 
             </li>
Line 164: 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: 3.2em;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;padding-top: 5em" 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>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
<script>
 
<script>
−
// When the user scrolls the page, execute myFunction
+
    window.onscroll = function() {myFunction()};
−
window.onscroll = function() {myFunction()};
+
  
−
function myFunction() {
+
  function myFunction() {
 
   var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
 
   var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
 
   var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
 
   var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
 
   var scrolled = (winScroll / height) * 100;
 
   var scrolled = (winScroll / height) * 100;
 
   document.getElementById("myBar").style.width = scrolled + "%";
 
   document.getElementById("myBar").style.width = scrolled + "%";
−
}
+
  };
 +
 
 
</script>
 
</script>
  
 
<script>
 
<script>
−
$(window).resize(function(){
+
function Mouse(){
−
    if($(window).width()>1022) 
+
−
{
+
 
$(".dropdown").mouseover(function () {
 
$(".dropdown").mouseover(function () {
−
        $(this).addClass("open");
+
    $(this).addClass("open");
 
       });
 
       });
  
Line 198: Line 234:
 
         $(this).removeClass("open");
 
         $(this).removeClass("open");
 
       })
 
       })
 +
}
 +
if($(window).width()>1022) 
 +
{
 +
      Mouse();//一开始赋值
 
     }
 
     }
−
else
+
 
 +
$(window).resize(function(){
 +
    if($(window).width()<=1022) 
 
{
 
{
−
      $(".dropdown").unbind();//防止屏幕由大变小造成事件仍在
+
$(".dropdown").unbind();//防止屏幕由大变小造成事件仍在
−
}
+
    }
 +
    else
 +
    { 
 +
      Mouse();
 +
    }
 
})
 
})
 
</script>
 
</script>
 +
 +
<script>
 +
$(function($) {   
 +
    $(".mybtn").click(function() {   
 +
        $("html, body").animate({   
 +
            scrollTop: $($(this).attr("href")).offset().top + "px"   
 +
        }, 1000);   
 +
        return false;   
 +
    });  //部分链接同一页面锚点的按钮缓动
 +
 +
      $('.up').click(function() {
 +
        $('html, body').stop().animate({
 +
            scrollTop: '0'
 +
        }, 1000);
 +
      });  //up缓动
 +
 +
        var $p=$('p');
 +
        $p[$p.length-1].remove();//去除wiki底部框架外最后一个p 造成的底部空行
 +
});
 +
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 09:42, 28 November 2019

description

0% 完成