Difference between revisions of "Team:Glasgow/Project/Overview/Terminator"
Line 1: | Line 1: | ||
{{GlasgowNavbar}} | {{GlasgowNavbar}} | ||
<html> | <html> | ||
− | + | <head> | |
− | + | <script type="text/javascript"> | |
− | + | // 收缩展开效果 | |
− | + | $(document).ready(function(){ | |
+ | // $(".box h5").toggle(function(){ | ||
+ | // $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); | ||
+ | // },function(){ | ||
+ | //$(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow"); | ||
+ | //}); | ||
+ | $("div.text").hide();//默认隐藏div,或者在样式表中添加.text{display:none},推荐使用后者 | ||
+ | $(".box h5").click(function(){ | ||
+ | $(this).next(".text").slideToggle("slow"); | ||
+ | }) | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript" > | ||
+ | function menuFixed(id){ | ||
+ | var obj = document.getElementById(id); | ||
+ | var _getHeight = obj.offsetTop; | ||
+ | |||
+ | window.onscroll = function(){ | ||
+ | changePos(id,_getHeight); | ||
+ | } | ||
+ | } | ||
+ | function changePos(id,height){ | ||
+ | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); | ||
+ | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; | ||
+ | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); | ||
+ | var w = window.innerWidth; | ||
+ | if(w>=1024){ | ||
+ | if($(window).scrollTop() + $(window).height() > $(document).height() - 350){ | ||
+ | $('#sidebar').fadeOut("fast");}else{$('#sidebar').fadeIn("fast");} | ||
+ | } | ||
+ | if(scrollTop < height){ obj.style.position = 'relative'; | ||
+ | }else{ | ||
+ | obj.style.position = 'fixed'; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | window.onload = function(){ | ||
+ | menuFixed('sidebar'); | ||
+ | } | ||
+ | </script> | ||
+ | <style> | ||
+ | figcaption { | ||
+ | color: #666666; | ||
+ | font-size: 0.7em; | ||
+ | font-style: italic; | ||
+ | font-family: 'Noto Sans', sans-serif; | ||
+ | margin-bottom: 15px; | ||
+ | } | ||
+ | .firstHeading { | ||
+ | display:none; | ||
} | } | ||
Line 12: | Line 63: | ||
padding:0px 0px 0px 0px; | padding:0px 0px 0px 0px; | ||
border:none; | border:none; | ||
− | + | } | |
− | + | * { | |
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
padding:0; | padding:0; | ||
margin:0; | margin:0; | ||
+ | } | ||
+ | #bodybackground { | ||
+ | background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center; | ||
+ | font-family: 'Nixie One', Helvetica, Arial, sans-serif; | ||
+ | font-size: 50px; height:45vh; | ||
+ | background-size:cover; } | ||
+ | |||
+ | h1 { | ||
+ | color:white; | ||
+ | margin-top:15vh; | ||
+ | margin-left: 20vw; | ||
+ | position:absolute; | ||
+ | font-size: 4em; | ||
} | } | ||
− | . | + | .links { |
− | + | margin-top: 5vh; | |
− | + | text-decoration:none; | |
− | + | color:blue; | |
+ | margin-left:5vw; | ||
} | } | ||
− | + | ||
− | + | ||
− | width: | + | .containerRight { |
− | margin: | + | width:70vw; |
+ | text-align: justify; | ||
+ | background-color:white; | ||
+ | margin-left: 25vw; | ||
+ | /*float: right;*/ | ||
+ | } | ||
+ | |||
+ | div h2 { | ||
text-align: center; | text-align: center; | ||
+ | margin-bottom: 8vh; | ||
+ | margin-top:5vh; | ||
+ | } | ||
+ | /* | ||
+ | .leftContainer { | ||
+ | width:22vw; | ||
+ | float:left; | ||
+ | height:100%; | ||
+ | text-align: center; | ||
+ | background-color:white; | ||
+ | }*/ | ||
+ | |||
+ | table { | ||
+ | margin-top:15vh; | ||
+ | border-radius: 10%; | ||
+ | margin-left:7.5vw; | ||
+ | float:left; | ||
+ | text-align:center; | ||
} | } | ||
− | + | td { | |
− | + | padding:0.8vw; | |
− | + | cursor:pointer; | |
− | + | margin-top: 4vh; | |
+ | color:deepskyblue; | ||
} | } | ||
+ | |||
+ | td:hover { | ||
+ | margin-top: 4vh; | ||
+ | background-color: deepskyblue; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | .fixed { | ||
+ | position: fixed; | ||
+ | top:5vh; | ||
+ | |||
+ | } | ||
+ | |||
+ | .final { | ||
+ | top: 230vh; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
.monster { | .monster { | ||
Line 52: | Line 154: | ||
.monsterContainer { | .monsterContainer { | ||
− | width: | + | width:70vw; |
height:50vh; | height:50vh; | ||
margin:10vh auto; | margin:10vh auto; | ||
text-align: justify; | text-align: justify; | ||
+ | margin-bottom: 10vh; | ||
} | } | ||
Line 75: | Line 178: | ||
color: white; | color: white; | ||
position:absolute; | position:absolute; | ||
− | bottom: | + | bottom:5%; |
left: 5%; | left: 5%; | ||
width:100%; | width:100%; | ||
Line 96: | Line 199: | ||
opacity:1 | opacity:1 | ||
} | } | ||
− | + | h5{ | |
− | + | text-align:center; | |
− | + | font-size:18px; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | @font-face { | + | @font-face { |
font-family: 'Nixie One'; | font-family: 'Nixie One'; | ||
font-style: normal; | font-style: normal; | ||
Line 255: | Line 355: | ||
} | } | ||
} | } | ||
− | |||
− | |||
+ | |||
+ | <!-----zhankai----> | ||
+ | .text{line-height:22px;padding:0 6px;color:#666;} | ||
+ | .box h5{padding-top:0px;font-weight:bold;cursor: pointer;} | ||
+ | .box{position:relative;border:1px solid #e7e7e7;background-color:#C1EAFF;} | ||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <div id="bodybackground"> | ||
+ | <div class="container3 scrollTop"> | ||
+ | <div class="sign"> | ||
+ | <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div> | ||
+ | <div class="neon-blue"><br><span class="neon-purple"><strong></strong></span></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--<div class='leftContainer'>--> | ||
+ | <p class="links scrollOverview"><a style="color:blue;" href="https://2015.igem.org/Team:Glasgow"> Home</a> > <a style="color:blue;" href="https://2015.igem.org/Team:Glasgow/Project/Overview">Project</a> > Protocols</p> | ||
+ | <div id="sidebar"class="widget widget-categories"> | ||
+ | <table> | ||
+ | <tr><td class="overview">Summary</td></tr> | ||
+ | <tr><td class="sensor">Introduction</td></tr> | ||
+ | <tr><td class="release">Methods</td></tr> | ||
+ | <tr><td class="survivability">Results</td></tr> | ||
+ | <tr><td class="conclusion">Conclusion</td></tr> | ||
+ | <tr><td class="firstuse">References</td></tr> | ||
+ | <tr><td class="top">Top</td></tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <!-- </div> --> | ||
<div class='containerRight'> | <div class='containerRight'> | ||
− | + | <p class="mainText">Aim: To characterise K1725081 for submission to the registry. | |
− | + | ||
− | + | ||
</br> | </br> | ||
</br> | </br> | ||
Line 274: | Line 403: | ||
</br> | </br> | ||
<div class="scrollSensor"></div></p> | <div class="scrollSensor"></div></p> | ||
− | + | </br> | |
− | + | </br> | |
− | + | ||
+ | |||
+ | <h2>Introduction</h2> | ||
<p class="mainText">text<div style="visibility:hidden; height:0;width:0;" class="scrollSurvivability"></div> </p> | <p class="mainText">text<div style="visibility:hidden; height:0;width:0;" class="scrollSurvivability"></div> </p> | ||
− | + | </br> | |
− | + | </br> | |
− | + | ||
+ | <h2>Methods</h2> | ||
<p class="mainText">text | <p class="mainText">text | ||
Line 290: | Line 422: | ||
</br> | </br> | ||
text<div class="scrollResults"></div></p> | text<div class="scrollResults"></div></p> | ||
− | + | </br> | |
− | + | </br> | |
− | + | <h2>Results</h2> | |
+ | - Cell-cell comunication | ||
+ | </br> | ||
+ | - Decanal experiments | ||
+ | </br> | ||
+ | - Spectrum experiments and comparison to Cambridge operon | ||
+ | |||
+ | <div class="scrollfirstuse"></div> | ||
+ | </br></br> | ||
+ | |||
+ | |||
+ | <h2>Results</h2> | ||
<p class="mainText test2">text | <p class="mainText test2">text | ||
Line 304: | Line 447: | ||
<h2>Conclusion</h2> | <h2>Conclusion</h2> | ||
− | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <script> | ||
+ | |||
+ | |||
+ | $('.overview').click(function() { | ||
+ | $('html, body').animate({ scrollTop: $('.scrollOverview').offset().top}, 1000); | ||
+ | }); | ||
+ | |||
+ | $('.sensor').click(function() { | ||
+ | $('html, body').animate({ scrollTop: $('.scrollSensor').offset().top}, 1000); | ||
+ | }); | ||
+ | |||
+ | $('.survivability').click(function() { | ||
+ | $('html, body').animate({ scrollTop: $('.scrollSurvivability').offset().top}, 1000); | ||
+ | }); | ||
+ | |||
+ | $('.conclusion').click(function() { | ||
+ | $('html, body').animate({ scrollTop: $('.scrollConclusion').offset().top}, 1000); | ||
+ | }); | ||
− | + | $('.release').click(function() { | |
− | + | $('html, body').animate({ scrollTop: $('.scrollrelease').offset().top}, 1000); | |
− | + | }); | |
− | + | ||
− | $('. | + | $('.alternatives').click(function() { |
− | + | $('html, body').animate({ scrollTop: $('.scrollalternatives').offset().top}, 1000); | |
− | + | }); | |
− | + | ||
− | + | $('.firstuse').click(function() { | |
− | + | $('html, body').animate({ scrollTop: $('.scrollfirstuse').offset().top}, 1000); | |
− | + | }); | |
− | }); | + | |
+ | $('.contamination').click(function() { | ||
+ | $('html, body').animate({ scrollTop: $('.scrollcontamination').offset().top}, 1000); | ||
+ | }); | ||
+ | |||
+ | $('.top').click(function() { | ||
+ | $('html, body').animate({ scrollTop: $('.scrollTop').offset().top}, 1000); | ||
}); | }); | ||
− | </script | + | </script> |
− | + | ||
− | + | ||
+ | |||
+ | <!--------边上导航栏--------> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var x = $('.links').offset().top; | ||
+ | $(window).scroll(function() { | ||
+ | if ($(this).scrollTop() > x) { | ||
+ | $('table').addClass("fixed"); | ||
+ | } | ||
+ | |||
+ | |||
+ | else { | ||
+ | $('table').removeClass("fixed"); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
{{Glasgowfooter}} | {{Glasgowfooter}} |
Revision as of 13:15, 16 September 2015
Glasglow
Aim: To characterise K1725081 for submission to the registry. Results Overview: K1725081 was successful in terminating transcription to the same level as B0010 and B0015. Basic Parts submitted: • BBa_K1725081 – T1 terminator from E. coli rrnB
Introduction
text
Methods
text text
Results
- Cell-cell comunication - Decanal experiments - Spectrum experiments and comparison to Cambridge operonResults
text
Conclusion