Difference between revisions of "Template:BIT-China"

 
(65 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<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="">
 +
    <title>BIT-CHINA</title>
 +
<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>
 
<style>
 
<style>
  
Line 25: Line 132:
 
             display: none;
 
             display: none;
 
         }
 
         }
 +
      #content,
 +
      .vs-content,
 +
      .vs-wrapper section {
 +
        background-color: transparent !important;
 +
      }
 +
      .my-backTop:visited {
 +
        color: #F8A886 !important;
 +
      }
 
         /*以上CSS用于解决iGEM官网坑爹样式问题*/
 
         /*以上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>
 
</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="https://2017.igem.org/Team:BIT-China">
−
             <ul class="sub_menu">
+
            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--BIT-China--2017nav_logo.gif">
−
                 <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="" 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/Project/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/Project/Sense">
−
                    Sense</a>
+
                  <span>Receptor Expression</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/Project/Transduction">
−
                    Transduction</a>
+
                  <span>Pathway optimization</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/Project/Detection">
−
                    Detection</a>
+
                  <span>Signal Output</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/Project/Results">
−
                    Result</a>
+
                  <span>Result</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>  
 +
 
  
−
        <li>
+
            <li class="dropdown">
−
            <a href="https://2017.igem.org/Team:BIT-China/Model"
+
              <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
−
              >Modeling</a>
+
              <ul class="dropdown-menu">
−
            <ul class="sub_menu">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Model">
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Model#Overview">
+
                  <span>Overview</span></a>
−
                    Overview</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/Model/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/Model/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="" 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">
+
              <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Safety">
−
                    Integration</a>
+
                  <span>Safety</span></a>
 
                 </li>
 
                 </li>
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Collaboration">
+
              </ul>
−
                    Collaboration</a>
+
            </li>   
 +
 
 +
            <li class="dropdown">
 +
              <a href="" 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>
−
            </ul>
+
                <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Medal">
−
        </li>
+
                  <span>Medal</span></a>
 +
                </li>
 +
              </ul>
 +
            </li>    
 +
 
  
  
−
        <li>
+
            <li class="dropdown">
−
            <a href="https://2017.igem.org/Team:BIT-China/Laboratory"
+
              <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">HP<span class="caret"></span></a>
−
              >Laboratory</a>
+
              <ul class="dropdown-menu">
−
            <ul class="sub_menu">
+
                 <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/HP/Silver">
−
                 <li><a href="https://2017.igem.org/Team:BIT-China/Material">
+
                  <span>HP-Silver</span></a>
−
                    Material</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/HP/Gold_Integrated">
−
                    Notebook</a>
+
                  <span>integrated＆Gold</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/Engagement">
−
                    Protocol</a>
+
                  <span>Engagement</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/Collaborations">
−
                    Equipment</a>
+
                  <span>Collaboration</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>    
 +
 
 +
           
  
 +
            <li class="dropdown">
 +
              <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team
 +
              <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/Member">
 +
                  <span>Member</span></a>
 +
                </li>
  
−
        <li>
+
              <li class="main-nav-link"><a class="dropdown-a" href="https://2017.igem.org/Team:BIT-China/Attributions">
−
            <a href="https://2017.igem.org/Team:BIT-China/Team">Team</a>
+
                  <span>Attribution</span></a>
−
            <ul class="sub_menu">
+
−
                <li><a href="https://2017.igem.org/Team:BIT-China/Member">
+
−
                    Member</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/Sponsor">
−
                    Gallery</a>
+
                  <span>Sponsor</span></a>
 
                 </li>
 
                 </li>
−
            </ul>
+
              </ul>
−
        </li>
+
            </li>    
−
 
+
 
−
    </ul>
+
        </div><!--/.nav-collapse -->
−
</nav>
+
      </div>
 +
    </nav>
 +
  </div>
  
−
<!--用来占位的, 避免fixed的顶部导航让内容上移-->
+
<script src="https://2017.igem.org/Team:BIT-China/js/basic/jquery-2-0-0?action=raw&ctype=text/javascript"></script>
−
<div style="height: 70px">
+
<script src="https://2017.igem.org/Team:BIT-China/js/bootstrap3-3-7?action=raw&ctype=text/javascript"></script>
−
</div>
+
<script src="https://2017.igem.org/Team:BIT-China/src/js/home?action=raw&ctype=text/javascript"></script>
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 11:19, 31 October 2017

BIT-CHINA