Line 1: | Line 1: | ||
+ | |||
<html><title>GBC-Team</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 19: | Line 15: | ||
================================================== --> | ================================================== --> | ||
<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 --> |
− | < | + | <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" /> |
− | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:GreatBay_China/ | + | <!-- js jquery --> |
− | <!-- js | + | <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> |
+ | <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 --> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function () { $("[data-toggle='popover']").popover(); }); | $(function () { $("[data-toggle='popover']").popover(); }); | ||
</script> | </script> | ||
− | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(function(){ | $(function(){ | ||
− | $('.top-nav ul li span').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');}); | + | $('.top-nav ul li span').hover(function(){ |
− | $('.top-nav ul li').mouseover(function(){$(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp();}); | + | $(this).addClass('hover'); |
− | $('.top-nav ul li span').mouseleave(function(){$(this).siblings('div').stop().slideUp()}); | + | },function(){ |
+ | $(this).removeClass('hover'); | ||
+ | }); | ||
+ | $('.top-nav ul li').mouseover(function(){ | ||
+ | $(this).children('div').stop().slideDown().parent().siblings().children('div').stop().slideUp(); | ||
+ | }); | ||
+ | $('.top-nav ul li span').mouseleave(function(){ | ||
+ | $(this).siblings('div').stop().slideUp()}); | ||
$('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | $('.top-nav ul li div').bind('mouseleave',function(){$(this).stop().slideUp();}); | ||
− | + | }) | |
− | + | ||
</script> | </script> | ||
− | |||
<script> | <script> | ||
function changeface() | function changeface() | ||
Line 1,391: | Line 1,395: | ||
} | } | ||
.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,425: | Line 1,430: | ||
} | } | ||
a.bg-primary:hover { | a.bg-primary:hover { | ||
− | + | background-color:#76bf8d; | |
} | } | ||
Line 3,141: | Line 3,146: | ||
.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,823: | Line 4,830: | ||
.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,905: | Line 6,912: | ||
.header img{ | .header img{ | ||
+ | |||
max-width: 950px; | max-width: 950px; | ||
height: auto; | height: auto; | ||
Line 6,955: | Line 6,963: | ||
top:-9px; | top:-9px; | ||
z-index:10; | z-index:10; | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
.contact | .contact | ||
Line 6,968: | Line 6,973: | ||
left:100%; | left:100%; | ||
} | } | ||
− | # | + | |
− | + | #myModal #myModal2 #myModal3 #myModal4 #myModal5 #myModal6 #myModal7 #myModal8 #myModal9 #myModal10 #myModal11 #myModal12 #myModal13 #myModal14 #myModal15 #myModal16 #myModal17 #myModal18 #myModal19 #myModal20 | |
− | + | { | |
− | + | z-index:1; | |
− | + | ||
− | + | ||
− | z-index: | + | |
} | } | ||
− | + | .line | |
− | + | { | |
− | + | display:block; | |
− | + | margin:20px; | |
− | + | } | |
+ | .members | ||
+ | { | ||
+ | display:inline-block; | ||
+ | padding:5px; | ||
+ | width:20%; | ||
+ | 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); | ||
+ | } | ||
</style> | </style> | ||
+ | |||
<!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> --> | <!-- <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> --> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div class="logo" | + | <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"> | ||
Line 7,003: | Line 7,044: | ||
</li> | </li> | ||
− | + | <li> | |
− | <li> | + | |
+ | <a href="#"><span>Team</span></a> | ||
+ | <div> | ||
+ | <a href="https://2018.igem.org/Team:GreatBay_China/Team">Team</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> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/2e/T--GreatBay_China--AlexisWrite.jpgleaf.png"/> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
<a href="#"><span>Project</span></a> | <a href="#"><span>Project</span></a> | ||
<div> | <div> | ||
Line 7,129: | Line 7,179: | ||
</div> | </div> | ||
<!--TEMPLATE ENDS HERE BY CHARELS WEI --> | <!--TEMPLATE ENDS HERE BY CHARELS WEI --> | ||
− | + | <div class="row "> | |
<span style="height:250px"></span> | <span style="height:250px"></span> | ||
<div class="jumbotron" style="color:white;"> | <div class="jumbotron" style="color:white;"> | ||
Line 7,854: | Line 7,904: | ||
<br><br><br> | <br><br><br> | ||
+ | |||
Line 7,871: | Line 7,922: | ||
</body> | </body> | ||
− | + | ||
</html> | </html> |