Difference between revisions of "Team:GreatBay China/Team"

Line 1: Line 1:
  
<html><title>GBC-Team</title>
+
<html><title>GBC-Home</title>
 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
 
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
Line 23: Line 23:
 
   <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
<!-- js menu -->
 
<!-- js menu -->
<script type="text/javascript">
 
$(function () { $("[data-toggle='popover']").popover(); });
 
</script>
 
 
<script type="text/javascript">
 
<script type="text/javascript">
 
 $(function(){
 
 $(function(){
Line 1,228: Line 1,225:
 
.h6 {
 
.h6 {
 
   font-family: inherit;
 
   font-family: inherit;
   font-weight: 800;
+
   font-weight: 500;
 
   line-height: 1.1;
 
   line-height: 1.1;
   color: inherit;
+
   color: #Fff;
 
}
 
}
 
h1 small,
 
h1 small,
Line 1,384: Line 1,381:
 
}
 
}
 
a.text-primary:hover {
 
a.text-primary:hover {
   color:#76bf8d;  
+
   color: #76BF8D;
 
}
 
}
 
.text-success {
 
.text-success {
Line 1,415: Line 1,412:
 
}
 
}
 
a.bg-primary:hover {
 
a.bg-primary:hover {
   background-color:#76bf8d;
+
   background-color: #286090;
 
+
 
}
 
}
 
.bg-success {
 
.bg-success {
Line 3,022: Line 3,018:
 
}
 
}
 
.btn {
 
.btn {
   display: inline;
+
   display: inline-block;
   margin: 0;
+
  padding: 6px 12px;
   font-size: inherit;
+
   margin-bottom: 0;
 +
   font-size: 14px;
 +
  font-weight: normal;
 +
  line-height: 1.42857143;
 
   text-align: center;
 
   text-align: center;
   white-space: none;
+
   white-space: nowrap;
 +
  vertical-align: middle;
 
   -ms-touch-action: manipulation;
 
   -ms-touch-action: manipulation;
 
       touch-action: manipulation;
 
       touch-action: manipulation;
Line 3,035: Line 3,035:
 
           user-select: none;
 
           user-select: none;
 
   background-image: none;
 
   background-image: none;
    border-color:none;
+
  border: 1px solid transparent;
 +
  border-radius: 4px;
 
}
 
}
 
.btn:focus,
 
.btn:focus,
Line 3,043: Line 3,044:
 
.btn:active.focus,
 
.btn:active.focus,
 
.btn.active.focus {
 
.btn.active.focus {
   outline: none;
+
   outline: thin dotted;
 +
  outline: 5px auto -webkit-focus-ring-color;
 +
  outline-offset: -2px;
 
}
 
}
 
.btn:hover,
 
.btn:hover,
Line 3,050: Line 3,053:
 
   color: #333;
 
   color: #333;
 
   text-decoration: none;
 
   text-decoration: none;
    border-color:none;
 
 
}
 
}
 
.btn:active,
 
.btn:active,
Line 3,058: Line 3,060:
 
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
   -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
           box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
           box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
 
 
}
 
}
 
.btn.disabled,
 
.btn.disabled,
Line 3,071: Line 3,072:
 
}
 
}
 
.btn-default {
 
.btn-default {
   color: black;
+
   color: #333;
   background-color: none;
+
   background-color: #fff;
   border-color: none;
+
   border-color: #ccc;
 
+
 
}
 
}
 
.btn-default:hover,
 
.btn-default:hover,
Line 3,083: Line 3,083:
 
.open > .dropdown-toggle.btn-default {
 
.open > .dropdown-toggle.btn-default {
 
   color: #333;
 
   color: #333;
   <!-- background-color: #e6e6e6; -->
+
   background-color: #e6e6e6;
   <!-- border-color: #adadad; -->
+
   border-color: #adadad;
 
}
 
}
 
.btn-default:active,
 
.btn-default:active,
Line 3,117: Line 3,117:
 
}
 
}
 
.btn-primary {
 
.btn-primary {
  text-decoration:underline;
+
   color: #fff;
   color:black;
+
   background-color: #337ab7;
  font-size:inherit;
+
   border-color: #2e6da4;
  font-weight:inherit;
+
   background-color:inherit;
+
   border-color:none;
+
  border:none;
+
 
}
 
}
 
.btn-primary:hover,
 
.btn-primary:hover,
Line 3,131: Line 3,127:
 
.btn-primary.active,
 
.btn-primary.active,
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
   color: black;
+
   color: #fff;
   border-color:none;  
+
  background-color: #76BF8D;
 +
   border-color: #204d74;
 
}
 
}
 
.btn-primary:active,
 
.btn-primary:active,
Line 3,138: Line 3,135:
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
 
   background-image: none;
 
   background-image: none;
  border-color:none;
 
 
}
 
}
 
.btn-primary.disabled,
 
.btn-primary.disabled,
Line 3,158: Line 3,154:
 
.btn-primary[disabled].active,
 
.btn-primary[disabled].active,
 
fieldset[disabled] .btn-primary.active {
 
fieldset[disabled] .btn-primary.active {
background-color:none;
+
  background-color: #337ab7;
border:none;
+
  border-color: #2e6da4;
 
}
 
}
 
.btn-primary .badge {
 
.btn-primary .badge {
Line 4,813: Line 4,809:
 
.label-primary[href]:hover,
 
.label-primary[href]:hover,
 
.label-primary[href]:focus {
 
.label-primary[href]:focus {
   background-color: #76bf8d;
+
   background-color: #286090;
 
}
 
}
 
.label-success {
 
.label-success {
Line 6,431: Line 6,427:
 
.row{
 
.row{
 
   width:950px;
 
   width:950px;
  padding-left:15px;
 
 
}
 
}
 
@media (max-width: 767px) {
 
@media (max-width: 767px) {
Line 6,748: Line 6,743:
 
   width:200px;
 
   width:200px;
 
   z-index:1;
 
   z-index:1;
   background-image:url('https://static.igem.org/mediawiki/2018/e/ee/T--GreatBay_China--MenuNew.png');  
+
   background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--GreatBay_China--menu4.jpg');  
 
   background-repeat:no-repeat;
 
   background-repeat:no-repeat;
 
   background-position:center;
 
   background-position:center;
   background-size:450px;
+
   background-size:120px;
 
   position:fixed;
 
   position:fixed;
 
   font-size:120%;
 
   font-size:120%;
 
   top:80px;
 
   top:80px;
   left:70px;
+
   left:50px;
 
   padding-bottom:120px;
 
   padding-bottom:120px;
 
}
 
}
Line 6,770: Line 6,765:
 
.top-nav ul{
 
.top-nav ul{
 
   position:relative;
 
   position:relative;
   top:55px;
+
   top:50px;
 
   list-style:none;margin:0 auto;
 
   list-style:none;margin:0 auto;
 
   width:90px;
 
   width:90px;
Line 6,778: Line 6,773:
 
   padding-bottom:100px;
 
   padding-bottom:100px;
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
  left:-12px;
 
 
}
 
}
 
/* the pull out menu */
 
/* the pull out menu */
Line 6,795: Line 6,789:
 
   text-align:center;
 
   text-align:center;
 
}
 
}
<!-- .top-nav ul li div span{ -->
 
  <!-- display:block; -->
 
  <!-- height:20px; -->
 
  <!-- background-image:url('https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png'); -->
 
  <!-- background-width:90px; -->
 
  <!-- background-height:20px; -->
 
  <!-- position:relative; -->
 
  <!-- left:-20px; -->
 
<!-- } -->
 
.top-nav ul li div img{
 
width:95px;
 
margin-top:-3px;
 
position:relative;
 
left:-15px;
 
}
 
#top{
 
  color:white;
 
  width:90px;
 
  min-height:2em;
 
  line-height:2em;
 
  text-align:center;
 
 
 
}
 
 
 
.top-nav ul li div a{
 
.top-nav ul li div a{
 
   width:80px;
 
   width:80px;
Line 6,830: Line 6,800:
 
.top-nav ul li div{
 
.top-nav ul li div{
 
   font-size:0.9em;
 
   font-size:0.9em;
   width:83px;
+
   width:80px;
 
   display:none;
 
   display:none;
 
   position:relative;
 
   position:relative;
   left:-83px;
+
   left:-80px;
 
   top:-30px;
 
   top:-30px;
 
}
 
}
Line 6,841: Line 6,811:
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
 
}
 
}
/* submenu link style */
 
.top-nav ul li div span:hover{
 
  background:transparent;
 
}
 
 
 
/* submenu link style */
 
/* submenu link style */
 
.top-nav ul li div a:hover{
 
.top-nav ul li div a:hover{
Line 6,861: Line 6,826:
 
.logo{
 
.logo{
 
   width:50px;
 
   width:50px;
   position:fixed;
+
   position:absolute;
 
   bottom:15px;
 
   bottom:15px;
   left:1250px;
+
   left:250px;
  z-index: 10;
+
 
}
 
}
/*footer*/
 
.footer{
 
    padding-top:0px;
 
    z-index:300;
 
    width: 100%;
 
    height:150px; 
 
    position:absolute;
 
    bottom:-150px;
 
    left:0;
 
    background-color:rgba(125, 63, 152, 0.9);
 
  
 
}
 
 
/* head, cat staring at the jar */
 
/* head, cat staring at the jar */
  
Line 6,890: Line 6,842:
 
   width:950px;
 
   width:950px;
 
   background:rgba(125, 63, 152, 0.4);
 
   background:rgba(125, 63, 152, 0.4);
   min-height:2000px;
+
   min-height:1800px;
 
+
 
}
 
}
  
Line 6,899: Line 6,850:
 
}
 
}
  
.responsive .img-title{
 
font-size:20px;
 
color:rgb(88,73,63);
 
background-color:white;
 
padding-bottom:10px;
 
margin:0;
 
font-family:Delius;
 
text-align:center;
 
}
 
 
.responsive div.img {
 
.responsive div.img {
 
     margin: 5px;
 
     margin: 5px;
Line 6,927: Line 6,869:
  
 
.responsive div.desc {
 
.responsive div.desc {
   min-height:220px;
+
   min-height:100px;
 
     padding: 15px;
 
     padding: 15px;
 
     text-align: center;
 
     text-align: center;
 
   color:rgb(88,73,63);
 
   color:rgb(88,73,63);
 
   background-color:rgb(215,196,221);
 
   background-color:rgb(215,196,221);
}
 
#tail
 
{
 
position:absolute;
 
top:340px
 
}
 
#cattail{
 
 
 
 
 
  position: absolute;
 
  left:-2px;
 
  top:-9px;
 
  z-index:10;
 
 
 
 
}
 
.contact
 
{
 
  display:inline-block;
 
  padding:5px;
 
    width:20%;
 
    left:100%;
 
 
}
 
}
  
Line 7,004: Line 6,924:
 
   background-color:rgba(125, 63, 152, 0.9);
 
   background-color:rgba(125, 63, 152, 0.9);
 
}
 
}
 +
  
 
</style>
 
</style>
Line 7,011: Line 6,932:
 
<body>
 
<body>
  
  <div class="logo"><img src="https://static.igem.org/mediawiki/2018/1/14/T--GreatBay_China--logo1.jpg" /></div>
 
  
 
   <div class="container">  
 
   <div class="container">  
   
+
 
      <div class="top-nav">
+
    <div class="top-nav">
 
         <ul>
 
         <ul>
 
           <li>
 
           <li>
Line 7,024: Line 6,944:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Collaborations">Collaboration</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Attributions">Attributions</a>  
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
              </div>  
  </div>  
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 7,036: Line 6,955:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Improve" >Improve</a>  
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
              </div>
 
+
  </div>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 7,046: Line 6,963:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a>   
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Composite_Part">Composite</a>   
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Part_Collection">Collection</a>  
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
              </div>  
 
+
  </div>  
+
 
            
 
            
 
           </li>
 
           </li>
Line 7,057: Line 6,972:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product  Design</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Applied_Design">Product  Design</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/HP/Gold_Integrated">Integrated HP</a>  
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
              </div>
 
+
  </div>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 7,066: Line 6,979:
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Notebook">Notebook</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>  
 
                 <a href="https://2018.igem.org/Team:GreatBay_China/Interlab">Interlab</a>  
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
+
              </div>
 
+
  </div>
+
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 7,087: Line 6,998:
 
           <li id="active">
 
           <li id="active">
 
             <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
 
             <a href="https://2018.igem.org/Team:GreatBay_China"><span>Home</span></a>
           </li>
+
           </li>
 
+
           <li>
           <li id="tail">
+
            <a href="#top" target="_self"><span><i>↑Top</i></span></a>
          <a href="#top" target="_self"><span id="cattail"><img width="90" src="https://static.igem.org/mediawiki/2018/3/3b/T--GreatBay_China--MenuNewTail.png"/></span></a >  
+
          </li>
         </li>
+
         </ul>  
 
          
 
          
        </ul>
+
    </div>   
      </div>   
+
 
          
 
          
 
          
 
          
 
    
 
    
 
     <div class="rolldown">
 
     <div class="rolldown">
     
 
 
       <div class="container">
 
       <div class="container">
       <div class="footer">
+
        
        <br>
+
        <div class="row" style="padding-left:50px">
+
          <div class="contact">
+
          <img src="https://static.igem.org/mediawiki/2018/d/dd/T--GreatBay_China--footer1.png" width="50px">
+
          </div>
+
          <div class="contact">
+
          <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
+
          </div>
+
        </div>
+
        <div class="row" style="padding-left:50px">
+
          <div class="contact">
+
          <img src="https://static.igem.org/mediawiki/2018/b/b6/T--GreatBay_China--footer2.png" width="50px">
+
          </div>
+
          <div class="contact">
+
          <h5 style="color:white;">mCATNIP2018@outlook.com</h5>
+
          </div>
+
        </div>
+
      </div>
+
 
       <div class="row">
 
       <div class="row">
 
         <div class="header">
 
         <div class="header">
Line 7,125: Line 7,016:
 
         </div>
 
         </div>
 
       </div>
 
       </div>
       <!--TEMPLATE ENDS HERE BY CHARELS WEI -->
+
 
        <div class="row ">
+
        
 +
      <div class="row ">
 
         <span style="height:250px"></span>
 
         <span style="height:250px"></span>
 
         <div class="jumbotron">
 
         <div class="jumbotron">
Line 7,585: Line 7,477:
 
       <br><br><br>
 
       <br><br><br>
  
     
 
 
        
 
        
  
 
+
        </div>
      <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI-->
+
   
      <br><br><br><br>
+
    </div>
      </div>
+
 
    
 
    
     </div>
+
      
 
+
 
   </div>
 
   </div>
 
 
    
 
    
 
+
   
  
  
Line 7,604: Line 7,492:
 
</body>
 
</body>
  
</html>
+
             
 +
</html>

Revision as of 09:24, 5 October 2018

GBC-Home

GreatBay_China

Type something for TEAM intro.

Team Leaders


Team Members





Instructor


Primary PI


Secondary PI


Advisor


Yiming Dong

Xuanyu Zhao

Xuan Wang

Harry Jiang