Difference between revisions of "Template:BIT-China"

Line 1: Line 1:
 
<html>
 
<html>
−
<style>
+
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- 上述3个meta标签*必须*放在最前面, 任何其他内容都*必须*跟随其后！ -->
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <!-- <link rel="icon" href="../../favicon.ico"> -->
  
−
 
+
    <title>BIT-CHINA</title>
−
        /*以下CSS用于解决iGEM官网坑爹样式问题*/
+
    <link rel="stylesheet" type="text/css" href="shttps://2017.igem.org/Team:BIT-China/src/css/style">
−
        body {
+
</head>
−
            height: 100%;
+
−
            width: 100%;
+
−
            font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
+
−
            background-color: rgba(242,215,188,0.4);
+
−
        }
+
−
        #globalWrapper{
+
−
            margin: 0;
+
−
            padding: 0;
+
−
        }
+
−
        #content{
+
−
            width: 100%;
+
−
            padding: 0;
+
−
            margin: -12px 0 0;
+
−
        }
+
−
        #top_title{
+
−
            display: none;
+
−
        }
+
−
        #sideMenu{
+
−
            display: none;
+
−
        }
+
−
        /*以上CSS用于解决iGEM官网坑爹样式问题*/
+
−
 
+
−
        /*统一导航栏　---- START*/
+
−
        .nav_bar{
+
−
            width: 100%;
+
−
            height: 70px;
+
−
            background: url("https://static.igem.org/mediawiki/2017/3/38/Bit-china-2017logo.svg")  no-repeat left top;
+
−
            background-size: cover;
+
−
            position: fixed;
+
−
            z-index: 1;
+
−
        }
+
−
 
+
−
        .nav_bar ul{
+
−
            list-style: none;
+
−
            margin: 0;
+
−
            padding: 0;
+
−
        }
+
−
        .nav_bar>ul{
+
−
            position: absolute;
+
−
            right: 100px;
+
−
            text-align: center;
+
−
        }
+
−
        .nav_bar ul li{
+
−
            margin: 0;
+
−
            padding:0;
+
−
            width: 120px;
+
−
            height: 30px;
+
−
            background: #002e3b;
+
−
        }
+
−
        .nav_bar>ul>li{
+
−
            float: left;
+
−
            height: 70px;
+
−
            background: transparent;
+
−
        }
+
−
        .nav_bar ul li a{
+
−
            display: block;
+
−
            padding: 0 10px;
+
−
            font-weight: bold;
+
−
            font-family: 'Helvetica', 'Arial', 'Verdana', sans-serif;
+
−
            text-decoration: none;
+
−
            color: #ffffff;
+
−
            text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
+
−
 
+
−
            /*禁止选中*/
+
−
            -webkit-user-select: none;
+
−
            -moz-user-select: none;
+
−
            -ms-user-select: none;
+
−
            user-select: none;
+
−
        }
+
−
        .nav_bar>ul>li>a{
+
−
            /*垂直居中*/
+
−
            line-height: 70px;
+
−
            font-size: 1.1em;
+
−
        }
+
−
        .sub_menu{
+
−
            display: none;
+
−
            text-align: center;
+
−
        }
+
−
        .sub_menu li a{
+
−
            font-size: 0.9em;
+
−
            line-height: 30px;
+
−
        }
+
−
 
+
−
        .sub_menu>li:hover,
+
−
        .sub_menu>li:focus{
+
−
            background: #003e51;
+
−
            text-decoration: underline;
+
−
            cursor: pointer;
+
−
        }
+
−
        .nav_bar>ul>li:hover,
+
−
        .nav_bar>ul>li:focus{
+
−
            background: rgba(0, 46, 59, 0.3);
+
−
        }
+
−
 
+
−
        .nav_bar>ul>li:hover .sub_menu,
+
−
        .nav_bar>ul>li:focus .sub_menu{
+
−
            display: block;
+
−
        }
+
−
        /*统一导航栏 ---- END*/
+
−
 
+
−
 
+
−
        /*左侧定宽右侧自适应布局 ---- START*/
+
−
        #content_wrapper:after{
+
−
            content: '';
+
−
            display: block;
+
−
            clear: both;
+
−
        }
+
−
        #left_nav {
+
−
            float: left;
+
−
            width: 200px;/*左边栏宽度*/
+
−
        }
+
−
        #right_content {
+
−
            margin-left: 200px;/*==等于左边栏宽度==*/
+
−
            padding: 10px 20px;
+
−
        }
+
−
        /*左侧定宽右侧自适应布局 ---- END*/
+
−
</style>
+
 
<body>
 
<body>
−
 
+
<div class="screen-hidden">
−
<nav class="nav_bar">
+
    <nav class="navbar navbar-default navbar-fixed-top">
−
    <ul>
+
      <div class="container-fluid">
−
         <li>
+
         <div class="navbar-header">
−
             <a href="https://2017.igem.org/Team:BIT-China/Project">Project</a>
+
          <a class="navbar-brand" href="#">
−
            <ul class="sub_menu">
+
          <!-- <img src="src/img/bit-logo.svg"> -->
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Description">
+
          </a>
−
                    Description</a>
+
        </div>
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
              
 +
           
 +
            <li class="dropdown">
 +
              <a href="https://2017.igem.org/Team:BIT-China/Project" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/#Description">
 +
                  <span>Description</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Sense">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/#Sense">
−
                    Sense</a>
+
                  <span>Sense</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Transduction">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/#Transduction">
−
                    Transduction</a>
+
                  <span>Transduction</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Detection">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/#Detection">
−
                    Detection</a>
+
                  <span>Detection</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Result">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/#Result">
−
                    Result</a>
+
                  <span>Result</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>  
  
−
        <li>
+
 
−
            <a href="https://2017.igem.org/Team:BIT-China/Model"
+
            <li class="dropdown">
−
              >Modeling</a>
+
              <a href="https://2017.igem.org/Team:BIT-China/Modeling" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
−
            <ul class="sub_menu">
+
              <ul class="dropdown-menu">
−
                 <li><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/Overview">
−
                    Overview</a>
+
                  <span>Overview</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Model#Docking">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Docking">
−
                    Docking</a>
+
                  <span>Docking</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Model#GPCRpathway">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/GPCRpathway">
−
                    GPCR pathway</a>
+
                  <span>GPCR pathway</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>  
  
 +
         
  
−
        <li>
+
            <li class="dropdown">
−
            <a href="https://2017.igem.org/Team:BIT-China/Achievement">Achievement</a>
+
              <a href="https://2017.igem.org/Team:BIT-China/HP" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Laboratory<span class="caret"></span></a>
−
            <ul class="sub_menu">
+
              <ul class="dropdown-menu">
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Parts">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Material">
−
                    Parts</a>
+
                  <span>Material</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Medal">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Notebook">
−
                    Medal</a>
+
                  <span>Notebook</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
                <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Protocol">
−
        </li>
+
                  <span>Protocol</span></a>
−
 
+
−
        <li>
+
−
            <a href="https://2017.igem.org/Team:BIT-China/HP">HP</a>
+
−
            <ul class="sub_menu">
+
−
                <li><a href="https://2017.igem.org/Team:BIT-China/HPhome">
+
−
                    Hp home</a>
+
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Education">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Equipment">
−
                    Education</a>
+
                  <span>Equipment</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Integration">
+
              </ul>
−
                    Integration</a>
+
            </li>   
 +
 
 +
            <li class="dropdown">
 +
              <a href="https://2017.igem.org/Team:BIT-China/Achievement" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievement
 +
              <span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Parts">
 +
                  <span>Parts</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Collaboration">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Medal">
−
                    Collaboration</a>
+
                  <span>Medal</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>    
  
  
−
        <li>
+
 
−
            <a href="https://2017.igem.org/Team:BIT-China/Laboratory"
+
            <li class="dropdown">
−
              >Laboratory</a>
+
              <a href="https://2017.igem.org/Team:BIT-China/Laboratory" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HP<span class="caret"></span></a>
−
            <ul class="sub_menu">
+
              <ul class="dropdown-menu">
−
                 <li><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/HPhome">
−
                    Material</a>
+
                  <span>Hp home</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Notebook">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Education">
−
                    Notebook</a>
+
                  <span>Education public engagement</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Protocol">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Integration">
−
                    Protocol</a>
+
                  <span>Integration HP</span></a>
 
                 </li>
 
                 </li>
−
                 <li><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/Collaboration">
−
                    Equipment</a>
+
                  <span>Collaboration</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>    
 +
 
 +
           
  
−
 
+
            <li class="dropdown">
−
        <li>
+
              <a href="https://2017.igem.org/Team:BIT-China/Team" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team
−
            <a href="https://2017.igem.org/Team:BIT-China/Team">Team</a>
+
              <span class="caret"></span></a>
−
            <ul class="sub_menu">
+
              <ul class="dropdown-menu">
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Member">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Member">
−
                    Member</a>
+
                  <span>Member</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Gallery">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Gallery">
−
                    Gallery</a>
+
                  <span>Gallery</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>    
 +
 
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
 
 +
 
 +
  <!--  <div class="my-banner"  id="top">
 +
      <img src="https://static.igem.org/mediawiki/2017/0/0a/Bit-china-2017human-practice.jpg" alt="">
 +
    </div> -->
 +
 
 +
 
 +
   
 +
 
 +
    <a class="my-backTop" href="#top">
 +
      <span>TOP</span>
 +
      <img src="https://static.igem.org/mediawiki/2017/f/fd/Bit-china-2017backTop.png" alt="">
 +
    </a>
 +
 
 +
   
  
−
    </ul>
+
  </div>
−
</nav>
+
  
−
<!--用来占位的, 避免fixed的顶部导航让内容上移-->
 
−
<div style="height: 70px">
 
−
</div>
 
  
 +
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
 +
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
 +
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:45, 5 October 2017

BIT-CHINA

TOP