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

Line 1: Line 1:
  
−
<html><title>GBC-Home</title>
+
<html><title>GBC-Team</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,225: Line 1,228:
 
.h6 {
 
.h6 {
 
   font-family: inherit;
 
   font-family: inherit;
−
   font-weight: 500;
+
   font-weight: 800;
 
   line-height: 1.1;
 
   line-height: 1.1;
−
   color: #Fff;
+
   color: inherit;
 
}
 
}
 
h1 small,
 
h1 small,
Line 1,378: Line 1,381:
 
}
 
}
 
.text-primary {
 
.text-primary {
−
   color: #337ab7;
+
  /*important for mint color change when you hover BY CHARLES WEI*/
 +
   color: #76BF8D;
 
}
 
}
 
a.text-primary:hover {
 
a.text-primary:hover {
−
   color: #76BF8D;
+
   color:#76bf8d;  
 
}
 
}
 
.text-success {
 
.text-success {
Line 1,412: Line 1,416:
 
}
 
}
 
a.bg-primary:hover {
 
a.bg-primary:hover {
−
   background-color: #286090;
+
   background-color:#76bf8d;
 +
 
 
}
 
}
 
.bg-success {
 
.bg-success {
Line 3,018: Line 3,023:
 
}
 
}
 
.btn {
 
.btn {
−
   display: inline-block;
+
   display: inline;
−
  padding: 6px 12px;
+
   margin: 0;
−
   margin-bottom: 0;
+
   font-size: inherit;
−
   font-size: 14px;
+
−
  font-weight: normal;
+
−
  line-height: 1.42857143;
+
 
   text-align: center;
 
   text-align: center;
−
   white-space: nowrap;
+
   white-space: none;
−
  vertical-align: middle;
+
 
   -ms-touch-action: manipulation;
 
   -ms-touch-action: manipulation;
 
       touch-action: manipulation;
 
       touch-action: manipulation;
Line 3,035: Line 3,036:
 
           user-select: none;
 
           user-select: none;
 
   background-image: none;
 
   background-image: none;
−
  border: 1px solid transparent;
+
    border-color:none;
−
  border-radius: 4px;
+
 
}
 
}
 
.btn:focus,
 
.btn:focus,
Line 3,044: Line 3,044:
 
.btn:active.focus,
 
.btn:active.focus,
 
.btn.active.focus {
 
.btn.active.focus {
−
   outline: thin dotted;
+
   outline: none;
−
  outline: 5px auto -webkit-focus-ring-color;
+
−
  outline-offset: -2px;
+
 
}
 
}
 
.btn:hover,
 
.btn:hover,
Line 3,053: Line 3,051:
 
   color: #333;
 
   color: #333;
 
   text-decoration: none;
 
   text-decoration: none;
 +
    border-color:none;
 
}
 
}
 
.btn:active,
 
.btn:active,
Line 3,060: Line 3,059:
 
   -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,072: Line 3,072:
 
}
 
}
 
.btn-default {
 
.btn-default {
−
   color: #333;
+
   color: black;
−
   background-color: #fff;
+
   background-color: none;
−
   border-color: #ccc;
+
   border-color: none;
 +
 
 
}
 
}
 
.btn-default:hover,
 
.btn-default:hover,
Line 3,083: Line 3,084:
 
.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,118:
 
}
 
}
 
.btn-primary {
 
.btn-primary {
−
   color: #fff;
+
  text-decoration:underline;
−
   background-color: #337ab7;
+
   color:black;
−
   border-color: #2e6da4;
+
  font-size:inherit;
 +
  font-weight:inherit;
 +
   background-color:inherit;
 +
   border-color:none;
 +
  border:none;
 
}
 
}
 
.btn-primary:hover,
 
.btn-primary:hover,
Line 3,127: Line 3,132:
 
.btn-primary.active,
 
.btn-primary.active,
 
.open > .dropdown-toggle.btn-primary {
 
.open > .dropdown-toggle.btn-primary {
 +
  /* important for color change when you hover BY CHARLES WEI*/
 
   color: #fff;
 
   color: #fff;
 
   background-color: #76BF8D;
 
   background-color: #76BF8D;
−
   border-color: #204d74;
+
   border-color:none;  
 
}
 
}
 
.btn-primary:active,
 
.btn-primary:active,
Line 3,135: Line 3,141:
 
.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,154: Line 3,161:
 
.btn-primary[disabled].active,
 
.btn-primary[disabled].active,
 
fieldset[disabled] .btn-primary.active {
 
fieldset[disabled] .btn-primary.active {
−
  background-color: #337ab7;
+
background-color:none;
−
  border-color: #2e6da4;
+
border:none;
 
}
 
}
 
.btn-primary .badge {
 
.btn-primary .badge {
Line 4,809: Line 4,816:
 
.label-primary[href]:hover,
 
.label-primary[href]:hover,
 
.label-primary[href]:focus {
 
.label-primary[href]:focus {
−
   background-color: #286090;
+
   background-color: #76bf8d;
 
}
 
}
 
.label-success {
 
.label-success {
Line 6,427: Line 6,434:
 
.row{
 
.row{
 
   width:950px;
 
   width:950px;
 +
  padding-left:15px;
 
}
 
}
 
@media (max-width: 767px) {
 
@media (max-width: 767px) {
Line 6,743: Line 6,751:
 
   width:200px;
 
   width:200px;
 
   z-index:1;
 
   z-index:1;
−
   background-image:url('https://static.igem.org/mediawiki/2018/c/cc/T--GreatBay_China--menu4.jpg');  
+
   background-image:url('https://static.igem.org/mediawiki/2018/e/ee/T--GreatBay_China--MenuNew.png');  
 
   background-repeat:no-repeat;
 
   background-repeat:no-repeat;
 
   background-position:center;
 
   background-position:center;
−
   background-size:120px;
+
   background-size:450px;
 
   position:fixed;
 
   position:fixed;
 
   font-size:120%;
 
   font-size:120%;
 
   top:80px;
 
   top:80px;
−
   left:50px;
+
   left:70px;
 
   padding-bottom:120px;
 
   padding-bottom:120px;
 
}
 
}
Line 6,765: Line 6,773:
 
.top-nav ul{
 
.top-nav ul{
 
   position:relative;
 
   position:relative;
−
   top:50px;
+
   top:55px;
 
   list-style:none;margin:0 auto;
 
   list-style:none;margin:0 auto;
 
   width:90px;
 
   width:90px;
Line 6,773: Line 6,781:
 
   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,789: Line 6,798:
 
   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,800: Line 6,833:
 
.top-nav ul li div{
 
.top-nav ul li div{
 
   font-size:0.9em;
 
   font-size:0.9em;
−
   width:80px;
+
   width:83px;
 
   display:none;
 
   display:none;
 
   position:relative;
 
   position:relative;
−
   left:-80px;
+
   left:-83px;
 
   top:-30px;
 
   top:-30px;
 
}
 
}
Line 6,811: Line 6,844:
 
   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,826: Line 6,864:
 
.logo{
 
.logo{
 
   width:50px;
 
   width:50px;
−
   position:absolute;
+
   position:fixed;
 
   bottom:15px;
 
   bottom:15px;
−
   left:250px;
+
   left:1250px;
 +
  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,842: Line 6,893:
 
   width:950px;
 
   width:950px;
 
   background:rgba(125, 63, 152, 0.4);
 
   background:rgba(125, 63, 152, 0.4);
−
   min-height:1800px;
+
   min-height:2000px;
 +
 
 
}
 
}
  
Line 6,850: Line 6,902:
 
}
 
}
  
 +
.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,869: Line 6,930:
  
 
.responsive div.desc {
 
.responsive div.desc {
−
   min-height:100px;
+
   min-height:220px;
 
     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 6,924: Line 7,007:
 
   background-color:rgba(125, 63, 152, 0.9);
 
   background-color:rgba(125, 63, 152, 0.9);
 
}
 
}
−
 
  
 
</style>
 
</style>
Line 6,932: Line 7,014:
 
<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 6,944: Line 7,027:
 
                 <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>  
−
              </div>  
+
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
  </div>  
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 6,955: Line 7,039:
 
                 <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>  
−
              </div>
+
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
 
 +
  </div>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 6,963: Line 7,049:
 
                 <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>  
−
              </div>  
+
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
 
 +
  </div>  
 
            
 
            
 
           </li>
 
           </li>
Line 6,972: Line 7,060:
 
                 <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>  
−
              </div>
+
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
 
 +
  </div>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 6,979: Line 7,069:
 
                 <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>  
−
              </div>
+
  <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/>
 +
 
 +
  </div>
 
           </li>
 
           </li>
 
           <li>
 
           <li>
Line 6,998: Line 7,090:
 
           <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>
+
 
−
            <a href="#top" target="_self"><span><i>↑Top</i></span></a>
+
           <li id="tail">
−
          </li>
+
          <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 >  
−
         </ul>  
+
         </li>
 
          
 
          
−
    </div>   
+
        </ul>
 +
      </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,016: Line 7,128:
 
         </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,477: Line 7,588:
 
       <br><br><br>
 
       <br><br><br>
  
 +
     
 
        
 
        
  
−
        </div>
+
 
−
   
+
      <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI-->
−
    </div>
+
      <br><br><br><br>
 +
      </div>
 
    
 
    
−
      
+
     </div>
 +
 
 
   </div>
 
   </div>
 +
 
    
 
    
−
   
+
 
  
  
Line 7,492: Line 7,607:
 
</body>
 
</body>
  
−
             
+
</html>
−
</html>
+

Revision as of 09:29, 5 October 2018

GBC-Team


mCATNIP2018@outlook.com
mCATNIP2018@outlook.com

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