Line 1: | Line 1: | ||
− | |||
<html><title>GBC-Collaborations</title> | <html><title>GBC-Collaborations</title> | ||
<!--CREATOR OF THIS WIKI TEMPLATE: WEIQIAN LIN, KUANGYI WEI,Copyright Served. Any eligible editor using this template must be a member of the iGEM team: GreatBay_China 2018--> | <!--CREATOR OF THIS WIKI TEMPLATE: WEIQIAN LIN, KUANGYI WEI,Copyright Served. Any eligible editor using this template must be a member of the iGEM team: GreatBay_China 2018--> | ||
− | |||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | <!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]--> | ||
Line 20: | Line 18: | ||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> | ||
<!-- css bootstrap --> | <!-- css bootstrap --> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/css/bootstrap.css&action=raw&ctype=text/css" /> | ||
<!-- js jquery --> | <!-- js jquery --> | ||
− | <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> | + | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/js/jquery.min.js&action=raw&ctype=text/javascript"></script> |
− | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | + | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"> |
− | + | <script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.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"> | <script type="text/javascript"> | ||
Line 42: | Line 42: | ||
$('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | ||
}) | }) | ||
+ | </script> | ||
+ | <script> | ||
+ | function changeface() | ||
+ | { | ||
+ | element=document.getElementById('menuhead') | ||
+ | if (element.style.display='none') | ||
+ | { | ||
+ | element.style.display='block'; | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | element.style.display='none'; | ||
+ | } | ||
+ | } | ||
</script> | </script> | ||
<!-- font --> | <!-- font --> | ||
Line 1,383: | Line 1,397: | ||
} | } | ||
.text-primary { | .text-primary { | ||
− | color: # | + | /*important for mint color change when you hover BY CHARLES WEI*/ |
+ | color: #76BF8D; | ||
} | } | ||
a.text-primary:hover { | a.text-primary:hover { | ||
− | + | color:#76bf8d; | |
} | } | ||
.text-success { | .text-success { | ||
Line 1,417: | Line 1,432: | ||
} | } | ||
a.bg-primary:hover { | a.bg-primary:hover { | ||
− | + | background-color:#76bf8d; | |
} | } | ||
Line 3,133: | Line 3,148: | ||
.btn-primary.active, | .btn-primary.active, | ||
.open > .dropdown-toggle.btn-primary { | .open > .dropdown-toggle.btn-primary { | ||
− | color: | + | /* important for color change when you hover BY CHARLES WEI*/ |
+ | color: #fff; | ||
+ | background-color: #76BF8D; | ||
border-color:none; | border-color:none; | ||
} | } | ||
Line 4,815: | Line 4,832: | ||
.label-primary[href]:hover, | .label-primary[href]:hover, | ||
.label-primary[href]:focus { | .label-primary[href]:focus { | ||
− | + | background-color: #76bf8d; | |
} | } | ||
.label-success { | .label-success { | ||
Line 6,433: | Line 6,450: | ||
.row{ | .row{ | ||
width:950px; | width:950px; | ||
− | padding-left: | + | padding-left:15px; |
} | } | ||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
Line 6,897: | Line 6,914: | ||
.header img{ | .header img{ | ||
+ | |||
max-width: 950px; | max-width: 950px; | ||
height: auto; | height: auto; | ||
Line 6,948: | Line 6,966: | ||
z-index:10; | z-index:10; | ||
+ | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | #myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 | ||
+ | { | ||
+ | z-index:1; | ||
} | } | ||
− | . | + | .line |
+ | { | ||
+ | display:block; | ||
+ | margin:20px; | ||
+ | } | ||
+ | .members | ||
{ | { | ||
display:inline-block; | display:inline-block; | ||
Line 6,963: | Line 6,985: | ||
left:100%; | left:100%; | ||
} | } | ||
− | . | + | .modal-backdrop.in { |
− | { | + | filter: alpha(opacity=50); |
− | + | opacity: 1; | |
− | + | } | |
− | + | opacity.less:4 | |
− | + | .modal-backdrop.fade { | |
− | + | filter: alpha(opacity=0); | |
− | + | opacity: 0; | |
− | + | } | |
− | + | .fade.in { | |
+ | opacity: 1; | ||
+ | } | ||
+ | .modal-backdrop { | ||
+ | display:none; | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | z-index: -1040; | ||
+ | background-color: #fff; | ||
} | } | ||
+ | .title{ | ||
+ | position:left; | ||
+ | padding-left: 20px; | ||
+ | color:rgb(88,73,63); | ||
+ | font-size:30px; | ||
− | |||
− | |||
} | } | ||
− | . | + | .btn{ |
+ | background-color:rgba(125, 63, 152, 0.9); | ||
+ | } | ||
+ | |||
+ | #menuhead{ | ||
+ | position: absolute; | ||
+ | z-index: 10; | ||
+ | left:10px; | ||
+ | } | ||
+ | .contact | ||
{ | { | ||
display:inline-block; | display:inline-block; | ||
padding:5px; | padding:5px; | ||
− | + | width:20%; | |
+ | left:100%; | ||
+ | } | ||
+ | #menuhead h5{ | ||
+ | |||
+ | |||
+ | position:absolute; | ||
+ | left:-40px; | ||
+ | top:-59px; | ||
+ | z-index:10; | ||
+ | } | ||
+ | #menuhead img{ | ||
+ | position:absolute; | ||
+ | width: 490%; | ||
+ | left:-160px; | ||
+ | top:-42px; | ||
} | } | ||
Line 6,999: | Line 7,059: | ||
<ul> | <ul> | ||
<li> | <li> | ||
− | + | <div class="res" target="_self" id="menuhead"> | |
+ | |||
+ | |||
+ | <h5> Meow~</h5> | ||
+ | <img onclick="changeface()" src="https://static.igem.org/mediawiki/2018/e/e4/T--GreatBay_China--menucathead.png" width="800px"></div> | ||
+ | |||
+ | </li> | ||
+ | <li> | ||
+ | |||
<a href="#"><span>Team</span></a> | <a href="#"><span>Team</span></a> | ||
<div> | <div> | ||
Line 7,013: | Line 7,081: | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Description">Description</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Design">Design</a> | ||
− | + | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Results" >Results</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Results" >Results</a> | ||
<a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a> | <a href="https://2018.igem.org/Team:GreatBay_China/Demonstrate">Demonstrate</a> | ||
Line 7,045: | Line 7,113: | ||
<a href="#"><span>Lab</span></a> | <a href="#"><span>Lab</span></a> | ||
<div> | <div> | ||
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Experiments">Experiments</a> | ||
<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> | ||
Line 7,075: | Line 7,144: | ||
</ul> | </ul> | ||
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
Line 7,130: | Line 7,196: | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
− | <div class="header" | + | <div class="header" style="margin-left: -14px"> |
− | + | <img src="https://static.igem.org/mediawiki/2018/7/74/T--GreatBay_China--Top.png" /> | |
</div> | </div> | ||
</div> | </div> | ||
− | <!--TEMPLATE ENDS HERE BY CHARELS WEI --> | + | <!--TEMPLATE ENDS HERE BY CHARELS WEI (All edits down here)--> |
− | + | ||
− | + | ||
− | + | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <br><br><br> | ||
<h2 style="padding-left:25px;padding-bottom:50px;font-size: 40px;"> Collaborations</h2> | <h2 style="padding-left:25px;padding-bottom:50px;font-size: 40px;"> Collaborations</h2> | ||
<h4 style="padding-left:25px;padding-bottom:50px";> GreatBay_China is actively invovled in many collaborations with local and international teams. Under this positive give-and-take atmosphere, we established good friendships with many teams and benefited mutually from the process.</h4><br> | <h4 style="padding-left:25px;padding-bottom:50px";> GreatBay_China is actively invovled in many collaborations with local and international teams. Under this positive give-and-take atmosphere, we established good friendships with many teams and benefited mutually from the process.</h4><br> | ||
Line 7,244: | Line 7,324: | ||
<div class="logos" style="background-color: unset;width:600px;color:#000;"> | <div class="logos" style="background-color: unset;width:600px;color:#000;"> | ||
<h4 style="position:top;">On Jun 24th, the deadline of signing up for Interlab, we noticed that SMS_Shenzhen had not signed up, and kindly reminded them of the deadline. Besides, we offered SMS_Shenzhen DH5a competent cell and chloramphenicol, since they didn’t have enough for their experiment.</h4> | <h4 style="position:top;">On Jun 24th, the deadline of signing up for Interlab, we noticed that SMS_Shenzhen had not signed up, and kindly reminded them of the deadline. Besides, we offered SMS_Shenzhen DH5a competent cell and chloramphenicol, since they didn’t have enough for their experiment.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="row" style="padding-left:50px;padding-bottom:50px"> | ||
+ | <a href="https://2018.igem.org/Team:SMS_Shenzhen/Collaborations"> | ||
+ | <div class="logos"> | ||
+ | <img class="photo" id=’SMS’ width="220px" src="" alt="男科大" /> | ||
+ | <h4 style="position:bottom;text-align: center;">男科大</h4> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div class="logos" style="background-color: unset;width:600px;color:#000;"> | ||
+ | <h4 style="position:top;">If you watched this, please tell Old Sun that I have been waiting for a long time.</h4> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 7,250: | Line 7,343: | ||
</div> | </div> | ||
− | <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI--> | + | |
− | <br><br><br><br> | + | |
+ | |||
+ | <!--DON'T FORGET TEMPLATE STARTS HERE BY CHARLES WEI (I wonder why I am writing this cuz only Lucinda and I will edit here.)--> | ||
+ | <br><br><br><br> | ||
</div> | </div> | ||
+ | </div> | ||
+ | |||
</div> | </div> | ||
− | |||
− | |||
Line 7,264: | Line 7,360: | ||
</body> | </body> | ||
− | + | <!-- Life sucks by Lucinda Lin. Sometimes working out a template can be so goddamn hard, and it is not responsive. --> | |
+ | <!-- Well life has to go on by Charles Wei. Sometimes correcting a template can be so tiring, and it is a recursive.--> | ||
</html> | </html> |