Difference between revisions of "Team:CHINA CD UESTC/Protocol"
| Line 5: | Line 5: | ||
<head> | <head> | ||
| − | + | <link rel="stylesheet" href="https://2015.igem.org/Team:CHINA_CD_UESTC/Template:RightStyle.css?action=raw&ctype=text/css" type="text/css" /> | |
</head> | </head> | ||
| − | <style> | + | <style> |
#page { | #page { | ||
| − | + | margin-bottom: 200px; | |
| − | + | z-index: 1000; | |
} | } | ||
#page ul li{ | #page ul li{ | ||
| − | + | list-style: none; | |
} | } | ||
.leftside{ | .leftside{ | ||
| Line 40: | Line 40: | ||
display:block; | display:block; | ||
width:95%; | width:95%; | ||
| + | border: 5px solid #DDE8E8; | ||
| + | |||
margin-bottom:20px; | margin-bottom:20px; | ||
} | } | ||
| Line 95: | Line 97: | ||
</style> | </style> | ||
| − | + | <style type="text/css"> | |
| − | <style type="text/css"> | + | |
/************************************************* | /************************************************* | ||
| − | + | whole right section | |
***********************************************/ | ***********************************************/ | ||
#RightSection { | #RightSection { | ||
| − | + | position: fixed; | |
| − | + | left: 260px; | |
| − | + | top: 0; | |
| − | + | right: 0; | |
| − | + | height:1200px; | |
| − | + | background:#F0F0F0; | |
| − | + | background-image:url("https://static.igem.org/mediawiki/2015/7/79/CHINA_CD_UESTC_NBbg.jpg"); | |
| − | + | overflow-y: scroll; | |
| − | + | background-repeat: repeat; | |
| − | + | background-size: 180px; | |
| − | + | background-position: | |
| − | + | transition: all 200ms ease-out; | |
| − | + | transform: translate3d(0, 0, 0); | |
| − | + | z-index:1; | |
} | } | ||
#firstTitle { | #firstTitle { | ||
| − | + | left:600px; | |
} | } | ||
| Line 126: | Line 127: | ||
<body id="homeIndexBody"> | <body id="homeIndexBody"> | ||
| − | <div id="RightSection"></div> | + | <div id="RightSection"></div> |
| − | <div id="title"> | + | <div id="title"> |
| − | <div id="firstTitle"><p><B>PROTOCOL</B></p></div> | + | <div id="firstTitle"> |
| − | </div> | + | <p> |
| + | <B>PROTOCOL</B> | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="RightContent"> | ||
| + | <div class="transparent_class "> | ||
| + | <p class="blockWords"> | ||
| + | We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives. | ||
| + | </p> | ||
| + | </div> | ||
| − | <div id=" | + | <div id="RightContentText"> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | <div id=" | + | <div class="slide" id="slide2" data-slide="2" data-stellar-background-ratio="0.5" style="background-position: 0px 669px;"> |
| + | <div class="container clearfix"> | ||
| − | + | <div id="content" class="grid_12"> <strong><h2>Protocols</h2></strong> | |
| − | + | </div> | |
| − | + | <div class="clear"></div> | |
| − | + | <div id="content"> | |
| − | + | <div class="grid_8"> | |
| − | + | <p> | |
| − | + | In order to make our experiment can be repeated, we share our protocols to you responsibility. | |
| − | + | <br>Our protocols are divided into four parts，as follow：</p> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | <div class="clear"></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | </div> | ||
| − | <div | + | </div> |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <div id="page"> | |
| − | + | <div class="leftside"> | |
| − | + | <ul> | |
| + | <li> | ||
| + | <button class="button green larrow" onclick="showprot('#prot1')">Bacterial culture</button> | ||
| + | </li> | ||
| + | <li> | ||
| + | <button class="button green larrow" onclick="showprot('#prot2')">Molecular Biotechnology</button> | ||
| + | </li> | ||
| + | <li> | ||
| + | <button class="button green larrow" onclick="showprot('#prot3')">Analysis method</button> | ||
| + | </li> | ||
| + | <li> | ||
| + | <button class="button green larrow" onclick="showprot('#prot4')">Reagent</button> | ||
| + | </li> | ||
| + | |||
| + | </ul> | ||
| + | </div> | ||
| + | <script type="text/javascript"> | ||
function showprot(pid){ | function showprot(pid){ | ||
$(".protocolactive").each(function() { | $(".protocolactive").each(function() { | ||
| Line 189: | Line 205: | ||
}; | }; | ||
</script> | </script> | ||
| − | + | <div class="rightside"> | |
| − | + | <div id="prot1" class="protocolactive"> | |
| − | + | <object data="https://static.igem.org/mediawiki/2015/5/52/CHINA_CD_UESTC_Protocol01.pdf" type="application/pdf" width="100%" height="580px"> | |
| − | + | <p> | |
| − | + | It appears you don't have a PDF plugin for this browser. | |
| − | + | No biggie... you can | |
| − | + | <a href="myfile.pdf"> | |
| − | + | click here to | |
| + | download the PDF file. | ||
| + | </a> | ||
| + | </p> | ||
| + | </object> | ||
| + | </div> | ||
| − | + | <div id="prot2" class="protocol"> | |
| − | + | <object data="https://static.igem.org/mediawiki/2015/2/26/CHINA_CD_UESTC_Protocol02.pdf" width="100%" height="580px"> | |
| − | + | <p> | |
| − | + | It appears you don't have a PDF plugin for this browser. | |
| − | + | No biggie... you can | |
| − | + | <a href="myfile.pdf"> | |
| − | + | click here to | |
| + | download the PDF file. | ||
| + | </a> | ||
| + | </p> | ||
| + | </object> | ||
| + | </div> | ||
| − | + | <div id="prot3" class="protocol"> | |
| − | + | <object data="https://static.igem.org/mediawiki/2015/2/2b/CHINA_CD_UESTC_Protocol03.pdf" width="100%" height="580px"> | |
| − | + | <p> | |
| − | + | It appears you don't have a PDF plugin for this browser. | |
| − | + | No biggie... you can | |
| − | + | <a href="myfile.pdf"> | |
| − | + | click here to | |
| + | download the PDF file. | ||
| + | </a> | ||
| + | </p> | ||
| + | </object> | ||
| + | </div> | ||
| − | + | <div id="prot4" class="protocol"> | |
| − | + | <object data="https://static.igem.org/mediawiki/2015/1/12/CHINA_CD_UESTC_Protocol04.pdf" width="100%" height="580px"> | |
| − | + | <p> | |
| − | + | It appears you don't have a PDF plugin for this browser. | |
| − | + | No biggie... you can | |
| − | + | <a href="myfile.pdf"> | |
| + | click here to | ||
| + | download the PDF file. | ||
| + | </a> | ||
| + | </p> | ||
| + | </object> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | </div> | ||
| + | <div style="clear: both;"></div> | ||
</div> | </div> | ||
| − | + | <!-- ########## Don't edit below ########## --> </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | <!-- ########## Don't edit below ########## --> | + | |
| − | + | ||
| − | + | ||
| − | </div> | + | |
</body> | </body> | ||
Revision as of 06:41, 26 August 2015
<!DOCTYPE html>
PROTOCOL
We are a skillful and persistent group of nine Finns. We started as a group of students who didn't really know each other, assuming that we were going to spend our summer studying synthetic biology with strange colleagues. In the end we got a bunch of new friends and (in addition to studying synthetic biology) we just might have spent one of the best summers of our lives.