(7 intermediate revisions by one other user not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | |||
+ | |||
+ | <!--TEMPLATE:initialize--> | ||
+ | |||
+ | <!--get jQuery and wiki settings-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<style> | <style> | ||
+ | .btn{ | ||
+ | color:white; | ||
+ | } | ||
+ | .btn:hover,.btn:focus,.btn:visited{ | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | |||
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; } | #top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; } | ||
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px; margin:0px; } | .mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding:0px; margin:0px; } | ||
#top_menu_14{position: fixed;top:0;} | #top_menu_14{position: fixed;top:0;} | ||
− | #mw-content-text>p{padding: 0; margin: 0;width: 100% | + | #mw-content-text>p{padding: 0; margin: 0;width: 100%;} |
a, button, input, textarea { | a, button, input, textarea { | ||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
Line 62: | Line 75: | ||
src: url('https://static.igem.org/mediawiki/2018/d/df/T--Fudan-CHINA--ZELDA.ttf'), | src: url('https://static.igem.org/mediawiki/2018/d/df/T--Fudan-CHINA--ZELDA.ttf'), | ||
url('https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--ZELDA.eot'); | url('https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--ZELDA.eot'); | ||
+ | } | ||
+ | @font-face | ||
+ | { | ||
+ | font-family:_Bembo; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/5/5f/T--Fudan-CHINA--Bembo.ttf'); | ||
} | } | ||
@font-face | @font-face | ||
Line 84: | Line 102: | ||
<!----------------------------------------------------------------------------------------------------------------------------------------------------> | <!----------------------------------------------------------------------------------------------------------------------------------------------------> | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | <!-- | + | <!--loading page-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
+ | <style> | ||
+ | .chromeframe { | ||
+ | margin: 0.2em 0; | ||
+ | background: #ccc; | ||
+ | color: #000; | ||
+ | padding: 0.2em 0; | ||
+ | } | ||
+ | #loader-wrapper { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index:999999; | ||
+ | |||
+ | } | ||
+ | #loader { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | left: 50%; | ||
+ | top: 50%; | ||
+ | width: 150px; | ||
+ | height: 150px; | ||
+ | margin: -75px 0 0 -75px; | ||
+ | border-radius: 50%; | ||
+ | border: 3px solid transparent; | ||
+ | /* COLOR 1 */ | ||
+ | border-top-color: rgba(255,0,255,1); | ||
+ | -webkit-animation: spin 2s linear infinite; | ||
+ | -ms-animation: spin 2s linear infinite; | ||
+ | -moz-animation: spin 2s linear infinite; | ||
+ | -o-animation: spin 2s linear infinite; | ||
+ | animation: spin 2s linear infinite; | ||
+ | z-index:1001; | ||
+ | } | ||
+ | #loader:before { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | top: 5px; | ||
+ | left: 5px; | ||
+ | right: 5px; | ||
+ | bottom: 5px; | ||
+ | border-radius: 50%; | ||
+ | border: 3px solid transparent; | ||
+ | /* COLOR 2 */ | ||
+ | border-top-color: rgba(255,255,0,1); | ||
+ | -webkit-animation: spin 3s linear infinite; | ||
+ | -moz-animation: spin 3s linear infinite; | ||
+ | -o-animation: spin 3s linear infinite; | ||
+ | -ms-animation: spin 3s linear infinite; | ||
+ | animation: spin 3s linear infinite; | ||
+ | } | ||
+ | #loader:after { | ||
+ | content: ""; | ||
+ | position: absolute; | ||
+ | top: 15px; | ||
+ | left: 15px; | ||
+ | right: 15px; | ||
+ | bottom: 15px; | ||
+ | border-radius: 50%; | ||
+ | border: 3px solid transparent; | ||
+ | border-top-color: rgba(0,255,255,1); | ||
+ | /* COLOR 3 */ | ||
+ | -moz-animation: spin 1.5s linear infinite; | ||
+ | -o-animation: spin 1.5s linear infinite; | ||
+ | -ms-animation: spin 1.5s linear infinite; | ||
+ | -webkit-animation: spin 1.5s linear infinite; | ||
+ | animation: spin 1.5s linear infinite; | ||
+ | } | ||
+ | |||
+ | |||
+ | @-webkit-keyframes spin { | ||
+ | 0%{ | ||
+ | -webkit-transform: rotate(0deg); | ||
+ | -ms-transform: rotate(0deg); | ||
+ | transform: rotate(0deg); | ||
+ | }100%{ | ||
+ | -webkit-transform: rotate(360deg); | ||
+ | -ms-transform: rotate(360deg); | ||
+ | transform: rotate(360deg); } | ||
+ | } | ||
+ | |||
+ | @keyframes spin { | ||
+ | 0%{ | ||
+ | -webkit-transform: rotate(0deg); | ||
+ | -ms-transform: rotate(0deg); | ||
+ | transform: rotate(0deg); | ||
+ | }100%{ | ||
+ | -webkit-transform: rotate(360deg); | ||
+ | -ms-transform: rotate(360deg); | ||
+ | transform: rotate(360deg); } | ||
+ | } | ||
+ | |||
+ | |||
+ | #loader-wrapper .loader-section { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | width: 51%; | ||
+ | height: 100%; | ||
+ | background: rgba(2,28,53,1); /* loading background color!!!*/ | ||
+ | z-index: 1000; | ||
+ | -webkit-transform: translateX(0); | ||
+ | -ms-transform: translateX(0); | ||
+ | transform: translateX(0); | ||
+ | } | ||
+ | #loader-wrapper .loader-section.section-left {left: 0;} | ||
+ | #loader-wrapper .loader-section.section-right {right: 0;} | ||
+ | |||
+ | /* Loaded */ | ||
+ | .loaded #loader-wrapper .loader-section.section-left { | ||
+ | -webkit-transform: translateX(-100%); | ||
+ | -ms-transform: translateX(-100%); | ||
+ | transform: translateX(-100%); | ||
+ | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); | ||
+ | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); | ||
+ | } | ||
+ | .loaded #loader-wrapper .loader-section.section-right { | ||
+ | -webkit-transform: translateX(100%); | ||
+ | -ms-transform: translateX(100%); | ||
+ | transform: translateX(100%); | ||
+ | -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); | ||
+ | transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); | ||
+ | } | ||
+ | .loaded #loader { | ||
+ | opacity: 0; | ||
+ | -webkit-transition: all 0.3s ease-out; | ||
+ | transition: all 0.3s ease-out; | ||
+ | } | ||
+ | .loaded #loader-wrapper { | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translateY(-100%); | ||
+ | -ms-transform: translateY(-100%); | ||
+ | transform: translateY(-100%); | ||
+ | -webkit-transition: all 0.3s 1s ease-out; | ||
+ | transition: all 0.3s 1s ease-out; | ||
+ | } | ||
+ | /* JavaScript Turned Off */ | ||
+ | .no-js #loader-wrapper {display: none;} | ||
+ | .no-js h1 {color: #222222;} | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div id="loader-wrapper"> | ||
+ | <div id="loader"></div> | ||
+ | <div class="loader-section section-left"></div> | ||
+ | <div class="loader-section section-right"></div> | ||
+ | </div> | ||
+ | <script> | ||
+ | $(function(){ | ||
+ | var myBgVideo=document.getElementById("bgVideo"); | ||
+ | myBgVideo.addEventListener('canplaythrough',function(){ | ||
+ | setTimeout(function(){ $('body').addClass('loaded'); | ||
+ | $('#loader-wrapper .load_title').remove(); },500); | ||
+ | }); | ||
+ | }); | ||
+ | $(function(){ | ||
+ | var myBgVideo=document.getElementById("bgVideo"); | ||
+ | setTimeout(function(){ $('body').addClass('loaded'); | ||
+ | $('#loader-wrapper .load_title').remove(); }, 1000); | ||
+ | }); | ||
+ | |||
+ | function slideInTop(obj,obj2,delayTime){ | ||
+ | var targetHeight = obj.offset().top-50; | ||
+ | var scrollTop = $(document).scrollTop(); | ||
+ | var winHeight=$(window).height(); | ||
+ | var imgHeight=obj2.height(); | ||
+ | if(scrollTop+winHeight-0.3*imgHeight>targetHeight){ | ||
+ | setTimeout(function(){ obj.animate({top:'0px',opacity:1},800,"easeInOutCubic"); }, delayTime); | ||
+ | } | ||
+ | }; | ||
+ | function slideInLeft(obj,obj2,delayTime){ | ||
+ | var targetHeight = obj.offset().top; | ||
+ | var scrollTop = $(document).scrollTop(); | ||
+ | var winHeight=$(window).height(); | ||
+ | var imgHeight=obj2.height(); | ||
+ | if(scrollTop+winHeight-0.3*imgHeight>targetHeight){ | ||
+ | setTimeout(function(){ obj.animate({left:'0px',opacity:1},800,"easeInOutCubic"); }, delayTime); | ||
+ | } | ||
+ | }; | ||
+ | </script> | ||
+ | <!---------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | <!--TEMPLATE END:initialize--> | ||
+ | |||
+ | |||
+ | <!--TEMPLATE:mainNavBar--> | ||
+ | |||
+ | <!--navigation bar--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | <ul id="navUl" style="z-index: 888;"> | ||
+ | <li class="navLi navImg" style="display: inline-block;float: left;width: 5%;"></li> | ||
+ | <li class="navLi navImg" style="float: left;"><a href="https://2018.igem.org/Team:Fudan-CHINA"><img class="navA teamImg" src="https://static.igem.org/mediawiki/2018/6/62/T--Fudan-CHINA--stepLogo1.png" /></a></li> | ||
+ | <li class="navLi navImg" style="float: left;position: relative;"><a class="navA activeA teamName" href="https://2018.igem.org/Team:Fudan-CHINA" style="color: white;">Fudan-CHINA</a></li> | ||
+ | |||
+ | <li class="navLi" style="display: inline-block;width: 2%;"></li> | ||
+ | |||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Awards">Awards</a></li> | ||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Team">Team</a> | ||
+ | <ul class="ul2" style="padding: 0;margin: 0;"> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Team">Team</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Attributions">Attributions</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Notebook">Notebook</a></li> | ||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">Human Practices</a> | ||
+ | <ul class="ul2" style="padding: 0;margin: 0;"> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices">Overview</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices#mainTitle2">Silver HP</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Human_Practices#mainTitle3">Integrated HP</a></li> | ||
+ | <li class="li2"><a class="navA2 muchWords muchWords2" href="https://2018.igem.org/Team:Fudan-CHINA/Public_Engagement">Education & Engagement</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Collaborations">Collaborations</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="navLi"><span class="navA">Parts</span> | ||
+ | <ul class="ul2" style="padding: 0;margin: 0;"> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Improve">Improved Part</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Basic_Part">Best New Basic Part</a></li> | ||
+ | <li class="li2"><a class="navA2 muchWords muchWords2" href="https://2018.igem.org/Team:Fudan-CHINA/Composite_Part">Best New Composite Part</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Part_Collection">Best Part Collection</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Part_List">Part List</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Model">Model</a> | ||
+ | <ul class="ul2" style="padding: 0;margin: 0;"> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Model">Model</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Software">Software</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Results">Results</a> | ||
+ | <ul class="ul2" style="padding: 0;margin: 0;"> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results">Overview</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP">STEP System Test</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR">Receptor Optimisation</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Demonstrate">Demonstrate</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/InterLab">Interlab</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="navLi"><a class="navA" href="https://2018.igem.org/Team:Fudan-CHINA/Design">Project</a> | ||
+ | <ul class="ul2" style="padding: 0;margin: 0;"> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Background">Background</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Design">Design</a></li> | ||
+ | <li class="li2"><a class="navA2" href="https://2018.igem.org/Team:Fudan-CHINA/Applied_Design">Applied Design</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | <style> | ||
+ | #navUl{ | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: visible; | ||
+ | position:fixed; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .ul2{ | ||
+ | list-style: none; | ||
+ | text-align: center; | ||
+ | position: absolute; | ||
+ | left:50%; | ||
+ | transform: translateX(-50%); | ||
+ | background-image: linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(29,176,186,0.95) 100%); | ||
+ | display: none; | ||
+ | border-radius:0 0 5% 5%; | ||
+ | overflow: hidden; | ||
+ | |||
+ | } | ||
+ | .li2{ | ||
+ | font-size: 0; | ||
+ | } | ||
+ | .navLi:not(.navImg){ | ||
+ | float: right; | ||
+ | position: relative; | ||
+ | } | ||
+ | .navA{ | ||
+ | display: block; | ||
+ | font-family:"Quicksand Medium",_Quicksand; | ||
+ | font-weight:400; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .navA2{ | ||
+ | display: block; | ||
+ | font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; | ||
+ | overflow: visible; | ||
+ | color: white; | ||
+ | } | ||
+ | .navA:not(.teamName){ | ||
+ | color:white; | ||
+ | } | ||
+ | .teamName{ | ||
+ | font-family:Zelda,_ZELDA; | ||
+ | font-weight: 900; | ||
+ | } | ||
+ | .navA:link,.navA2:link{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .navA:visited{ | ||
+ | color: white; | ||
+ | } | ||
+ | .navA2:visited,.navA2:active{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .navA:hover:not(.activeA){ | ||
+ | color: rgba(0,189,234,1); | ||
+ | } | ||
+ | .navA2:hover{ | ||
+ | color:rgba(0,189,234,1); | ||
+ | } | ||
+ | .jqhover { | ||
+ | color:rgba(0,189,234,1) !important; | ||
+ | } | ||
+ | .navA:hover{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .navA:active{ | ||
+ | text-decoration:none; | ||
+ | color: white; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | function navFun(){ | ||
+ | var winWidth=$(window).width(); | ||
+ | var navWidth=$('#navUl').width(); | ||
+ | var winHeight=$(window).height(); | ||
+ | $("#navUl").css("top",0.1*winHeight); | ||
+ | if (winWidth/winHeight>2){ | ||
+ | $("#navUl").css("height","8vh"); | ||
+ | $(".navA:not(.teamName)").css("height","8vh"); | ||
+ | $(".navA:not(.teamName)").css("line-height","8vh"); | ||
+ | $(".navA:not(.teamName)").css("font-size","2.5vh"); | ||
+ | |||
+ | $(".teamName").css("height","8vh"); | ||
+ | $(".teamName").css("line-height","8vh"); | ||
+ | $(".teamName").css("font-size","3.3vh"); | ||
+ | |||
+ | $(".navA2").css("padding","0 6vh"); | ||
+ | $(".navA2").css("height","6vh"); | ||
+ | $(".navA2").css("line-height","6vh"); | ||
+ | $(".navA2:not(.muchWords)").css("font-size","2.7vh"); | ||
+ | $(".muchWords1").css("font-size","2.2vh"); | ||
+ | $(".muchWords2").css("font-size","2.3vh"); | ||
+ | $(".muchWords3").css("font-size","2.3vh"); | ||
+ | |||
+ | $(".navA:not(img)").css("padding","0 3vh"); | ||
+ | $(".teamImg").css("width","7vh"); | ||
+ | $(".teamImg").css("height","7vh"); | ||
+ | $(".teamImg").css("padding","0.5vh 0"); | ||
+ | } | ||
+ | else{ | ||
+ | $("#navUl").css("height","4vw"); | ||
+ | $(".navA:not(.teamName)").css("height","4vw"); | ||
+ | $(".navA:not(.teamName)").css("line-height","4vw"); | ||
+ | $(".navA:not(.teamName)").css("font-size","1.25vw"); | ||
+ | |||
+ | $(".teamName").css("height","4vw"); | ||
+ | $(".teamName").css("line-height","4vw"); | ||
+ | $(".teamName").css("font-size","1.85vw"); | ||
+ | |||
+ | $(".navA2").css("padding","0 3vw"); | ||
+ | $(".navA2").css("height","3vw"); | ||
+ | $(".navA2").css("line-height","3vw"); | ||
+ | $(".navA2:not(.muchWords)").css("font-size","1.35vw"); | ||
+ | $(".muchWords1").css("font-size","1.1vw"); | ||
+ | $(".muchWords2").css("font-size","1.15vw"); | ||
+ | $(".muchWords3").css("font-size","1.15vw"); | ||
+ | |||
+ | $(".navA:not(img)").css("padding","0 1.5vw"); | ||
+ | $(".teamImg").css("width","3.5vw"); | ||
+ | $(".teamImg").css("height","3.5vw"); | ||
+ | $(".teamImg").css("padding","0.25vh 0"); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | navFun(); | ||
+ | navAdj(); | ||
+ | |||
+ | $(window).resize(function(){ | ||
+ | navFun(); | ||
+ | scrDir=0; | ||
+ | navAdj(); | ||
+ | |||
+ | }); | ||
+ | |||
+ | var scrDir=0; | ||
+ | $(window).scroll(function(){ | ||
+ | navAdj() | ||
+ | }); | ||
+ | |||
+ | function navAdj(){ | ||
+ | var winHeight=$(window).height(); | ||
+ | var topDis = $(window).scrollTop(); | ||
+ | var barHeight=$("#top_menu_14").height(); | ||
+ | var mainNavHeight=$("#navUl").height(); | ||
+ | $(".ul2").css("top",mainNavHeight); | ||
+ | if(topDis > 100){ | ||
+ | if (scrDir!=1){ | ||
+ | $("#navUl").stop().animate({top:barHeight,backgroundColor:"rgba(19,45,91,0.95)",boxShadow:"0px 0px 5px rgba(25,25,25,0.15)"},"fast"); | ||
+ | $(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0.95) 0%, rgba(29,176,186,0.95) 100%)"); | ||
+ | } | ||
+ | |||
+ | scrDir=1; | ||
+ | $(".navA:not(.activeA)").hover(function () { | ||
+ | $(this).addClass("jqhover"); | ||
+ | }).mouseout(function () { | ||
+ | $(this).removeClass("jqhover"); | ||
+ | }); | ||
+ | } | ||
+ | else{ | ||
+ | if (scrDir!=2){ | ||
+ | $("#navUl").stop().animate({top:0.1*winHeight,backgroundColor:"transparent"},"fast"); | ||
+ | $(".ul2").css("background-image","linear-gradient(rgba(19,45,91,0) 0%, rgba(21,71,110,0.95) 20%, rgba(29,176,186,0.95) 100%)"); | ||
+ | } | ||
+ | scrDir=2; | ||
+ | $(".navA:not(.activeA)").hover(function () { | ||
+ | $(this).removeClass("jqhover"); | ||
+ | }); | ||
+ | |||
+ | }; | ||
+ | } | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $(".navLi").mouseenter(function(){ | ||
+ | $(this).find(".ul2").stop().fadeIn(300);4 | ||
+ | }); | ||
+ | $(".navLi").mouseleave(function(){ | ||
+ | $(this).find(".ul2").stop().fadeOut(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
<!----------------------------------------------------------------------------------------------------------------------------------------------------> | <!----------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | <!--TEMPLATE END:mainNavBar--> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--start----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | |||
+ | |||
+ | <!----------------------------------------------------------------------------------------------------------------------------------------------------> | ||
<div id="firstDiv"> | <div id="firstDiv"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/6/63/T--Fudan-CHINA--bkg3.jpg" /> |
<div class="fiName">Results Overview</div> | <div class="fiName">Results Overview</div> | ||
<div class="pSentence"> | <div class="pSentence"> | ||
− | " | + | "No road of flowers lead to glory." |
</div> | </div> | ||
</div> | </div> | ||
Line 128: | Line 602: | ||
STEP System Test | STEP System Test | ||
</div> | </div> | ||
− | <a href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP | + | <a class="btn" href="https://2018.igem.org/Team:Fudan-CHINA/Results_STEP">READ MORE</a> |
</div> | </div> | ||
Line 136: | Line 610: | ||
Receptor Optimisation | Receptor Optimisation | ||
</div> | </div> | ||
− | <a href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR | + | <a class="btn" href="https://2018.igem.org/Team:Fudan-CHINA/Results_PR">READ MORE</a> |
</div> | </div> | ||
Line 203: | Line 677: | ||
</style> | </style> | ||
− | |||
Line 546: | Line 1,019: | ||
} | } | ||
.mainContents{ | .mainContents{ | ||
− | font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; | + | font-family:_Bembo,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; |
font-size: 21px; | font-size: 21px; | ||
line-height: 28px; | line-height: 28px; | ||
Line 591: | Line 1,064: | ||
− | |||
</html> | </html> |
Latest revision as of 07:00, 30 November 2018
Results Overview
"No road of flowers lead to glory."
To develop and optimise our STEP system to achieve the goal of efficient tumour marker recognition, we set out to test the whole system in human cell lines, and at the same time combine computational design and wet lab experiment to optimise existing receptors.
We successfully proved that the STEP receptors can appropriately locate across the cell membrane, and that they are able to bind to activate the downstream receptor when target ligand is added.
We successfully proved that the STEP receptors can appropriately locate across the cell membrane, and that they are able to bind to activate the downstream receptor when target ligand is added.
Address
G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China
2005 Songhu Road, Yangpu, Shanghai, China