(62 intermediate revisions by 2 users not shown) | |||
Line 14: | Line 14: | ||
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/jqueryJS&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/jqueryJS&action=raw&ctype=text/javascript"></script> | ||
<title>Improve Part</title> | <title>Improve Part</title> | ||
− | |||
<link href="css/font-awesome.min.css" rel="stylesheet"> | <link href="css/font-awesome.min.css" rel="stylesheet"> | ||
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootsnavCSS&action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootsnavCSS&action=raw&ctype=text/css" /> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | @font-face { | ||
+ | font-family: brushmagic; | ||
+ | src: url(https://static.igem.org/mediawiki/2018/2/2e/T--ZJU-China--Brushmagic.ttf) format('truetype'); | ||
+ | } | ||
+ | .address img | ||
+ | { | ||
+ | position:absolute; | ||
+ | left:0; | ||
+ | bottom:-15%; | ||
+ | width:100% !important; | ||
+ | } | ||
.kite | .kite | ||
{ | { | ||
Line 28: | Line 38: | ||
-o-animation:myfirst 5s; /* Opera */ | -o-animation:myfirst 5s; /* Opera */ | ||
animation-iteration-count: infinite; | animation-iteration-count: infinite; | ||
− | width: | + | width:33%; |
− | height: | + | height: 5%; |
} | } | ||
@keyframes myfirst | @keyframes myfirst | ||
{ | { | ||
− | 0% {left: | + | 0% {left:9.5%; top:4.2%;} |
− | 25% {left: | + | 25% {left:10%; top:4.3%;} |
− | 50% {left: | + | 50% {left:10.5%; top:4.4%;} |
− | 75% {left: | + | 75% {left:10%; top:4.3%;} |
− | 100% {left: | + | 100% {left:9.5%; top:4.2%;} |
} | } | ||
@-moz-keyframes myfirst /* Firefox */ | @-moz-keyframes myfirst /* Firefox */ | ||
{ | { | ||
− | 0% {left: | + | 0% {left:9.5%; top:4.2%;} |
− | 25% {left: | + | 25% {left:10%; top:4.3%;} |
− | 50% {left: | + | 50% {left:10.5%; top:4.4%;} |
− | 75% {left: | + | 75% {left:10%; top:4.3%;} |
− | 100% {left: | + | 100% {left:9.5%; top:4.2%;} |
} | } | ||
@-webkit-keyframes myfirst /* Safari and Chrome */ | @-webkit-keyframes myfirst /* Safari and Chrome */ | ||
{ | { | ||
− | 0% {left: | + | 0% {left:9.5%; top:4.2%;} |
− | 25% {left: | + | 25% {left:10%; top:4.3%;} |
− | 50% {left: | + | 50% {left:10.5%; top:4.4%;} |
− | 75% {left: | + | 75% {left:10%; top:4.3%;} |
− | 100% {left: | + | 100% {left:9.5%; top:4.2%;} |
} | } | ||
@-o-keyframes myfirst /* Opera */ | @-o-keyframes myfirst /* Opera */ | ||
{ | { | ||
− | 0% {left: | + | 0% {left:9.5%; top:4.2%;} |
− | 25% {left: | + | 25% {left:10%; top:4.3%;} |
− | 50% {left: | + | 50% {left:10.5%; top:4.4%;} |
− | 75% {left: | + | 75% {left:10%; top:4.3%;} |
− | 100% {left: | + | 100% {left:9.5%; top:4.2%;} |
} | } | ||
.high1 p | .high1 p | ||
{ | { | ||
− | position: | + | position:relative; |
− | margin-left: | + | margin-left:52%; |
− | margin-top: | + | margin-top:279%; |
− | font-size: | + | font-size:4em !important; |
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
+ | font-family: brushmagic !important; | ||
font-weight: bold; | font-weight: bold; | ||
color:#d4c9af !important; | color:#d4c9af !important; | ||
Line 81: | Line 92: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
+ | font-family: brushmagic !important; | ||
font-weight: bold; | font-weight: bold; | ||
color:#d4c9af !important; | color:#d4c9af !important; | ||
Line 89: | Line 101: | ||
.high2 p | .high2 p | ||
{ | { | ||
− | position: | + | position:relative; |
margin-left:13%; | margin-left:13%; | ||
− | margin-top: | + | margin-top:24%; |
− | font-size: | + | font-size:4em !important; |
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#c0c6d4 !important; | color:#c0c6d4 !important; | ||
Line 101: | Line 113: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#c0c6d4 !important; | color:#c0c6d4 !important; | ||
Line 109: | Line 121: | ||
.high3 p | .high3 p | ||
{ | { | ||
− | position: | + | position:relative; |
margin-left:57%; | margin-left:57%; | ||
− | margin-top: | + | margin-top:71%; |
− | font-size: | + | font-size:4em !important; |
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#b3c0b5 !important; | color:#b3c0b5 !important; | ||
Line 121: | Line 133: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#b3c0b5 !important; | color:#b3c0b5 !important; | ||
Line 129: | Line 141: | ||
.high4 p | .high4 p | ||
{ | { | ||
− | position: | + | position:relative; |
margin-left:17%; | margin-left:17%; | ||
− | margin-top: | + | margin-top:30%; |
− | font-size: | + | font-size:4em !important; |
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#cfb6b2 !important; | color:#cfb6b2 !important; | ||
Line 141: | Line 153: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#cfb6b2 !important; | color:#cfb6b2 !important; | ||
Line 162: | Line 174: | ||
left:20% !important; | left:20% !important; | ||
/*top:171% !important;*/ | /*top:171% !important;*/ | ||
− | bottom:- | + | bottom:-13% !important; |
− | + | ||
z-index:10; | z-index:10; | ||
} | } | ||
Line 316: | Line 327: | ||
.high1 p | .high1 p | ||
{ | { | ||
− | position: | + | position:relative; |
− | margin-left: | + | /*top:6000%; |
− | margin-top: | + | left:0;*/ |
+ | margin-left:52%; | ||
+ | margin-top:280%; | ||
font-size:1em !important; | font-size:1em !important; | ||
− | + | font-family: brushmagic, sans-serif !important; | |
+ | font-weight: bold; | ||
+ | color:#d4c9af !important; | ||
+ | z-index:99; | ||
} | } | ||
.high1 a | .high1 a | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#d4c9af !important; | color:#d4c9af !important; | ||
Line 334: | Line 350: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | margin-left: | + | margin-left:13%; |
margin-top:32%; | margin-top:32%; | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#c0c6d4 !important; | color:#c0c6d4 !important; | ||
Line 345: | Line 361: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#c0c6d4 !important; | color:#c0c6d4 !important; | ||
Line 354: | Line 370: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | margin-left: | + | margin-left:57%; |
margin-top:79%; | margin-top:79%; | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#b3c0b5 !important; | color:#b3c0b5 !important; | ||
Line 365: | Line 381: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#b3c0b5 !important; | color:#b3c0b5 !important; | ||
Line 374: | Line 390: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | margin-left: | + | margin-left:17%; |
margin-top:35%; | margin-top:35%; | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#cfb6b2 !important; | color:#cfb6b2 !important; | ||
Line 385: | Line 401: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#cfb6b2 !important; | color:#cfb6b2 !important; | ||
Line 392: | Line 408: | ||
} | } | ||
} | } | ||
− | @media only screen and (max-width: | + | @media only screen and (max-width:700px){ |
.high1 p | .high1 p | ||
{ | { | ||
− | position: | + | position:relative; |
− | margin-left: | + | /*top:6000%; |
− | margin-top: | + | left:0;*/ |
+ | margin-left:52%; | ||
+ | margin-top:270%; | ||
font-size:.7em !important; | font-size:.7em !important; | ||
− | + | font-family: brushmagic, sans-serif !important; | |
+ | font-weight: bold; | ||
+ | color:#d4c9af !important; | ||
+ | z-index:99; | ||
} | } | ||
.high1 a | .high1 a | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#d4c9af !important; | color:#d4c9af !important; | ||
Line 413: | Line 434: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | margin-left: | + | margin-left:14%; |
margin-top:30%; | margin-top:30%; | ||
font-size:.7em !important; | font-size:.7em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#c0c6d4 !important; | color:#c0c6d4 !important; | ||
Line 424: | Line 445: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#c0c6d4 !important; | color:#c0c6d4 !important; | ||
Line 433: | Line 454: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | margin-left: | + | margin-left:57%; |
margin-top:77%; | margin-top:77%; | ||
font-size:.7em !important; | font-size:.7em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#b3c0b5 !important; | color:#b3c0b5 !important; | ||
Line 444: | Line 465: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#b3c0b5 !important; | color:#b3c0b5 !important; | ||
Line 453: | Line 474: | ||
{ | { | ||
position:relative; | position:relative; | ||
− | margin-left: | + | margin-left:17%; |
margin-top:33%; | margin-top:33%; | ||
font-size:.7em !important; | font-size:.7em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#cfb6b2 !important; | color:#cfb6b2 !important; | ||
Line 464: | Line 485: | ||
{ | { | ||
font-size:1em !important; | font-size:1em !important; | ||
− | font-family: | + | font-family: brushmagic, sans-serif !important; |
font-weight: bold; | font-weight: bold; | ||
color:#cfb6b2 !important; | color:#cfb6b2 !important; | ||
Line 549: | Line 570: | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project</a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Demonstrate">Demonstrate</a></li> |
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/EnzymeScaffold">Enzyme Scaffold</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/LogicGate">Logic Gate</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Matrix">Matrix</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Electrodes">Electrodes</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Applied Design</a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Applied_Design">Product Design</a></li> |
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Hardware">Hardware</a></li> | |
− | + | ||
− | <li><a href=" | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Model">Model</a></li> | ||
<li class="dropdown" style="min-width: 250px;"> | <li class="dropdown" style="min-width: 250px;"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | + | ||
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Human_Practices" class="dropdown-toggle" data-toggle="dropdown" >Silver&Gold</a></li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Public_Engagement" class="dropdown-toggle" data-toggle="dropdown" >Public Engagement</a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</li> | </li> | ||
− | <li><a href=" | + | |
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Collaborations">Collaborations</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
− | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | + | |
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts</a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
− | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ZJU-China/AllParts">All parts</a></li> |
− | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ZJU-China/BasicPart">Basic Parts</a></li> |
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/CompositePart | ||
+ | ">Composite Parts</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Collection">Collection</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Improve">Improved Parts</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
+ | |||
+ | |||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a> | ||
− | + | <ul class="dropdown-menu"> | |
− | + | <li class="dropdown"> | |
− | + | ||
− | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Team">Members</a></li> | |
− | <li><a href=" | + | <li><a href="https://2018.igem.org/Team:ZJU-China/Attributions">Attributions</a></li> |
+ | |||
+ | <li class="dropdown"> | ||
+ | <a href="#" class="dropdown-toggle" data-toggle="dropdown" >Notebook</a> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Notebook">Lab book</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/InterLab">InterLab</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:ZJU-China/Safety" class="dropdown-toggle" data-toggle="dropdown">Safety</a></li> | ||
+ | |||
+ | |||
+ | |||
<!--<li class="dropdown"> | <!--<li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Sub Menu</a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">Sub Menu</a> | ||
Line 658: | Line 675: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
Line 670: | Line 688: | ||
<div class="main"> | <div class="main"> | ||
<img class="kite" src="https://static.igem.org/mediawiki/2018/6/67/T--ZJU-China--kite.gif"> | <img class="kite" src="https://static.igem.org/mediawiki/2018/6/67/T--ZJU-China--kite.gif"> | ||
− | <video controls="controls" src="https://static.igem.org/mediawiki/2018/ | + | <video controls="controls" src="https://static.igem.org/mediawiki/2018/f/f0/T--ZJU-China--mainv1.mp4" width="35%" height="auto" style="position:absolute; top:30%;margin-left:53%; border:0px solid #000000; z-index:800;"> |
your browser don't support html5. | your browser don't support html5. | ||
</video> | </video> | ||
<img class="a2" src="https://static.igem.org/mediawiki/2018/4/4a/T--ZJU-China--F2.png"> | <img class="a2" src="https://static.igem.org/mediawiki/2018/4/4a/T--ZJU-China--F2.png"> | ||
− | <div class="high1"><p class="high1">Highlight1: <a style="line-height:110%" href=" | + | <div class="high1"><p class="high1">Highlight1: <a style="line-height:110%" href="https://2018.igem.org/Team:ZJU-China/Matrix" class="high1">Matrix</a></p> |
</div> | </div> | ||
− | <div class="high2"><p class="high2">Highlight2: <a style="line-height:110%" href=" | + | <div class="high2"><p class="high2">Highlight2: <a style="line-height:110%" href="https://2018.igem.org/Team:ZJU-China/EnzymeScaffold" class="high1">Protein Scaffold</a></p> |
</div> | </div> | ||
− | <div class="high3"><p class="high3">Products: <a style="line-height:110%" href=" | + | <div class="high3"><p class="high3">Products: <a style="line-height:110%" href="https://2018.igem.org/Team:ZJU-China/Electrodes" class="high1">Electrodes</a></p> |
</div> | </div> | ||
− | <div class="high4"><p class="high4"><a style="line-height:110%" href=" | + | <div class="high4"><p class="high4"><a style="line-height:110%" href="https://2018.igem.org/Team:ZJU-China/Human_Practices" class="high1">Human Practice</a></p> |
</div> | </div> | ||
Line 703: | Line 721: | ||
<img src="https://static.igem.org/mediawiki/2018/5/5f/T--ZJU-China--foundation.png" /> | <img src="https://static.igem.org/mediawiki/2018/5/5f/T--ZJU-China--foundation.png" /> | ||
<img src="https://static.igem.org/mediawiki/2018/7/7f/T--ZJU-China--hospital.png" /> | <img src="https://static.igem.org/mediawiki/2018/7/7f/T--ZJU-China--hospital.png" /> | ||
− | + | </div> | |
+ | |||
+ | <div class="address"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c9/T--ZJU-China--FirstPageBottom.png" /> | ||
</div> | </div> | ||
− | |||
− | |||
<!--<hr />--> | <!--<hr />--> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 823: | Line 842: | ||
// endValue: dataAxis[Math.min(params.dataIndex + zoomSize / 2, data.length - 1)] | // endValue: dataAxis[Math.min(params.dataIndex + zoomSize / 2, data.length - 1)] | ||
// }); | // }); | ||
+ | //}); | ||
+ | if (option && typeof option === "object") { | ||
+ | myChart.setOption(option, true); | ||
+ | } | ||
+ | </script> | ||
+ | <!--<script type="text/javascript" src="js/bootsnav.js"></script>--> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/bootnavJS&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageJS&action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/pageCSS&action=raw&ctype=text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Team:ZJU-China/sponsorCSS&action=raw&ctype=text/css" /> | ||
+ | |||
+ | </html> |
Latest revision as of 03:21, 18 October 2018