Difference between revisions of "Template:BIT-China"

 
(37 intermediate revisions by 2 users not shown)
Line 7: Line 7:
 
     <meta name="description" content="">
 
     <meta name="description" content="">
 
     <meta name="author" content="">
 
     <meta name="author" content="">
−
    <!-- <link rel="icon" href="../../favicon.ico"> -->
 
−
 
 
     <title>BIT-CHINA</title>
 
     <title>BIT-CHINA</title>
−
<link rel="stylesheet" href="https://2017.igem.org/Team:BIT-China/src/css/style3?action=raw&ctype=text/css" />
+
<script src="https://2017.igem.org/Team:BIT-China/src/js/modernizr?action=raw&ctype=text/javascript"></script>
 +
<link rel="stylesheet" href="https://2017.igem.org/Team:BIT-China/src/css/style13?action=raw&ctype=text/css" />
 +
<style>
 +
#navbar .navbar-nav {
 +
  display: flex !important;
 +
  justify-content: space-between;
 +
  width: 80%;
 +
}
 +
@media screen and (min-width:0px) {
 +
  .my-banner img {
 +
    width: 100%;
 +
  }
 +
  .my-img-box img {
 +
    width: 40%;
 +
    height: 40%;
 +
}
 +
a.my-backTop img {
 +
  width: 40px;
 +
}
 +
 
 +
  #navbar .nav>li {
 +
 
 +
    padding: 0;
 +
    margin: -20px;
 +
    top: -20px;
 +
    left: 60px;
 +
  }
 +
  #navbar .nav>li a {
 +
    font-size: 14px !important;
 +
  }
 +
}
 +
@media screen and (min-width: 678px) {
 +
  .my-banner img {
 +
    width: 100%;
 +
  }
 +
 
 +
  #navbar .nav>li {
 +
 
 +
    padding: 0;
 +
    margin: -20px;
 +
    top: -20px;
 +
    left: 60px;
 +
  }
 +
  #navbar .nav>li a {
 +
    font-size: 14px !important;
 +
  }
 +
 
 +
@media screen and (min-width: 1030px) {
 +
  .my-banner img {
 +
  width: 100%;
 +
  }
 +
  #navbar .nav>li {
 +
 
 +
    padding: 0;
 +
    margin: 0 10px;
 +
    top: 0;
 +
    left: 0;
 +
 
 +
  }
 +
  #navbar .nav>li a {
 +
    font-size: 16px !important;
 +
  }
 +
 
 +
}
 +
.navbar {
 +
  width: 100%;
 +
  min-width: 920px;
 +
  top: 16px;
 +
  background-color: rgba(8,41,59,1);
 +
  background-image: url("https://static.igem.org/mediawiki/2017/5/52/T--BIT-China--2017home_nav_background.jpg");
 +
  background-size: auto 100%;
 +
  left: 0;
 +
    /*border-color: #e7e7e7;*/
 +
    /*position: relative;*/
 +
    min-height: 70px;
 +
    /*margin-bottom: 20px;*/
 +
    /*border: 1px solid transparent;*/
 +
}
 +
.title-h4 {
 +
  font-weight: bolder;
 +
  text-indent: 0;
 +
  font-size: 21px;
 +
  line-height: 1.5em;
 +
}
 +
.my-banner img {
 +
    width: 100% !important;
 +
}
 +
a.my-backTop img {
 +
    width: 40px !important;
 +
}
 +
.table-co tr th {
 +
    text-align: center !important;
 +
}
 +
.my-content-box span,
 +
.my-content-box2 span {
 +
  text-align: center;
 +
}
 +
  </style>
 
</head>
 
</head>
 
<style>
 
<style>
Line 48: Line 143:
 
</style>
 
</style>
 
<body>
 
<body>
−
<!-- 以高度包围-->
+
<div class="screen-hidden">
−
<div class="screen-hidden" style="height: 70px;top: 16px;" >
+
    <nav class="navbar navbar-default navbar-fixed-top">
−
    <nav class="navbar navbar-default">
+
 
       <div class="container-fluid">
 
       <div class="container-fluid">
 
         <div class="navbar-header">
 
         <div class="navbar-header">
−
           <a class="navbar-brand" href="https://2017.igem.org/Team:BIT-China" style="width: 180px;height: 70px;display: block">
+
           <a class="navbar-brand" href="https://2017.igem.org/Team:BIT-China">
−
          <!-- <img src="src/img/bit-logo.svg"> -->
+
            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--BIT-China--2017nav_logo.gif">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 62: Line 156:
 
              
 
              
 
             <li class="dropdown">
 
             <li class="dropdown">
−
<!-- 20171005 20:51 张伟 修改下面a标签的href，之前Project后面没有加斜杠，导航会出现问题 -->
+
               <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
−
               <a href="https://2017.igem.org/Team:BIT-China/Project/" class="dropdown-toggle">Project<span class="caret"></span></a>
+
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/#Description">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/Description">
 
                   <span>Description</span></a>
 
                   <span>Description</span></a>
 
                 </li>
 
                 </li>
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/#Sense">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/Sense">
−
                   <span>Sense</span></a>
+
                   <span>Receptor Expression</span></a>
 
                 </li>
 
                 </li>
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/#Transduction">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/Transduction">
−
                   <span>Transduction</span></a>
+
                   <span>Pathway optimization</span></a>
 
                 </li>
 
                 </li>
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/#Detection">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/Detection">
−
                   <span>Detection</span></a>
+
                   <span>Signal Output</span></a>
 
                 </li>
 
                 </li>
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/#Result">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Project/Results">
 
                   <span>Result</span></a>
 
                   <span>Result</span></a>
 
                 </li>
 
                 </li>
Line 85: Line 178:
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
<!-- 20171005 1952 修改Modeling部分的链接 -->
+
               <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
−
               <a href="https://2017.igem.org/Team:BIT-China/Model" class="dropdown-toggle">Modeling<span class="caret"></span></a>
+
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Model/Overview">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Model">
 
                   <span>Overview</span></a>
 
                   <span>Overview</span></a>
 
                 </li>
 
                 </li>
Line 103: Line 195:
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
<!-- 20171005 2055 修改a标签链接 -->
+
               <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Laboratory<span class="caret"></span></a>
−
               <a href="https://2017.igem.org/Team:BIT-China/Laboratory" class="dropdown-toggle">Laboratory<span class="caret"></span></a>
+
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Material">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Material">
Line 117: Line 208:
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Equipment">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Equipment">
 
                   <span>Equipment</span></a>
 
                   <span>Equipment</span></a>
 +
                </li>
 +
              <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Safety">
 +
                  <span>Safety</span></a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 122: Line 216:
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="https://2017.igem.org/Team:BIT-China/Achievement" class="dropdown-toggle">Achievement
+
               <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievement
 
               <span class="caret"></span></a>
 
               <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
Line 137: Line 231:
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
<!-- 20171005 2055 修改a标签链接 -->
+
               <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HP<span class="caret"></span></a>
−
               <a href="https://2017.igem.org/Team:BIT-China/HP" class="dropdown-toggle">HP<span class="caret"></span></a>
+
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
−
<!-- 20171005 2126 修改下列标签链接 -->
 
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/HP/Silver">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/HP/Silver">
−
                   <span>HP Silver</span></a>
+
                   <span>HP-Silver</span></a>
 
                 </li>
 
                 </li>
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/HP/Gold_Integrated">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/HP/Gold_Integrated">
−
                   <span>Gold_Integrated</span></a>
+
                   <span>integrated＆Gold</span></a>
 
                 </li>
 
                 </li>
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Engagement">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Engagement">
Line 151: Line 243:
 
                 </li>
 
                 </li>
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Collaborations">
 
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Collaborations">
−
                   <span>Collaborations</span></a>
+
                   <span>Collaboration</span></a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 159: Line 251:
  
 
             <li class="dropdown">
 
             <li class="dropdown">
−
               <a href="https://2017.igem.org/Team:BIT-China/Team" class="dropdown-toggle">Team
+
               <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team
 
               <span class="caret"></span></a>
 
               <span class="caret"></span></a>
 
               <ul class="dropdown-menu">
 
               <ul class="dropdown-menu">
Line 165: Line 257:
 
                   <span>Member</span></a>
 
                   <span>Member</span></a>
 
                 </li>
 
                 </li>
−
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Gallery">
+
 
−
                   <span>Gallery</span></a>
+
              <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Attributions">
 +
                  <span>Attribution</span></a>
 +
                 </li>
 +
<li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Sponsor">
 +
                   <span>Sponsor</span></a>
 
                 </li>
 
                 </li>
 
               </ul>
 
               </ul>
Line 174: Line 270:
 
       </div>
 
       </div>
 
     </nav>
 
     </nav>
−
 
−
 
−
  <!--  <div class="my-banner"  id="top">
 
−
      <img src="https://static.igem.org/mediawiki/2017/0/0a/Bit-china-2017human-practice.jpg" alt="">
 
−
    </div> -->
 
−
 
−
 
−
 
 
−
 
 
−
   
 
−
 
 
   </div>
 
   </div>
  
−
 
−
    <!-- 20171005 19:49 NOTE by 张伟 ---- IGEM官网不能使用cdn源 -->
 
 
<script src="https://2017.igem.org/Team:BIT-China/js/basic/jquery-2-0-0?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:BIT-China/js/basic/jquery-2-0-0?action=raw&ctype=text/javascript"></script>
−
    <script src="https://2017.igem.org/Team:BIT-China/js/bootstrap3-3-7?action=raw&ctype=text/javascript"></script>
+
<script src="https://2017.igem.org/Team:BIT-China/js/bootstrap3-3-7?action=raw&ctype=text/javascript"></script>
−
<script>
+
<script src="https://2017.igem.org/Team:BIT-China/src/js/home?action=raw&ctype=text/javascript"></script>
−
 
+
−
$(document).ready(function (e) {
+
−
 
+
−
    window.onscroll = function(e){
+
−
 
+
−
        var e =e || window.event;
+
−
        var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;
+
−
 
+
−
        $navbar = $("nav.nav_bar");
+
−
        if(scrolltop > 80){
+
−
            $navbar.css({'position': 'fixed','opacity': 0, 'display': 'none' });
+
−
            $("#left_nav").css({'position': 'fixed','left': 0,'top': 0, 'height': '100%'});
+
−
        }else{
+
−
            $navbar.css({'position': 'relative','opacity': 1, 'display': 'block'});
+
−
            $("#left_nav").css({'position': 'relative','height': '100%'});
+
−
        }
+
  
−
    };
 
−
});
 
−
</script>
 
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 11:19, 31 October 2017

BIT-CHINA