|
|
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| + | {{NCTU Formosa/Navigation}} {{NCTU Formosa}} |
| − | <html lang="en" dir="ltr" class="client-nojs">
| + | <html> |
| − | <head>
| + | |
| − | <meta charset="UTF-8" />
| + | |
| − | <title>Team:NCTU Formosa/Protocol - 2017.igem.org</title>
| + | |
| − | <meta name="generator" content="MediaWiki 1.24.1" />
| + | |
| − | <link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:NCTU_Formosa/Protocol&action=edit" />
| + | |
| − | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:NCTU_Formosa/Protocol&action=edit" />
| + | |
| − | <link rel="shortcut icon" href="/favicon.ico" />
| + | |
| − | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2017.igem.org (en)" />
| + | |
| − | <link rel="EditURI" type="application/rsd+xml" href="https://2017.igem.org/wiki/api.php?action=rsd" />
| + | |
| − | <link rel="alternate" hreflang="x-default" href="/Team:NCTU_Formosa/Protocol" />
| + | |
| − | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| + | |
| − | <link rel="alternate" type="application/atom+xml" title="2017.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" />
| + | |
| − | <link rel="stylesheet" href="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| + | |
| − | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
| + | |
| − | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
| + | |
| − | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
| + | |
| − | /* cache key: 2017_igem_org:resourceloader:filter:minify-css:7:faeec198b704588e6c9afc1a44274438 */</style>
| + | |
| − | <script src="https://2017.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script>
| + | |
| − | <script>if(window.mw){
| + | |
| − | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:NCTU_Formosa/Protocol","wgTitle":"Team:NCTU Formosa/Protocol","wgCurRevisionId":411172,"wgRevisionId":411172,"wgArticleId":36505,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Trista714123","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:NCTU_Formosa/Protocol","wgUserId":2010,"wgUserEditCount":0,"wgUserRegistration":1496669463000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
| + | |
| − | }</script><script>if(window.mw){
| + | |
| − | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
| + | |
| − | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"7a51255aa1f86e9cdda8360367e69fc6+\\","patrolToken":"20a6658fe66876e897be1436b0f7bdda+\\","watchToken":"0c25a5170cad008265a1cf0dd00890c6+\\"});},{},{});
| + | |
| − | /* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:e37ae6c6cf01a775bb80e9a9bbac5e4b */
| + | |
| − | }</script>
| + | |
| − | <script>if(window.mw){
| + | |
| − | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
| + | |
| − | }</script>
| + | |
| − | </head>
| + | |
| − | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_NCTU_Formosa_Protocol skin-igem action-view">
| + | |
| − | | + | |
| − | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
| + | |
| − | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| + | |
| − | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| + | |
| − | | + | |
| − | <script type='text/javascript' src ='/wiki/skins/Igem/resources/2017_skin.js'></script>
| + | |
| − | | + | |
| − | | + | |
| − | <div id='globalWrapper'>
| + | |
| − | <div id='top_menu_under' class='noprint'></div>
| + | |
| − | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
| + | |
| − | <script>jQuery('#top_menu_14').load('https://2017.igem.org/cgi/top_menu_14/menubar_reply.cgi',
| + | |
| − | { t:"Team%3ANCTU%20Formosa%2FProtocol",
| + | |
| − | a:"View+%2FTeam%3ANCTU_Formosa%2FProtocol++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANCTU_Formosa%2FProtocol%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANCTU_Formosa%2FProtocol%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3ANCTU_Formosa%2FProtocol++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANCTU_Formosa%2FProtocol%26action%3Dwatch%26token%3D864a79dc14ee2be083ff6f15059754ab%252B%255C++Page+%2FTeam%3ANCTU_Formosa%2FProtocol++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ANCTU_Formosa%2FProtocol%26action%3Dedit%26redlink%3D1++" });
| + | |
| − | </script>
| + | |
| − | | + | |
| − | <!-- Content div contains HQ_page for HQ styles, Logo and title div, and USER CONTENT -->
| + | |
| − | <div id="content" class="mw-body" role="main">
| + | |
| − | <a id="top"></a>
| + | |
| − | | + | |
| − | <div id="top_title">
| + | |
| − | <div class="logo_2017">
| + | |
| − | <a href="https://2017.igem.org">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/8/8b/HQ_page_logo.jpg" width="100px">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <h1 id="firstHeading" class="firstHeading">
| + | |
| − | <span dir="auto">Team:NCTU Formosa/Protocol</span>
| + | |
| − | </h1>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <div id="HQ_page">
| + | |
| − | <div id="bodyContent">
| + | |
| − | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
| + | |
| | | | |
| | <head> | | <head> |
| | <meta charset="UTF-8"> | | <meta charset="UTF-8"> |
| − | <title>navigation</title> | + | <title>Untitled Document</title> |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | + | <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> |
| − | <meta name="description" content="DESCRIPTION"> | + | <link href="template.css" rel="stylesheet" type="text/css"> |
| − | <link rel="stylesheet" href="navigation.css" type="text/css"> | + | <script src="template.js" type="text/javascript"></script> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> | | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0" /> |
| | + | |
| | <style> | | <style> |
| − | | + | body { |
| − | /* Clear the default wiki settings */
| + | |
| − | | + | |
| − | #home_logo, #sideMenu { display:none; }
| + | |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| + | |
| − | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| + | |
| − | body {background-color:white; }
| + | |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************** MENU ***************************************************************/
| + | |
| − | /* Wrapper for the menu */
| + | |
| − | .igem_2017_menu_wrapper {
| + | |
| − | width: 15%;
| + | |
| − | height:100vh;
| + | |
| − | position:fixed;
| + | |
| − | right:0%;
| + | |
| − | padding:0px;
| + | |
| − | float:right;
| + | |
| − | border-left: 1px solid #d3d3d3;
| + | |
| − | background-color:#dddddd;
| + | |
| − | text-align:left;
| + | |
| − | font-family:Tahoma, Geneva, sans-serif;
| + | |
| − | overflow-y: auto;
| + | |
| − | overflow-x: hidden;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* this hides the scrollbar to keep view consistency */
| + | |
| − | .igem_2017_menu_wrappe::-webkit-scrollbar {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* styling for links in the menu, removes the line under text */
| + | |
| − | .igem_2017_menu_wrapper a {
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* styling for the images in the menu */
| + | |
| − | .igem_2017_menu_wrapper img {
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for the menu buttons */
| + | |
| − | .igem_2017_menu_wrapper .menu_button {
| + | |
| − | width: 100%;
| + | |
| − | padding: 10px 0px 10px 15px;
| + | |
| − | float:left;
| + | |
| − | border-bottom: 1px solid #d3d3d3;
| + | |
| − | font-size: 12px;
| + | |
| − | font-weight: bold;
| + | |
| − | color: #5e5f5f;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2017_menu_wrapper .menu_bottom_padding {
| + | |
| − | width: 100%;
| + | |
| − | height: 30px;
| + | |
| − | float:left;
| + | |
| − | }
| + | |
| − | | + | |
| − | .menu_button.direct_to_page {
| + | |
| − | padding-left: 36px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon {
| + | |
| − | width:10%;
| + | |
| − | float:left;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon::before {
| + | |
| − | content: "+";
| + | |
| − | }
| + | |
| − | | + | |
| − | .open::before {
| + | |
| − | content: "-" !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* styling for the menu buttons on hover */
| + | |
| − | .igem_2017_menu_wrapper .menu_button:hover, .igem_2017_menu_wrapper .submenu_button:hover , .submenu_button.current_page:hover {
| + | |
| − | background-color: #3399ff;
| + | |
| − | text-decoration: none;
| + | |
| − | color:#ffffff;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for the menu button when it is the current page */
| + | |
| − | .current_page {
| + | |
| − | background-color:#7fc1f7 !important;
| + | |
| − | color:#5e5f5f !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* styling for the submenu buttons */
| + | |
| − | .igem_2017_menu_wrapper .submenu_button {
| + | |
| − | width: 100%;
| + | |
| − | padding: 10px 0px 10px 34px;
| + | |
| − | float:left;
| + | |
| − | background-color:#f2f2f2;
| + | |
| − | border-bottom: 1px solid #d3d3d3;
| + | |
| − | font-size: 12px;
| + | |
| − | color: #5e5f5f;
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* wrapper for the submenu items, they are hidden by default*/
| + | |
| − | .igem_2017_menu_wrapper .submenu_wrapper {
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* when the page size is bigger than 800px, this show/hide control is hidden by default */
| + | |
| − | .igem_2017_menu_wrapper #display_menu_control {
| + | |
| − | display:none;
| + | |
| − | text-align:center;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /***************************************************** CONTENT OF THE PAGE ****************************************************/
| + | |
| − | | + | |
| − | /* Wrapper for the content */
| + | |
| − | .igem_2017_content_wrapper {
| + | |
| − | width: 81%;
| + | |
| − | margin: 2%;
| + | |
| − | display:block;
| + | |
| − | float:left;
| + | |
| − | background-color:white;
| + | |
| − | font-family:Tahoma, Geneva, sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /********************************* HTML STYLING *********************************/
| + | |
| − | | + | |
| − | /* styling for the titles h1 h2 */
| + | |
| − | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
| + | |
| − | padding:5px 15px;
| + | |
| − | border-bottom: 0px;
| + | |
| − | color: #3399ff;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* styling for the titles h3 h4 h5 h6*/
| + | |
| − | .igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
| + | |
| − | padding:5px 15px;
| + | |
| − | border-bottom:0px;
| + | |
| − | color: #000000;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* font and text */
| + | |
| − | .igem_2017_content_wrapper p {
| + | |
| − | padding: 0px 15px;
| + | |
| − | font-size: 13px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Links */
| + | |
| − | .igem_2017_content_wrapper a {
| + | |
| − | font-weight: bold;
| + | |
| − | text-decoration: underline;
| + | |
| − | text-decoration-color: #3399ff;
| + | |
| − | color: #3399ff;
| + | |
| − | -webkit-transition: all 0.4s ease;
| + | |
| − | -moz-transition: all 0.4s ease;
| + | |
| − | -ms-transition: all 0.4s ease;
| + | |
| − | -o-transition: all 0.4s ease;
| + | |
| − | transition: all 0.4s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* hover for the links */
| + | |
| − | .igem_2017_content_wrapper a:hover {
| + | |
| − | text-decoration:none;
| + | |
| − | color:#000000;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* non numbered lists */
| + | |
| − | .igem_2017_content_wrapper ul {
| + | |
| − | padding:0px 20px;
| + | |
| − | font-size: 13px;
| + | |
| − | font-family:Tahoma, Geneva, sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* numbered lists */
| + | |
| − | .igem_2017_content_wrapper ol {
| + | |
| − | padding:0px;
| + | |
| − | font-size: 13px;
| + | |
| − | font-family:Tahoma, Geneva, sans-serif;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Table */
| + | |
| − | .igem_2017_content_wrapper table {
| + | |
| − | width: 97%;
| + | |
| − | margin:15px 10px;
| + | |
| − | border: 1px solid #d3d3d3;
| + | |
| − | border-collapse: collapse;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table cells */
| + | |
| − | .igem_2017_content_wrapper td {
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | border: 1px solid #d3d3d3;
| + | |
| − | border-collapse: collapse;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table headers */
| + | |
| − | .igem_2017_content_wrapper th {
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | border: 1px solid #d3d3d3;
| + | |
| − | border-collapse: collapse;
| + | |
| − | background-color:#f2f2f2;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /**********************************LAYOUT CLASSES **********************************/
| + | |
| − | | + | |
| − | /* general class for column divs */
| + | |
| − | .igem_2017_content_wrapper .column {
| + | |
| − | padding: 10px 0px;
| + | |
| − | float:left;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* class for a full width column */
| + | |
| − | .column .full_size {
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for images in a full width column*/
| + | |
| − | .column.full_size img {
| + | |
| − | width:97%;
| + | |
| − | padding: 10px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* class for a half width column */
| + | |
| − | .column.half_size {
| + | |
| − | width: 50%;
| + | |
| − | }
| + | |
| − | /* styling for images in a half width column*/
| + | |
| − | .column.half_size img {
| + | |
| − | width: 94.5%;
| + | |
| − | padding: 10px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /********************************* SUPPORT CLASSES ********************************/
| + | |
| − | | + | |
| − | /* class that clears content below*/
| + | |
| − | .igem_2017_content_wrapper .clear {
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* adds extra spacing when clearing content */
| + | |
| − | .igem_2017_content_wrapper .clear.extra_space {
| + | |
| − | height: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* highlight class, makes content slightly smaller */
| + | |
| − | .igem_2017_content_wrapper .highlight {
| + | |
| − | margin: 0px 15px;
| + | |
| − | padding: 15px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* highlight class, adds a gray background */
| + | |
| − | .igem_2017_content_wrapper .highlight.gray {
| + | |
| − | background-color: #f2f2f2;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* highlight with decoration blue line on top */
| + | |
| − | .igem_2017_content_wrapper .highlight.blue_top {
| + | |
| − | border-top: 4px solid #3399ff;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* highlight with a full blue border decoration */
| + | |
| − | .igem_2017_content_wrapper .highlight.blue_border {
| + | |
| − | border: 4px solid #3399ff;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* button class */
| + | |
| − | .igem_2017_content_wrapper .button{
| + | |
| − | max-width: 35%;
| + | |
| − | margin: 30px auto;
| + | |
| − | padding: 12px 10px;
| + | |
| − | background-color: #3399ff;
| + | |
| − | text-align: center;
| + | |
| − | color: #ffffff;
| + | |
| − | -webkit-transition: all 0.4s ease;
| + | |
| − | -moz-transition: all 0.4s ease;
| + | |
| − | -ms-transition: all 0.4s ease;
| + | |
| − | -o-transition: all 0.4s ease; transition: all 0.4s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* styling for button on hover */
| + | |
| − | .igem_2017_content_wrapper .button:hover{
| + | |
| − | background-color: #3399ff;
| + | |
| − | color: #000000;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /***************************************************** RESPONSIVE STYLING ****************************************************/
| + | |
| − | | + | |
| − | /* IF THE SCREEN IS LESS THAN 1200PX */
| + | |
| − | @media only screen and (max-width: 1200px) {
| + | |
| − | | + | |
| − | #content {width:100%; }
| + | |
| − | .igem_2017_menu_wrapper {width:15%; right:0;}
| + | |
| − | .highlight {padding:10px 0px;}
| + | |
| − | .igem_2017_menu_wrapper #display_menu_control { display:none; }
| + | |
| − | #menu_content { display:block;}
| + | |
| − | .menu_button.direct_to_page {padding-left: 17px;}
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | /* IF THE SCREEN IS LESS THAN 800PX */
| + | |
| − | @media only screen and (max-width: 800px) {
| + | |
| − | | + | |
| − | .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
| + | |
| − | .igem_2017_content_wrapper {width:100%; margin-left:0px;}
| + | |
| − | .column.half_size {width:100%; }
| + | |
| − | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;}
| + | |
| − | .highlight {padding:15px 5px;}
| + | |
| − | .igem_2017_menu_wrapper #display_menu_control { display:block; }
| + | |
| − | #menu_content { display:none;}
| + | |
| − | .igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
| + | |
| − | .menu_bottom_padding {display:none;}
| + | |
| − | .menu_button.direct_to_page { padding-left: 36px; }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* special class that the system uses to make sure the team wants a page to be evaluated */
| + | |
| − | .judges-will-not-evaluate {
| + | |
| − | width: 96.6%;
| + | |
| − | margin: 5px 15px;
| + | |
| − | display: block;
| + | |
| − | border: 4px solid #3399ff;
| + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − | | + | |
| − | #home_logo, #sideMenu {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #sideMenu, #top_title, .patrollink {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #content {
| + | |
| − | width: 100%;
| + | |
| − | padding: 0px;
| + | |
| − | margin-top: -7px;
| + | |
| − | margin-left: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | #Navigation{
| + | |
| − | background-color: white;
| + | |
| − | height: 38px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #nav {
| + | |
| − | margin-left: 170px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | #nav, #nav ul, #nav li, #nav a {
| + | |
| − | border: none;
| + | |
| − | line-height: 1;
| + | |
| | margin: 0; | | margin: 0; |
| | padding: 0; | | padding: 0; |
| | + | overflow-x: hidden; |
| | + | height: 100vh; |
| | } | | } |
| | | | |
| − | #nav {
| + | html, body{ |
| − | height: 37px;
| + | overflow-x: hidden !important; |
| − | display: block;
| + | -ms-overflow-x: hidden !important; |
| − | width: auto;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| | } | | } |
| | | | |
| − | #nav>ul { | + | #fut{ |
| − | list-style: inside none;
| + | background: white; |
| − | margin: 0;
| + | width: 100vw; |
| − | padding: 0;
| + | height: 50px; |
| | } | | } |
| | | | |
| − | #nav>ul>li {
| |
| − | list-style: inside none;
| |
| − | float: right;
| |
| − | right: 5%;
| |
| − | display: inline-block;
| |
| − | position: relative;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| | | | |
| − | #nav.align-center>ul {
| + | p { |
| − | text-align: center; | + | text-align: justify; |
| | + | font-size: 1.3em !important; |
| | + | font-family: Arial, sans-serif; |
| | + | margin: 10px 0 0; |
| | } | | } |
| | | | |
| − | #nav.align-center>ul>li {
| + | h1{ |
| − | float: none; | + | border: 0; |
| − | margin-left: -3px;
| + | |
| | } | | } |
| | | | |
| − | #nav.align-center ul ul {
| + | h4{ |
| − | text-align: left; | + | text-align: center; |
| | + | margin-top: 0px; |
| | + | margin-bottom: 50px !important; |
| | } | | } |
| | | | |
| − | #nav.align-center>ul>li:first-child>a {
| + | .line { |
| − | border-radius: 0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #nav>ul>li>a {
| + | |
| − | outline: none;
| + | |
| − | display: block;
| + | |
| | position: relative; | | position: relative; |
| − | text-align: center; | + | left: 10vw; |
| − | text-decoration: none; | + | top: 10vmax; |
| − | font-weight: 700;
| + | |
| − | font-size: 13px;
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | color: #000000;
| + | |
| − | padding: 12px 20px;
| + | |
| | } | | } |
| | | | |
| − | #nav>ul>li:first-child>a {
| + | p { |
| − | border-radius: 0; | + | text-align: justify; |
| | + | font-size: 1.3em !important; |
| | + | font-family: Arial, sans-serif; |
| | + | margin: 10px 0 0; |
| | } | | } |
| | | | |
| − | #nav>ul>li>a:after {
| + | @font-face { |
| − | content: ""; | + | font-family: neo_latina; |
| − | position: absolute; | + | src: url(https://static.igem.org/mediawiki/2017/4/46/Neo-latina-demo-FFP.ttf); |
| − | top: -1px;
| + | |
| − | bottom: -1px;
| + | |
| − | right: -2px;
| + | |
| − | z-index: 99;
| + | |
| | } | | } |
| | | | |
| − | #nav ul li.has-sub:hover>a:after {
| + | .subtitle>h6 { |
| − | top: 0; | + | font-family: neo_latina; |
| − | bottom: 0; | + | font-size: 3.9em; |
| | + | position: relative; |
| | + | left: 25px; |
| | + | margin-top: 50px; |
| | + | margin-bottom: 10px; |
| | } | | } |
| | | | |
| − | #nav>ul>li.has-sub>a:before {
| + | .subtitle>h5{ |
| − | content: ""; | + | font-family: neo_latina; |
| − | position: absolute; | + | font-size: 1.95em; |
| − | top: 18px; | + | position: relative; |
| − | right: 6px; | + | left: 50px; |
| − | border: 5px solid transparent; | + | margin-top: -10px; |
| − | border-top: 5px solid #000000; | + | margin-bottom: 10px; |
| | } | | } |
| | | | |
| − | #nav>ul>li.has-sub:hover>a:before {
| + | .protocol_content { |
| − | top: 19px; | + | margin: 10vh 10vw 0vh; |
| | } | | } |
| | | | |
| − | #nav>ul>li.has-sub:hover>a {
| |
| − | padding-bottom: 14px;
| |
| − | z-index: 999;
| |
| − | border-color: #3f3f3f;
| |
| − | }
| |
| | | | |
| − | #nav ul li.has-sub:hover>ul, #nav ul li.has-sub:hover>div {
| + | /*----------------------------------------------------------------------------*/ |
| − | display: block;
| + | |
| − | }
| + | |
| | | | |
| − | #nav>ul>li.has-sub>a:hover, #nav>ul>li.has-sub:hover>a {
| |
| − | background: #D1D1D1;
| |
| − | border-color: #D1D1D1;
| |
| − | }
| |
| | | | |
| − | #nav ul li>ul, #nav ul li>div {
| + | /*----------------------------------------------------------------------------*/ |
| − | display: none;
| + | |
| − | width: auto;
| + | |
| − | position: absolute;
| + | |
| − | top: 38px;
| + | |
| − | background: #D1D1D1;
| + | |
| − | border-radius: 0px 5px 5px 5px;
| + | |
| − | /*第一層navigation圖形*/
| + | |
| − | z-index: 999;
| + | |
| − | padding: 10px 0;
| + | |
| − | }
| + | |
| | | | |
| − | #nav ul li>ul {
| + | span>a:link { |
| − | width: 140px; | + | color: red; |
| | } | | } |
| | | | |
| − | #nav ul ul ul {
| + | span>a:visited { |
| − | position: absolute; | + | color: green; |
| | } | | } |
| | | | |
| − | #nav ul ul li:hover>ul {
| + | span>a:hover { |
| − | left: -100%; | + | color: hotpink; |
| − | top: -10px;
| + | |
| − | border-radius: 5px;
| + | |
| | } | | } |
| | | | |
| − | #nav ul li>ul li {
| + | span>a:active { |
| − | display: block; | + | color: blue; |
| − | list-style: inside none;
| + | |
| − | position: relative;
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| | } | | } |
| | | | |
| − | #nav ul li>ul li a {
| + | span>a { |
| − | outline: none;
| + | font-family: Arial; |
| − | display: block;
| + | font-size: 1.3em; |
| − | position: relative;
| + | |
| − | font: 10pt Arial, Helvetica, sans-serif; | + | |
| − | color: #000000; | + | |
| − | text-decoration: none;
| + | |
| − | margin: 0;
| + | |
| − | padding: 8px 20px;
| + | |
| | } | | } |
| | | | |
| − | #nav, #nav ul ul>li:hover>a, #nav ul ul li a:hover {
| |
| − | background: #ffffff;
| |
| − | background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
| |
| − | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
| |
| − | background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
| |
| − | background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
| |
| − | background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
| |
| − | background: linear-gradient(top, #ffffff 0%, #ffffff 100%);
| |
| − | }
| |
| − |
| |
| − | #nav>ul>li>a:hover {
| |
| − | background: #080808;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | #nav ul ul a:hover {
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | #nav>ul>li.has-sub>a:hover:before {
| |
| − | border-top: 5px solid #000000;
| |
| − | }
| |
| − |
| |
| − | .head_pic {
| |
| − | padding: 0;
| |
| − | margin: 0;
| |
| − | border: 0;
| |
| − | position: absolute;
| |
| − | left: 2%;
| |
| − | top: 0.4em;
| |
| − | }
| |
| − |
| |
| − | #Home:hover{
| |
| − | background-color:#D1D1D1 !important;
| |
| − | background:#D1D1D1 !important;
| |
| − | }
| |
| | | | |
| | /*----------------------------------------------------------------------------*/ | | /*----------------------------------------------------------------------------*/ |
| | | | |
| − | @media only screen and (max-width: 768px) {
| |
| − |
| |
| − | body{
| |
| − | background: black;
| |
| − | height: 37px;
| |
| − | }
| |
| − |
| |
| − | #nav{
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .head_pic{
| |
| − | position: relative;
| |
| − | width: 30vw;
| |
| − | left: 35vw;
| |
| − | }
| |
| − | }
| |
| | | | |
| | /*----------------------------------------------------------------------------*/ | | /*----------------------------------------------------------------------------*/ |
| − | #Navigation2{
| |
| − | padding-left: 0;
| |
| − | margin: 0;
| |
| − | position: absolute;
| |
| − | top: 0px
| |
| − | }
| |
| | | | |
| − | #three_bar{
| + | .exp1, .exp2, .exp3, .exp4, .exp5{ |
| − | position: relative !important; | + | border-width: 2px; |
| − | top: 0px !important; | + | border-style: solid; |
| − | left: 10px !important; | + | border-color: #85CFEA; |
| − | cursor: pointer; | + | position: relative; |
| − | padding: 0 !important; | + | margin-top: 0px; |
| − | margin: 0 !important; | + | margin-bottom: 100px; |
| − | display: none !important;
| + | |
| − | z-index: 100 !important;
| + | |
| | } | | } |
| | | | |
| − | @media only screen and (max-width: 768px) {
| + | .show, .show2, .show3, .show4, .show5 { |
| − | #three_bar{ | + | margin: 1vw 2vw; |
| − | display: block !important;
| + | |
| − | }
| + | |
| | } | | } |
| | | | |
| − | | + | .hide, .hide2, .hide3, .hide4, .hide5 { |
| − | #three_bar>p{
| + | |
| − | font-size: 20px !important;
| + | |
| − | position: relative !important;
| + | |
| − | top: -5px !important;
| + | |
| − | left: 2px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2017_menu2_wrapper { | + | |
| − | width: 15%;
| + | |
| − | height:100vh;
| + | |
| − | position:fixed;
| + | |
| − | left:0%;
| + | |
| − | padding:0px;
| + | |
| − | top:60px;
| + | |
| − | float:right;
| + | |
| − | border-right: 1px solid #85CFEA;
| + | |
| − | background-color:#ffffff;
| + | |
| − | text-align:left;
| + | |
| − | font-family: Arial, Geneva, sans-serif;
| + | |
| − | overflow-y: auto;
| + | |
| − | overflow-x: hidden;
| + | |
| | display: none; | | display: none; |
| − | z-index: 999; | + | margin: 1vw 2vw; |
| − | border-top: 1px solid #85CFEA;
| + | |
| − | border-left: 1px solid #85CFEA;
| + | |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper::-webkit-scrollbar { | + | .show_pic, .hide_pic, .show2_pic, .hide2_pic, .show3_pic, .hide3_pic, .show4_pic, .hide4_pic, .show5_pic, .hide5_pic { |
| − | display: none; | + | cursor: pointer; |
| | + | width: 100px; |
| | + | -webkit-transition: all 0.5s; |
| | + | -moz-transition: all 0.5s; |
| | + | -o-transition: all 0.5s; |
| | + | -ms-transition: all 0.5s; |
| | + | transition: all 0.5s; |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper a { | + | .show_pic:hover, .hide_pic:hover, .show2_pic:hover, .hide2_pic:hover, .show3_pic:hover, .hide3_pic:hover, .show4_pic:hover, .hide4_pic:hover, .show5_pic:hover, .hide5_pic:hover { |
| − | text-decoration: none; | + | width: 130px; |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper .menu2_button { | + | .show>ol>li, .show2>ol>li, .show3>ol>li, .show4>ol>li, .show5>ol>li { |
| − | width: 100vw;
| + | font-size: 1.2em; |
| − | padding: 10px 0px 10px 15px;
| + | position: relative; |
| − | float:left;
| + | left: 20px; |
| − | border-bottom: 1px solid #85CFEA;
| + | |
| − | border-top: 1px solid #85CFEA;
| + | |
| − | font-size: 12px; | + | |
| − | font-weight: bold; | + | |
| − | color: #000000; | + | |
| − | cursor: pointer;
| + | |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper .menu2_button .expand_collapse_icon2::before { | + | .hide>h1, .hide2>h1, .hide3>h1, .hide4>h1, .hide5>h1 { |
| − | content: "+"; | + | margin-top: 1vw; |
| | } | | } |
| | | | |
| − | .open::before { | + | .hide>ul>li, .hide2>ul>li, .hide3>ul>li, .hide4>ul>li, .hide5>ul>li { |
| − | content: "-" !important; | + | font-size: 1.2em; |
| | + | position: relative; |
| | + | left: 20px; |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper .menu2_button:hover, .igem_2017_menu2_wrapper .submenu2_button:hover , .submenu2_button.current_page:hover { | + | .hide>img, .hide2>img, .hide3>img, .hide4>img, .hide5>img { |
| − | background-color: #D1D1D1; | + | margin-bottom: 50px; |
| − | text-decoration: none;
| + | |
| − | color:#ffffff;
| + | |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper .submenu2_button {
| + | /*----------------------------------------------------------------------------*/ |
| − | width: 100%;
| + | span>a:link { |
| − | padding: 10px 0px 10px 34px;
| + | color: #85CFEA; |
| − | float:left;
| + | |
| − | background-color:#f2f2f2;
| + | |
| − | border-bottom: 1px solid #d3d3d3;
| + | |
| − | font-size: 12px;
| + | |
| − | color: #5e5f5f; | + | |
| − | cursor: pointer;
| + | |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper .submenu2_wrapper {
| + | span>a:visited { |
| − | display:none; | + | color: #85CFEA; |
| | } | | } |
| | | | |
| − | .igem_2017_menu2_wrapper #display_menu_control {
| + | span>a:hover { |
| − | display:none; | + | color: blue; |
| − | text-align:center;
| + | |
| | } | | } |
| | | | |
| − | | + | span>a:active { |
| − | /*----------------------------------------------------------------------------*/
| + | color: blue; |
| − | | + | |
| − | @media only screen and (max-width: 1200px) {
| + | |
| − | | + | |
| − | #content {width:100%; } | + | |
| − | .igem_2017_menu2_wrapper {width:15%; right:0; top: 0px; }
| + | |
| − | /*.highlight {padding:10px 0px;}*/
| + | |
| − | .igem_2017_menu2_wrapper #display_menu_control { display:none; }
| + | |
| − | #menu2_content { display:block;}
| + | |
| − | .menu2_button.direct_to_page {padding-left: 17px;}
| + | |
| − | | + | |
| | } | | } |
| | | | |
| − | /* IF THE SCREEN IS LESS THAN 800PX */
| + | span>a{ |
| − | @media only screen and (max-width: 800px) {
| + | text-decoration: none; |
| − | | + | |
| − | .igem_2017_menu2_wrapper { width:100%; height: 15%; position:relative; left:0%; top: -10px;} | + | |
| − | /*.igem_2017_content_wrapper {width:100%; margin-left:0px;}
| + | |
| − | .column.half_size {width:100%; }
| + | |
| − | .column.full_size img, .column.half_size img { width: 100%; padding: 10px 0px;}
| + | |
| − | .highlight {padding:15px 5px;}*/
| + | |
| − | .igem_2017_menu2_wrapper #display_menu_control { display:block; }
| + | |
| − | #menu2_content { display:none;}
| + | |
| − | .igem_2017_menu2_wrapper .menu2_button .expand_collapse_icon2 { width: 5%; }
| + | |
| − | .menu2_bottom_padding {display:none;}
| + | |
| − | .menu2_button.direct_to_page { padding-left: 36px; }
| + | |
| | } | | } |
| | + | /*----------------------------------------------------------------------------*/ |
| | + | /*----------------------------------------------------------------------------*/ |
| | | | |
| | + | /*----------------------------------------------------------------------------*/ |
| | + | /*----------------------------------------------------------------------------*/ |
| | + | /*----------------------------------------------------------------------------*/ |
| | + | /*----------------------------------------------------------------------------*/ |
| | | | |
| − | </style> | + | </style> |
| − | | + | <!-----------------------------------------------------------------------------> |
| − | <script> | + | <script> |
| − | $(document).ready(function(){
| + | </script> |
| − | $("#three_bar").click(function(){ | + | <!-----------------------------------------------------------------------------> |
| − | $(".igem_2017_menu2_wrapper").toggle();
| + | |
| − | $(".submenu2_wrapper").hide();
| + | |
| − | $(".menu2_button").children().removeClass("open");
| + | |
| − | }); | + | |
| − | });
| + | |
| − | | + | |
| − | | + | |
| − | $(document).ready(function(){
| + | |
| − | $("#display_menu2_control").click(function(){
| + | |
| − | $("#menu2_content").toggle(100);
| + | |
| − | });
| + | |
| − | });
| + | |
| − | | + | |
| − | $(document).ready(function(){
| + | |
| − | $(".menu2_button").click(function(){
| + | |
| − | $(".submenu2_wrapper").hide();
| + | |
| − | $(".menu2_button").children().removeClass("open");
| + | |
| − | });
| + | |
| − | });
| + | |
| − | | + | |
| − | $(document).ready(function(){
| + | |
| − | $(".menu2_button").click(function(){
| + | |
| − | $(this).children().toggleClass("open");
| + | |
| − | $(this).next('.submenu2_wrapper').toggle();
| + | |
| − | });
| + | |
| − | });
| + | |
| − | | + | |
| − | | + | |
| − | </script> | + | |
| | | | |
| | </head> | | </head> |
| − |
| |
| − |
| |
| | | | |
| | <body> | | <body> |
| − | <div class=" protocol_head"><img src="https://static.igem.org/mediawiki/2017/ 1/ 1a/ Protocol_head.png" width=" 100%" > </div> | + | <div class=" line"><img src="https://static.igem.org/mediawiki/2017/ 6/ 6f/ Description_line.png" width=" 80%"></div> |
| − | <div class="protocol_content">
| + | |
| − | <div id="wetlab">
| + | |
| − | <div class="subtitle">
| + | |
| − | <h6>Wet Lab Protocol</h6>
| + | |
| − | </div>
| + | |
| − | <span style="position: relative; left: 100px;"><a href="https://static.igem.org/mediawiki/2017/9/94/Protocol.pdf" target="_blank">NCTU_Formosa Protocol</a></span> </div>
| + | |
| | | | |
| − | <!----------------------------------------------------------------------------->
| + | |
| − | | + | |
| − | <h6>Experiment:</h6>
| + | |
| − | <h5>- Preparation for Potato dextrose agar (PDA) plates</h5>
| + | |
| − | </div>
| + | |
| − | <div class="exp1">
| + | |
| − | <div class="show">
| + | |
| − | <h1>Purpose:</h1>
| + | |
| − | <p> To prepare solid medium to civilize the fungi </p>
| + | |
| − | <div><img class="show_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
| + | |
| − | </div>
| + | |
| − | <div class="hide">
| + | |
| − | <h1>Purpose:</h1>
| + | |
| − | <p> To prepare solid medium to civilize the fungi </p>
| + | |
| − | <h1>Drugs and equipment:</h1>
| + | |
| − | <ul>
| + | |
| − | <li>PDA powder</li>
| + | |
| − | <li>ddH<sub>2</sub>O</li>
| + | |
| − | <li>Petri dishes</li>
| + | |
| − | <li>Serum bottle</li>
| + | |
| − | <li>Microwave oven</li>
| + | |
| − | <li>Autoclave</li>
| + | |
| − | <li>Alcohol burner</li>
| + | |
| − | </ul>
| + | |
| − | <h1>Process:</h1>
| + | |
| − | <ol>
| + | |
| − | <li>The ratio of PDA powder and ddH2O is 39g : 1000ml. To prevent the liquid spill out from Serum bottles, we usually have only 300ml of the liquid in a 500ml Serum bottle. </li>
| + | |
| − | <li>Loosen the bottle cap for a bit, and put it into the autoclave. </li>
| + | |
| − | <li>Screw the bottle cap tight to cool down. If the liquid becomes solid, heat it up with a microwave oven. </li>
| + | |
| − | <li>Bring the bottle into the Hood, disinfect bottleneck with alcohol burner. Pour out the liquid to plates, each plate can hold 15~20ml of the PDA liquid. Shake the plate smoothly and make the liquid surface flat.</li>
| + | |
| − | <li>Keep the plates in normal temperature or in 4 °C refrigerator </li>
| + | |
| − | </ol>
| + | |
| − | <div><img class="hide_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <!----------------------------------------------------------------------------->
| |
| − | <div class="subtitle">
| |
| − | <h6>Experiment:</h6>
| |
| − | <h5>- Dual culture technique </h5>
| |
| − | </div>
| |
| − | <div class="exp2">
| |
| − | <div class="show2">
| |
| − | <h1>Purpose:</h1>
| |
| − | <p> To test the antifungal activity of peptides comparing to negative control.</p>
| |
| − | <div><img class="show2_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
| |
| − | </div>
| |
| − | <div class="hide2">
| |
| − | <h1>Purpose:</h1>
| |
| − | <p> To test the antifungal activity of peptides comparing to negative control. </p>
| |
| − | <h1>Drugs and equipment:</h1>
| |
| − | <ul>
| |
| − | <li>Drugs (ex: NaN<sub>3</sub>, peptides…)</li>
| |
| − | <li>Hole puncher (tips are recommended)</li>
| |
| − | <li>PDA (Potato dextrose agar) plate</li>
| |
| − | <li>Fungi plates</li>
| |
| − | <li>Parafilm</li>
| |
| − | <li>Alcohol burner</li>
| |
| − | <li>Tweezers</li>
| |
| − |
| |
| − | </ul>
| |
| − | <h1>Process:</h1>
| |
| − | <ol>
| |
| − | <li>Culture some plates of fungi. </li>
| |
| − | <li>Remove all the drugs and tools inside the Hood, disinfect tools with an alcohol burner. You may take a PDA plate for cooling tools down.</li>
| |
| − | <li>Pick up fungi on the outer cycle (peripheral part) of a plate (the latest part of fungi plate) with tip. Dig into the previous PDA plate and pick up a piece of agar with fungi, remove it onto a new PDA plate, put the piece in the center of the plate.</li>
| |
| − | <li>Disinfect tools with an alcohol burner. Seal up the plate with Parafilm, and label on the name of fungi, date and so on. </li>
| |
| − | <li>Remove all the drugs and tools inside the Hood, disinfect tools with an alcohol burner. You may take a PDA plate for cooling tools down.</li>
| |
| − | <li>Dig holes on the plate with tweezers, the position of the holes should be 0.5cm far away along the radius from the position of latest mycelium as the picture shows.</li>
| |
| − | <li>Introduce the testing drug into the hole (different concentration of peptides, HEPES for our experiments)</li>
| |
| − | <li>Disinfect tools with alcohol burner. Seal up the plate with Parafilm.</li>
| |
| − | <li>Observe how the mycelium grow</li>
| |
| − |
| |
| − |
| |
| − | </ol>
| |
| − |
| |
| − | <div><img class="hide2_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <!----------------------------------------------------------------------------->
| + | <!-----------------------------------------------------------------------------> |
| − | <div class="subtitle">
| + | <img id=" dsocm_pic" class=" subtitle" src="https://static.igem.org/mediawiki/2017/ 0/ 0e/ HpAg_study.png"> |
| − | <h6>Experiment:</h6>
| + | |
| − | <h5>- Spore germination percentage </h5>
| + | |
| − | </div>
| + | |
| − | <div class="exp3">
| + | |
| − | <div class="show3">
| + | |
| − | <h1>Purpose:</h1>
| + | |
| − | <p> To test the concentration of spore suspension liquid and calculate germination rate.</p>
| + | |
| − | <div><img class=" show3_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div> | + | |
| − | </div>
| + | |
| − | <div class="hide3">
| + | |
| − | <h1>Purpose:</h1>
| + | |
| − | <p> To test the concentration of spore suspension liquid and calculate germination rate.</p>
| + | |
| − | <h1>Drugs and equipment:</h1>
| + | |
| − | <ul>
| + | |
| − | <li>75% Alcohol </li>
| + | |
| − | <li>2% glucose solution</li>
| + | |
| − | <li>ddH<sub>2</sub>O</li>
| + | |
| − | <li>HEPES buffer</li>
| + | |
| − | <li>Peptides</li>
| + | |
| − | <li>Alcohol burner</li>
| + | |
| − | <li>Hemocytometer</li>
| + | |
| − | <li>Fungi plates</li>
| + | |
| − | <li>Glass Cell Spreaders</li>
| + | |
| − | <li>10ul pipet</li>
| + | |
| − | <li>Gauze</li>
| + | |
| − | <li>Centrifuge</li>
| + | |
| − | <li>Beaker*2</li>
| + | |
| − | <li>Petri dishes</li>
| + | |
| − | <li>Lens cleaning paper</li>
| + | |
| − | <li>Microscope</li>
| + | |
| − | <li>Slide glass with 2 Cavities</li>
| + | |
| − | <li>Counter</li>
| + | |
| − | </ul>
| + | |
| − | <h1>Process:</h1>
| + | |
| − | <ol>
| + | |
| − | <li>Choose fungi plates that have produced spores.</li>
| + | |
| − | <li>(It is recommended to experiment in a laminar flow (hood). Add ddH2O to the plate until water covers the surface of the plate.</li>
| + | |
| − | <li>Disinfect the glass cell spreaders with an alcohol burner, after cooling down, scrape the plate softly so the spore would be in the water.</li>
| + | |
| − | <li>Remove the water in the plate to a beaker (You may filter out impurity with gauze). Now you got a spore suspension liquid with unknown concentration.</li>
| + | |
| − | <li>Clean the Hemocytometer with 75%alcohol and wipe it clean with lens cleaning paper, so as not to make any scratch on it. Put the coverslip on the Hemocytometer, and inject 10ml spore suspension liquid from the tiny chamber beside.
| + | |
| − | The spore suspension should cover all the square of the Hemocytometer. </li>
| + | |
| − | <li>Put the Hemocytometer under a microscope, and observe the spore.</li>
| + | |
| − | <li>Count the amount of the spore in the square, and calculate the concentration. Add water if it’s concentration is too high; centrifuge the liquid if the concentration is too low. Finally, you got a spore suspension liquid with concentration
| + | |
| − | you know. We would like to prepare spore suspension liquid with the concentration of 1.5*10^5 spores/ml for our experiments.</li>
| + | |
| − | <li>Mixed 5ul spore suspension liquid with 5ul 2% glucose solution and 5ul peptide together into a PCR tube (It is recommended for pipetting 50 times to ensure that there is a mix of uniform).</li>
| + | |
| − | <li>Draw 15μl of the solution from PCR tube to the double concave slide, and put the slide into a Petri dish. Add some ddH2O around the slide, in order to create an environment of 100% relative humidity so that the liquid would note evaporate
| + | |
| − | easily.</li>
| + | |
| − |
| + | |
| − | <li>After incubating under 20℃ for 6 hours, we observe and classify the spores into four grades according to the length of the germination tube, calculate the percentage of each germination grade of each sample.</li>
| + | |
| − |
| + | |
| − | </ol>
| + | |
| − | <div><img class="hide3_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <!----------------------------------------------------------------------------->
| + | <div class=" dsocm_dsocm"> |
| − | | + | |
| − | <h6>Experiment:</h6>
| + | |
| − | <h5>- Separation of infected plant tissue </h5>
| + | |
| − | | + | |
| − | <div class="show4">
| + | |
| − | <h1>Purpose:</h1>
| + | |
| − | <p> To separate infected plant tissue and cultivate pathogen fungi</p>
| + | |
| − | <div><img class="show4_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div>
| + | |
| − | </div>
| + | |
| − | <div class="hide4">
| + | |
| − | <h1>Purpose:</h1>
| + | |
| − | <p> To separate infected plant tissue and cultivate pathogen fungi</p>
| + | |
| − | <h1>Drugs and equipment:</h1>
| + | |
| − | <ul>
| + | |
| − | <li>75% Alcohol</li>
| + | |
| − | <li>0.5%~1% Sodium hypochlorite (NaClO)</li>
| + | |
| − | <li>ddH<sub>2</sub>O</li>
| + | |
| − | <li>PDA (Potato dextrose agar) plate</li>
| + | |
| − | <li>Parafilm</li>
| + | |
| − | <li>Alcohol burner</li>
| + | |
| − | <li>Plants</li>
| + | |
| − | <li>Knifes</li>
| + | |
| − | <li>Tweezers</li>
| + | |
| − | </ul>
| + | |
| − | <h1>Process:</h1>
| + | |
| − | <ol>
| + | |
| − | <li>Soak the plant tissue to sterilization: All parts of plant should soak in alcohol for 1 minute. For leaves, skim over NaClO for a few times; for roots, soak in NaClO for 1 minute; for mature stem parts, soak in NaClO for 20~30
| + | |
| − | seconds; for tender stems, skim over NaClO for a few times. All of these parts should be washed with ddH 2 O.</li>
| + | |
| − | <li>Remove all the drugs and tools inside the Hood, disinfect knifes and tweezers with alcohol burner. You may take a PDA plate for cool down.</li>
| + | |
| − | <li>Cut the infected plant tissue for an area of 5mm 2 , remove them all to new PDA plates. The side with hypha should put downward, and be towed on the plate. The amount of tissue which are put on one single plate depends on the range
| + | |
| − | of cutting area.</li>
| + | |
| − | <li>Seal up the plate with Parafilm, and label on the name of fungi, date and so on.</li>
| + | |
| − | <li>Put the plate in the best environment to observe if the fungi or other species of microorganism grow.</li>
| + | |
| − | </ol>
| + | |
| − | <div><img class="hide4_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <!----------------------------------------------------------------------------->
| |
| | | | |
| | + | <div><img class="show_pic" src="https://static.igem.org/mediawiki/2017/4/4f/Ptp_hide.png" style="display:block; margin:auto;"></div> |
| | </div> | | </div> |
| − | <div id="fut"></div>
| |
| − | </body>
| |
| | | | |
| | + | <div class="hide"> |
| | | | |
| | + | <img src="#" width="60%" style="display:block; margin:auto;"> |
| | | | |
| − | </p> | + | <div><img class="hide_pic" src="https://static.igem.org/mediawiki/2017/c/cb/Ptp_show.png" style="display:block; margin:auto;"></div> |
| − | <!-- | + | |
| − | NewPP limit report
| + | |
| − | CPU time usage: 0.011 seconds
| + | |
| − | Real time usage: 0.013 seconds
| + | |
| − | Preprocessor visited node count: 19/1000000
| + | |
| − | Preprocessor generated node count: 82/1000000
| + | |
| − | Post‐expand include size: 123/2097152 bytes
| + | |
| − | Template argument size: 0/2097152 bytes
| + | |
| − | Highest expansion depth: 2/40
| + | |
| − | Expensive parser function count: 0/100
| + | |
| − | -->
| + | |
| − | | + | |
| − | <!-- Saved in parser cache with key 2017_igem_org:pcache:idhash:36505-0!*!*!*!*!*!* and timestamp 20171101080354 and revision id 411172
| + | |
| − | -->
| + | |
| − | </div> <div class="visualClear"></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| | </div> | | </div> |
| | + | </div> |
| | | | |
| − | <!-- Side Menubar -->
| + | <!-----------------------------------------------------------------------------> |
| − | <div id="sideMenu">
| + | |
| − | <a href="https://2017.igem.org">
| + | |
| − | <div id="home_logo" >
| + | |
| − | <img src="https://static.igem.org/mediawiki/2017/b/bf/HQ_menu_logo.jpg">
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| | | | |
| − | <div style="clear:both; height:5px;"></div>
| |
| | | | |
| − | <div id="menuDisplay"></div> <!- Menu will be loaded here ->
| + | </body> |
| − | </div>
| + | |
| | | | |
| − | <!-- Pop_Why Div is definded here -->
| + | </html> |
| − | <div class="pop_why_cover"></div>
| + | |
| | | | |
| − | <div class="pop_why_box" >
| + | {{NCTU_Formosa/Footer}} |
| − | <div class="pop_close">× </div>
| + | |
| − | <div class="pop_why_content"><h3> Loading ... </h3></div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </html>
| + | |
