Team:Peking/Team/Notebook
From 2013.igem.org
(Difference between revisions)
XingjiePan (Talk | contribs) |
XingjiePan (Talk | contribs) |
||
(60 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
/* hiding the top section*/ | /* hiding the top section*/ | ||
- | body{position:absolute; top:0px; width:100%; height: | + | body{position:absolute; top:0px; width:100%; height:800px;} |
#top-section{ | #top-section{ | ||
height:0px; | height:0px; | ||
Line 20: | Line 20: | ||
/* global setting*/ | /* global setting*/ | ||
- | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height: | + | #globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:800px;} |
#content{ | #content{ | ||
background-color:transparent; | background-color:transparent; | ||
Line 139: | Line 139: | ||
.Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} | .Navbar_Item > ul > li {float:left; list-style:none; text-align:center; background-color:transparent; position:relative; top:10px; padding:0 10px;} | ||
.Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | .Navbar_Item:hover{ border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | ||
- | .Navbar_Item:hover > ul{ display:block;} | + | .Navbar_Item:hover > ul{zoom:1; display:block;} |
.Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} | .Navbar_Item:hover >a {color:#D00000; background-color:#fafaf8;} | ||
.Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | .Navbar_Item > ul > li:hover {border-bottom:1px solid #D00000; color:#D00000; background-color:#fafaf8;} | ||
.Navbar_Item > ul > li:hover >a {color:#D00000} | .Navbar_Item > ul > li:hover >a {color:#D00000} | ||
+ | .BackgroundofSublist{position:absolute; left:-1000px; width:2000px; height:80px; background-color:#ffffff; opacity:0;} | ||
#Home_Sublist{position:relative; top:0px; left:-50px;} | #Home_Sublist{position:relative; top:0px; left:-50px;} | ||
- | #Team_Sublist{position:relative; top:0px; left:- | + | #Team_Sublist{position:relative; top:0px; left:-110px;} |
- | #Project_Sublist{position:relative; top:0px; left:- | + | #Project_Sublist{position:relative; top:0px; left:-180px;} |
#Model_Sublist{position:relative; top:0px; left:-140px;} | #Model_Sublist{position:relative; top:0px; left:-140px;} | ||
#DataPage_Sublist{position:relative; top:0px; left:-60px;} | #DataPage_Sublist{position:relative; top:0px; left:-60px;} | ||
#Safety_Sublist{position:relative; top:0px; left:-180px;} | #Safety_Sublist{position:relative; top:0px; left:-180px;} | ||
- | #HumanPractice_Sublist{position:relative; top:0px; left:- | + | #HumanPractice_Sublist{position:relative; top:0px; left:-470px;} |
#iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} | #iGEM_logo{position:absolute; top:30px; left:1090px; height:80px;} | ||
Line 157: | Line 158: | ||
/*Major body*/ | /*Major body*/ | ||
- | #MajorBody{position:absolute; top:0px; left:0px; width:1200px; height: | + | #MajorBody{position:absolute; top:0px; left:0px; width:1200px; height:800px;} |
- | #ProjectTitle{position:absolute; left:200px; | + | #ProjectTitle{position:absolute; left:200px;; width:1000px; height:210px; top:150px; z-index:600;} |
#ProjectName{text-align:center; position:absolute; width:1000px; left:0px; top:50px; border-bottom:0px; color:#FFFFFF; font-size:45px; font-family:calibri,Arial, Helvetica, sans-serif;} | #ProjectName{text-align:center; position:absolute; width:1000px; left:0px; top:50px; border-bottom:0px; color:#FFFFFF; font-size:45px; font-family:calibri,Arial, Helvetica, sans-serif;} | ||
- | #ProjectSubname{text-align:center; position:absolute; width:1000px; left:0px; top:110px; border-bottom:0px; color:#FFFFFF; font-size: | + | #ProjectSubname{text-align:center; position:absolute; width:1000px; left:0px; top:110px; border-bottom:0px; color:#FFFFFF; font-size:19px; font-family:calibri, Arial, Helvetica, sans-serif;} |
#LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131; z-index:900;} | #LeftNavigation{position:fixed; top:130px; float:left; width:200px; height:100%; background-color:#313131; z-index:900;} | ||
Line 167: | Line 168: | ||
#NotebookList{position:absolute; top:130px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;} | #NotebookList{position:absolute; top:130px; left:0px; color:#ffffff; font-family: calibri, arial, helvetica, sans-serif;} | ||
#NotebookList > li {display:block; list-style-type:none; width:180px; height:25px; font-size:18px; text-align:left; background-color:transparent;} | #NotebookList > li {display:block; list-style-type:none; width:180px; height:25px; font-size:18px; text-align:left; background-color:transparent;} | ||
- | + | .SensorsListItem>a {color:#ffffff; text-decoration:none;} | |
+ | .SensorsListItem:hover >a{color:#999999;} | ||
#MileStone1{position:absolute; top:300px;} | #MileStone1{position:absolute; top:300px;} | ||
#MileStone2{position:absolute; top:1400px;} | #MileStone2{position:absolute; top:1400px;} | ||
- | + | #FixedWhiteBackground{position:fixed; top:0px; float:right; width:1200px; height:100%; z-index:-100; background-color:#ffffff;} | |
- | #SensorEditingArea{position:absolute; left:200px; top:360px; height: | + | #SensorEditingArea{position:absolute; left:200px; top:360px; height:700px; width:1000px; background-color:#ffffff;} |
Line 187: | Line 189: | ||
#PageTitle{text-align:center; position:absolute; top:40px; left:0px; width:1000px; border-bottom:0px ; color:#535353; font-weight:bold ;font-size:35px;font-family:calibri,arial,helvetica,sans-serif;} | #PageTitle{text-align:center; position:absolute; top:40px; left:0px; width:1000px; border-bottom:0px ; color:#535353; font-weight:bold ;font-size:35px;font-family:calibri,arial,helvetica,sans-serif;} | ||
- | #PageSubTitle1{text-align:center; position:absolute; top: | + | #PageSubTitle1{text-align:center; position:absolute; top:80px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#e98d70; height:30px;width:200px } |
- | #PageSubTitle2{text-align:center; position:absolute; top: | + | #PageSubTitle2{text-align:center; position:absolute; top:80px ; left:500px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#e98d70; height:30px;width:400px } |
+ | #PageSubTitle3{text-align:center; position:absolute; top:530px ; left:80px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#e98d70; height:30px;width:200px } | ||
+ | #PageSubTitle4{text-align:center; position:absolute; top:530px ; left:500px;border-bottom:0px ; color:#ffffff; font-weight:bold ;font-style:Italic;font-size:24px;font-family:calibri,arial,helvetica,sans-serif;background-color:#e98d70; height:30px;width:400px } | ||
- | #Xuehaorandiary{line-height:25px;text-align:justify; position:absolute; top:150px ; left: | + | #Xuehaorandiary{line-height:25px;text-align:justify; position:absolute; top:150px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Houyuhangdiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Houyuhangdiary{line-height:25px;text-align:justify; position:absolute; top:185px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Shihailingdiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Shihailingdiary{line-height:25px;text-align:justify; position:absolute; top:220px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Wanghuandiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Wanghuandiary{line-height:25px;text-align:justify; position:absolute; top:255px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Cuicandiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Cuicandiary{line-height:25px;text-align:justify; position:absolute; top:290px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Heshuaixindiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Heshuaixindiary{line-height:25px;text-align:justify; position:absolute; top:325px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Liushiyudiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Liushiyudiary{line-height:25px;text-align:justify; position:absolute; top:360px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Helenadiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Helenadiary{line-height:25px;text-align:justify; position:absolute; top:395px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Panxingjiediary{line-height:25px;text-align:justify; position:absolute; top: | + | #Panxingjiediary{line-height:25px;text-align:justify; position:absolute; top:430px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
- | #Zhangyihaodiary{line-height:25px;text-align:justify; position:absolute; top: | + | #Zhangyihaodiary{line-height:25px;text-align:justify; position:absolute; top:465px ; left:90px; width:100px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} |
+ | #ProtocolforMini-prep{line-height:25px;text-align:justify; position:absolute; top:150px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | #Protocolfordoubledigestion{line-height:25px;text-align:justify; position:absolute; top:185px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | #ProcotolforGelRunning{line-height:25px;text-align:justify; position:absolute; top:220px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | #ProtocolforGelPurification{line-height:25px;text-align:justify; position:absolute; top:255px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | #ProtocolforLigation{line-height:25px;text-align:justify; position:absolute; top:290px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | #ProtocolforTransformation{line-height:25px;text-align:justify; position:absolute; top:325px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | #ProtocolforPCR{line-height:25px;text-align:justify; position:absolute; top:360px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | |||
+ | #DownloadPDF{line-height:25px;text-align:justify; position:absolute; top:590px ; left:80px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
+ | |||
+ | #viewprotocol{line-height:25px;text-align:justify; position:absolute; top:590px ; left:500px; width:340px; border-bottom:0px; color:#1b1b1b; font-size:18px;font-family:calibri,arial,helvetica,sans-serif;} | ||
Line 226: | Line 247: | ||
<ul id="navigationbar"> | <ul id="navigationbar"> | ||
<li id="PKU_navbar_Home" class="Navbar_Item"> | <li id="PKU_navbar_Home" class="Navbar_Item"> | ||
+ | |||
<a href="https://2013.igem.org/Team:Peking">Home</a> | <a href="https://2013.igem.org/Team:Peking">Home</a> | ||
<ul id="Home_Sublist" > | <ul id="Home_Sublist" > | ||
Line 231: | Line 253: | ||
</li> | </li> | ||
<li id="PKU_navbar_Team" class="Navbar_Item"> | <li id="PKU_navbar_Team" class="Navbar_Item"> | ||
- | <a href=" | + | <a href="">Team</a> |
<ul id="Team_Sublist"> | <ul id="Team_Sublist"> | ||
+ | <div class="BackgroundofSublist"></div> | ||
<li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Team/Members">Members</a></li> | ||
<li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Team/Notebook">Notebook</a></li> | ||
Line 241: | Line 264: | ||
<a href="https://2013.igem.org/Team:Peking/Project">Project</a> | <a href="https://2013.igem.org/Team:Peking/Project">Project</a> | ||
<ul id="Project_Sublist"> | <ul id="Project_Sublist"> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Project/ | + | <div class="BackgroundofSublist"></div> |
+ | <li><a href="https://2013.igem.org/Team:Peking/Project/SensorMining">Biosensor Mining</a></li> | ||
<li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Project/BioSensors">Biosensors</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Project/Plugins"> | + | <li><a href="https://2013.igem.org/Team:Peking/Project/Plugins">Adaptors</a></li> |
<li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li> | <li><a href="https://2013.igem.org/Team:Peking/Project/BandpassFilter">Band-pass Filter</a></li> | ||
- | <li><a href="https://2013.igem.org/Team:Peking/Project/ | + | <li><a href="https://2013.igem.org/Team:Peking/Project/Devices">Devices</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_Model" class="Navbar_Item"> | <li id="PKU_navbar_Model" class="Navbar_Item"> | ||
- | <a href=" | + | <a href="">Model</a> |
<ul id="Model_Sublist"> | <ul id="Model_Sublist"> | ||
+ | <div class="BackgroundofSublist"></div> | ||
+ | <li><a href="https://2013.igem.org/Team:Peking/Model">Band-pass Filter</a></li> | ||
+ | <li><a href="https://2013.igem.org/Team:Peking/ModelforFinetuning">Biosensor Fine-tuning</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px"> | <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:90px"> | ||
- | <a href=" | + | <a href="">Data page</a> |
- | <ul id="DataPage_Sublist"> | + | <ul id="DataPage_Sublist"> |
+ | <div class="BackgroundofSublist"></div> | ||
<li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li> | <li><a href="https://2013.igem.org/Team:Peking/DataPage/Parts">Parts</a></li> | ||
<li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li> | <li><a href="https://2013.igem.org/Team:Peking/DataPage/JudgingCriteria">Judging Criteria</a></li> | ||
Line 268: | Line 296: | ||
<li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px"> | <li id="PKU_navbar_HumanPractice" class="Navbar_Item" style="width:120px"> | ||
<a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a> | <a href="https://2013.igem.org/Team:Peking/HumanPractice">Human Practice</a> | ||
- | <ul id="HumanPractice_Sublist"> | + | <ul id="HumanPractice_Sublist"> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire</a></li> | + | <div class="BackgroundofSublist"></div> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit"> | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/Questionnaire">Questionnaire Survey</a></li> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/FactoryVisit">Visit and Interview</a></li> |
- | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ | + | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/ModeliGEM">Practical Analysis</a></li> |
+ | <li><a href="https://2013.igem.org/Team:Peking/HumanPractice/iGEMWorkshop">Team Communication</a></li> | ||
+ | |||
</ul> | </ul> | ||
</li> | </li> | ||
</ul> | </ul> | ||
- | <a href="https://igem.org/ | + | <a href="https://2013.igem.org/Main_Page"><img id="iGEM_logo" src="https://static.igem.org/mediawiki/igem.org/4/48/Peking_igemlogo.jpg"/></a> |
</div> | </div> | ||
<!--end navigationbar--> | <!--end navigationbar--> | ||
+ | |||
<!--MajorBody--> | <!--MajorBody--> | ||
<div id="MajorBody"> | <div id="MajorBody"> | ||
Line 291: | Line 322: | ||
<h1 id="NotebookListTitle">Notebook</h1> | <h1 id="NotebookListTitle">Notebook</h1> | ||
<ul id="NotebookList"> | <ul id="NotebookList"> | ||
- | <li><a href="#MileStone1">Diary</a><li> | + | <li class="SensorsListItem"><a href="#MileStone1">Diary and Protocols</a><li> |
- | <li><a href=" | + | <li class="SensorsListItem"><a href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols">Protocols for Test</a><li> |
</ul> | </ul> | ||
Line 300: | Line 331: | ||
+ | <div id="FixedWhiteBackground"></div> | ||
<div id="SensorEditingArea"> | <div id="SensorEditingArea"> | ||
<div > | <div > | ||
Line 309: | Line 341: | ||
<h2 id="PageSubTitle1"> Diary </h2> | <h2 id="PageSubTitle1"> Diary </h2> | ||
- | <h3 id="PageSubTitle2"> Protocols</h2> | + | <h3 id="PageSubTitle2"> Protocols for Molecular Cloning </h2> |
+ | |||
+ | <h4 id="PageSubTitle3"> List of Chemicals</h4> | ||
+ | |||
+ | <h5 id="PageSubTitle4"> Protocols for Test</h5> | ||
Line 323: | Line 359: | ||
<a id="Zhangyihaodiary" href="https://static.igem.org/mediawiki/igem.org/3/37/Peking2013_Diary_ZhangYihao.pdf">ZHANG Yihao</a> | <a id="Zhangyihaodiary" href="https://static.igem.org/mediawiki/igem.org/3/37/Peking2013_Diary_ZhangYihao.pdf">ZHANG Yihao</a> | ||
+ | <a id="ProtocolforMini-prep" href="https://static.igem.org/mediawiki/igem.org/a/a9/Peking2013_Protocol_for_mini.pdf">Protocol for Mini-prep</a> | ||
+ | <a id="Protocolfordoubledigestion" href="https://static.igem.org/mediawiki/igem.org/4/4e/Peking2013_Protocol_for_double_digestion.pdf">Protocol for Double Digestion</a> | ||
+ | |||
+ | <a id="ProcotolforGelRunning" href="https://static.igem.org/mediawiki/igem.org/b/b4/Peking2013_Protocol_for_AGE.pdf">Procotol for Gel Running</a> | ||
+ | |||
+ | <a id="ProtocolforGelPurification" href="https://static.igem.org/mediawiki/igem.org/0/05/Peking2013_Protocol_for_Gel_Purification.pdf">Protocol for Gel Purification</a> | ||
+ | <a id="ProtocolforLigation" href="https://static.igem.org/mediawiki/igem.org/c/c4/Peking2013_Protocol_for_ligation.pdf">Protocol for Ligation</a> | ||
+ | <a id="ProtocolforTransformation" href="https://static.igem.org/mediawiki/igem.org/3/35/Peking2013_Protocol_for_transformation.pdf">Protocol for Transformation</a> | ||
+ | <a id="ProtocolforPCR" href="https://static.igem.org/mediawiki/igem.org/0/08/Peking2013_Protocol_for_PCR.pdf">Protocol for PCR</a> | ||
- | + | <a id="DownloadPDF" href="https://static.igem.org/mediawiki/igem.org/2/24/Peking2013_Chemicals_V3%2B.pdf">Download PDF</a> | |
+ | <a id="viewprotocol" href="https://2013.igem.org/Team:Peking/Team/Notebook/Protocols">Learn More</a> | ||
Latest revision as of 18:11, 28 October 2013