Line 1: | Line 1: | ||
{{Kyoto}} | {{Kyoto}} | ||
− | <html lang="en"> | + | <!DOCTYPE html> |
+ | <html lang="en" dir="ltr" class="client-nojs"> | ||
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <title>Team:Kyoto/Project - 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:Kyoto/Project&action=edit" /> | ||
+ | <link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Kyoto/Project&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:Kyoto/Project" /> | ||
+ | <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:Kyoto/Project","wgTitle":"Team:Kyoto/Project","wgCurRevisionId":270471,"wgRevisionId":270471,"wgArticleId":19368,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Daiya","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:Kyoto/Project","wgUserId":639,"wgUserEditCount":101,"wgUserRegistration":1490727136000,"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":"9084d403b395d5f4491e2d65bbe5dec7+\\","patrolToken":"40db2c2a2779014222fb1c739428c7a2+\\","watchToken":"909bc088272a94094a30cb3631d056f9+\\"});},{},{}); | ||
+ | /* cache key: 2017_igem_org:resourceloader:filter:minify-js:7:60fe936fce188420a44e617070eeb517 */ | ||
+ | }</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_Kyoto_Project 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%3AKyoto%2FProject", | ||
+ | a:"View+%2FTeam%3AKyoto%2FProject++Edit+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AKyoto%2FProject%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AKyoto%2FProject%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AKyoto%2FProject++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AKyoto%2FProject%26action%3Dwatch%26token%3Dd4034f1a4da8244bb78efe1fcbe7522a%252B%255C++Page+%2FTeam%3AKyoto%2FProject++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AKyoto%2FProject%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:Kyoto/Project</span> | ||
+ | </h1> | ||
+ | </div> | ||
+ | |||
+ | <div id="HQ_page"> | ||
+ | <div id="bodyContent"> | ||
+ | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | // This is the jquery part of your template. | ||
+ | // Try not modify any of this code too much since it makes your menu work. | ||
+ | |||
+ | $(document).ready(function() { | ||
+ | |||
+ | $("#HQ_page").attr('id',''); | ||
+ | |||
+ | // call the functions that control the menu | ||
+ | menu_functionality(); | ||
+ | hide_show_menu(); | ||
+ | |||
+ | |||
+ | |||
+ | //this function controls the expand and collapse buttons of the menu and changes the +/- symbols | ||
+ | function menu_functionality() { | ||
+ | |||
+ | //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu | ||
+ | $(".menu_button").click(function(){ | ||
+ | |||
+ | // add or remove the class "open" , this class holds the "-" | ||
+ | $(this).children().toggleClass("open"); | ||
+ | // show or hide the submenu | ||
+ | $(this).next('.submenu_wrapper').fadeToggle(400); | ||
+ | }); | ||
+ | |||
+ | // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu | ||
+ | $("#display_menu_control").click(function(){ | ||
+ | $('#menu_content').fadeToggle(400); | ||
+ | }); | ||
+ | |||
+ | // call the current page highlight function | ||
+ | highlight_current_page(); | ||
+ | } | ||
+ | |||
+ | |||
+ | // call the highlight current page function to show it on the menu with a different background color | ||
+ | function highlight_current_page() { | ||
+ | |||
+ | // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color | ||
+ | $("#"+ wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page"); | ||
+ | |||
+ | // now that the current_page class has been added to a menu item, make the submenu fade in | ||
+ | $(".current_page").parents(".submenu_wrapper").fadeIn(400); | ||
+ | // change the +/- symbol of the corresponding menu button | ||
+ | $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open"); | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | // allow button on the black menu bar to show/hide the side menu | ||
+ | function hide_show_menu() { | ||
+ | |||
+ | // in case you preview mode is selected, the menu is hidden for better visibility | ||
+ | if (window.location.href.indexOf("submit") >= 0) { | ||
+ | $(".igem_2017_menu_wrapper").hide(); | ||
+ | } | ||
+ | |||
+ | // if the black menu bar has been loaded | ||
+ | if (document.getElementById('bars_item')) { | ||
+ | |||
+ | // when the "bars_item" has been clicked | ||
+ | $("#bars_item").click(function() { | ||
+ | $("#sideMenu").hide(); | ||
+ | |||
+ | // show/hide the menu wrapper | ||
+ | $(".igem_2017_menu_wrapper").fadeToggle("100"); | ||
+ | }); | ||
+ | } | ||
+ | |||
+ | // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet | ||
+ | else { | ||
+ | setTimeout(hide_show_menu, 15); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | |||
+ | |||
+ | |||
+ | /***************************************************** DEFAULT WIKI SETTINGS ****************************************************/ | ||
+ | |||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-left:0px;} #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: 75%; | ||
+ | margin: 0 auto; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | background-color:black; | ||
+ | font-family:Tahoma, Geneva, sans-serif; | ||
+ | } | ||
+ | |||
+ | |||
+ | /********************************* HTML STYLING *********************************/ | ||
+ | #BACKGROUND { | ||
+ | background-image: url(https://static.igem.org/mediawiki/2017/5/50/Kyotobackground.jpeg); | ||
+ | background-position: center center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | |||
+ | #wrapper { | ||
+ | width: 80%; | ||
+ | margin: 0 auto; | ||
+ | background-color: #e8f0d2; | ||
+ | padding-top:0; | ||
+ | padding-bottom:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the titles h1 h2 */ | ||
+ | h1{ | ||
+ | font-size: 60px; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | padding:5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: black; | ||
+ | text-align: center; | ||
+ | line-height:120px; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 45px; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | padding:5px 15px; | ||
+ | border-bottom: 0px; | ||
+ | color: black; | ||
+ | text-align: center; | ||
+ | line-height:90px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* styling for the titles h3 h4 h6*/ | ||
+ | h3,h4,h6 { | ||
+ | font-size:30px; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | padding:5px 15px; | ||
+ | border-bottom:0px; | ||
+ | color: #000000; | ||
+ | text-align: left; | ||
+ | line-height:60px; | ||
+ | } | ||
+ | h5 { | ||
+ | font-size:150%; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | padding:5px 15px; | ||
+ | border-bottom:0px; | ||
+ | color: #000000; | ||
+ | text-align: left; | ||
+ | line-height:60px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* font and text */ | ||
+ | p { | ||
+ | text-indent:3%; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | padding: 0px 15px; | ||
+ | font-size: 50%; | ||
+ | text-align: left; | ||
+ | } | ||
+ | /* Links */ | ||
+ | a { color:black; | ||
+ | -ebkit-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 */ | ||
+ | a:hover { | ||
+ | text-decoration:underline; | ||
+ | color:#000000; | ||
+ | } | ||
+ | figcaption { | ||
+ | text-align:center; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | font-size:25px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* top banner list */ | ||
+ | ul.nv { | ||
+ | width:100%; | ||
+ | height: 10vh; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | letter-spacing: -.40em; | ||
+ | } | ||
+ | |||
+ | ul.nv li { | ||
+ | width: 12.5%; | ||
+ | display: inline-block; | ||
+ | list-style-type: none; | ||
+ | position: relative; | ||
+ | vertical-align: center; | ||
+ | text-align: center; | ||
+ | font-size:125%; | ||
+ | letter-spacing: normal; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | } | ||
+ | |||
+ | ul.nv a { | ||
+ | background-color: #556c14; | ||
+ | color: white; | ||
+ | line-height: 5vh; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | font-weight: bold; | ||
+ | display: block; | ||
+ | } | ||
+ | ul.nv a:hover { | ||
+ | background-color: #aade29; | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | ul.nv li:hover ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | ul.nv ul{ | ||
+ | display: none; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | position: absolute; | ||
+ | } | ||
+ | |||
+ | ul.nv ul li { | ||
+ | width: 100%; | ||
+ | border-top: 1px solid ; | ||
+ | text-align : center; | ||
+ | font-family: serif, 'Times New Roman'; | ||
+ | } | ||
+ | ul.nv ul li a { | ||
+ | line-height: 5vh; | ||
+ | text-align: center; | ||
+ | padding-left: 5px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | ul.nv ul li a:hover { | ||
+ | background-color: #aade29; | ||
+ | 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; | ||
+ | } | ||
+ | p{ | ||
+ | font-size: 2em; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | <!--- THIS IS WHERE THE HTML BEGINS ---> | ||
+ | |||
+ | |||
+ | |||
+ | <head> | ||
+ | |||
+ | <!-- This tells the browser that your page is responsive --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | </head> | ||
+ | |||
<style type="text/css"> | <style type="text/css"> | ||
Line 17: | Line 654: | ||
<div id="BACKGROUND"> | <div id="BACKGROUND"> | ||
<div id="wrapper"> | <div id="wrapper"> | ||
− | + | <header> | |
<ul class="nv"> | <ul class="nv"> | ||
<li><a href="https://2017.igem.org/Team:Kyoto">Home</a></li> | <li><a href="https://2017.igem.org/Team:Kyoto">Home</a></li> | ||
Line 24: | Line 661: | ||
<li><a href="https://2017.igem.org/team:Kyoto/Project">Description</a></li> | <li><a href="https://2017.igem.org/team:Kyoto/Project">Description</a></li> | ||
<li><a href="https://2017.igem.org/Team:Kyoto/Results">Results</a></li> | <li><a href="https://2017.igem.org/Team:Kyoto/Results">Results</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:Kyoto/ | + | <li><a href="https://2017.igem.org/Team:Kyoto/Project_Details">Proof of concept</li> |
<li><a href="https://2017.igem.org/Team:Kyoto/Basic_Part">Basic parts</a></li> | <li><a href="https://2017.igem.org/Team:Kyoto/Basic_Part">Basic parts</a></li> | ||
− | <li><a href="https://2017.igem.org/Team:Kyoto/ | + | <li><a href="https://2017.igem.org/Team:Kyoto/Compositive_parts">Compositive parts</a></li> |
</ul> | </ul> | ||
</li><li><a href="https://2017.igem.org/Team:Kyoto/Experiments">Material&Methods</a></li><li><a href="https://2017.igem.org/Team:Kyoto/Achievements">Medal criteria</a> | </li><li><a href="https://2017.igem.org/Team:Kyoto/Experiments">Material&Methods</a></li><li><a href="https://2017.igem.org/Team:Kyoto/Achievements">Medal criteria</a> | ||
Line 34: | Line 671: | ||
</ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Notebook">Notebook</a></li><li><a href="https://2017.igem.org/Team:Kyoto/integrated">Practice</a> | </ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Notebook">Notebook</a></li><li><a href="https://2017.igem.org/Team:Kyoto/integrated">Practice</a> | ||
<ul> | <ul> | ||
− | |||
− | |||
− | |||
<li><a href="https://2017.igem.org/Team:Kyoto/Collaborations">Collaboration</li> | <li><a href="https://2017.igem.org/Team:Kyoto/Collaborations">Collaboration</li> | ||
</ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Team">Team</a> | </ul></li><li><a href="https://2017.igem.org/Team:Kyoto/Team">Team</a> | ||
Line 53: | Line 687: | ||
<li><a href="#dsRNA">6) Deliver dsRNA to nematode with stylet</a></li> | <li><a href="#dsRNA">6) Deliver dsRNA to nematode with stylet</a></li> | ||
</ul> | </ul> | ||
+ | <!-- DESCRIPTION --> | ||
<h5><a name="#why">1) Why is pine tree important?</a></h5> | <h5><a name="#why">1) Why is pine tree important?</a></h5> | ||
− | <p>Throughout history, people of Japan have cherished beautiful sightseeing spots such as Matsushima ("Island of pines“), Miyajima, Amanohashidate as "Japan's three scenic spots". If you take a look, you will notice that a certain type of tree form an important background in all the spots. It is "pine".</p> | + | <p>Throughout history, people of Japan have cherished beautiful sightseeing spots such as Matsushima ("Island of pines“), Miyajima, Amanohashidate as "Japan's three scenic spots".[1] If you take a look, you will notice that a certain type of tree form an important background in all the spots. It is "pine".</p> |
− | <p>Pine has been widely used as a building material, fuel, and as a component of windbreak forest to prevent the sea breeze from the sea. Pine trees are strong against salt and can grow even in soil dried with poor nutrition, so even now it is no longer used as building materials, planting activities on the coast are continuing as windbreak forests. It is also important as a raw material for industrially important rosin.</p> | + | <p>Pine has been widely used as a building material, fuel, and as a component of windbreak forest to prevent the sea breeze from the sea.[2] Pine trees are strong against salt and can grow even in soil dried with poor nutrition, so even now it is no longer used as building materials, planting activities on the coast are continuing as windbreak forests.[3] It is also important as a raw material for industrially important rosin.[4]</p> |
<p>However, even though pines form an essential part of our scenery, they are withering on a global scale due to the epidemic of a disease called the pine wilt disease.</p> | <p>However, even though pines form an essential part of our scenery, they are withering on a global scale due to the epidemic of a disease called the pine wilt disease.</p> | ||
Line 91: | Line 726: | ||
</p> | </p> | ||
<h6>Reference</h6> | <h6>Reference</h6> | ||
− | < | + | <li>[1] Nihonsankei, “Nihon-sankei 【 official website 】 The three most scenic spots in Japan.” [Online]. Available: http://nihonsankei.jp/eng/. [Accessed: 21-Oct-2017].</li> |
+ | <li>[2] 林野庁, “松くい虫被害:林野庁,” 2016. [Online]. Available: http://www.rinya.maff.go.jp/j/hogo/higai/matukui.html. [Accessed: 21-Oct-2017].</li> | ||
+ | <li>[3] Kuroda Keiko, “マツ枯れのメカニズムと抵抗性マツの特性,” 2007.</li> | ||
+ | <li>[4] H. B. Ma, Q. Lu, J. Liang, and X. Y. Zhang, “Functional analysis of the cellulose gene of the pine wood nematode, Bursaphelenchus xylophilus, using RNA interference,” Genet. Mol. Res., vol. 10, no. 3, pp. 1931–1941, 2011.</li> | ||
+ | |||
</div> | </div> | ||
</div> | </div> | ||
</body> | </body> | ||
+ | |||
+ | </p> | ||
+ | <!-- | ||
+ | NewPP limit report | ||
+ | CPU time usage: 0.006 seconds | ||
+ | Real time usage: 0.006 seconds | ||
+ | Preprocessor visited node count: 9/1000000 | ||
+ | Preprocessor generated node count: 42/1000000 | ||
+ | Post‐expand include size: 41/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:19368-0!*!*!*!*!*!* and timestamp 20171027160025 and revision id 270471 | ||
+ | --> | ||
+ | </div> <div class="visualClear"></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 -> | ||
+ | </div> | ||
+ | |||
+ | <!-- Pop_Why Div is definded here --> | ||
+ | <div class="pop_why_cover"></div> | ||
+ | |||
+ | <div class="pop_why_box" > | ||
+ | <div class="pop_close">× </div> | ||
+ | <div class="pop_why_content"><h3> Loading ... </h3></div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
</html> | </html> |
Revision as of 16:37, 27 October 2017
<!DOCTYPE html>
Description
- 1) Why is pine tree important?
- 2) Pines are being lost due to pine wilt disease
- 3) The cause of pine wilt disease is nematode
- 4) It is difficult to prevent B. xylophilus
- 5) RNAi is a powerful weapon to fight against nematodes
- 6) Deliver dsRNA to nematode with stylet
1) Why is pine tree important?
Throughout history, people of Japan have cherished beautiful sightseeing spots such as Matsushima ("Island of pines“), Miyajima, Amanohashidate as "Japan's three scenic spots".[1] If you take a look, you will notice that a certain type of tree form an important background in all the spots. It is "pine".
Pine has been widely used as a building material, fuel, and as a component of windbreak forest to prevent the sea breeze from the sea.[2] Pine trees are strong against salt and can grow even in soil dried with poor nutrition, so even now it is no longer used as building materials, planting activities on the coast are continuing as windbreak forests.[3] It is also important as a raw material for industrially important rosin.[4]
However, even though pines form an essential part of our scenery, they are withering on a global scale due to the epidemic of a disease called the pine wilt disease.
2) Pines are being lost due to pine wilt disease
In 1905, the first report about pine wilt disease was issued in Japan. From then, the disease gradually spread, and now this disease is present in all prefectures except Hokkaido. In regions other than Japan, pine-wilt disease is reported in East Asia such as Korea, Taiwan, China, Europe such as Poland, Spain, Portugal and even North America including Canada and the USA.
Because of death of pine by this disease, beautiful landscapes around the world have been greatly damaged. In addition to that, it is estimated that huge economic damage of tens of millions of dollars has been caused.
In the forest where the pines die, it is known that the forestry phase changes, and the evergreen broad-leaved trees such as the vertebrae will take precedence. An increase in evergreen broad-leaved trees reduces the light reaching the forest floor, causing the harmful effects of herbs and the seedlings responsible for the next generation, which has a serious impact on the ecosystem.
3) The cause of pine wilt disease is nematode
In 1971, it was clarified that the cause of pine was nematode called Bursaphelenchus xylophilus. B. xylophilus adheres to spiracles of Japanese pine sawyer and is delivered to pine branches by it. When an insect bites a pine branch, B. xylophilus invades the tree trunk through the resin path and reaches the trunk, ingesting pine cells. Through this process, the pine releases defense substances such as volatile terpenes excessively, and bubbles are generated in the tracheid, so that the pine can not absorb water and this induces death of pines. This is the mechanism of pine wilting.
B. xylophilus is a nematode of dioecy and pierces a stylet like straw into a pine cell, blue stain, yeast etc feed and sucks their contents. It is known that species with such stylets cover 15% of the whole nematodes. Unlike bacterial feeding nematodes like C. elegans, this group of nematodes does not prey on bacteria. It is known that many phytopathogenic nematodes are of the type using stylet.
4) It is difficult to prevent B. xylophilus
There are basically three methods taken to stop pine wilting. However, all of them have several problems and are not able to get the expected results.
· Spraying of medicine by helicopter targeting Pinus thunbergii
This is a method targeting the beetle, which is a carrier that spreads nematodes. Of course, this has a harmful effect to human beings and forest creatures. It is inevitable to have a huge impact on the ecosystem.
· Removal of dead wood to prevent infection spread
The longhoon beetle produces eggs on pine trees killed by B. xylophilus. It is known that when longhoon beetle emerges in the following year, nematodes adhere to beetle. For this reason, attempts have been done to prevent the spread of infection by disposing of dead pine through incision or incineration. Even in this case, there are places where human beings can not go, so there are many restrictions, such as not being able to do for all dead woods completely. This fact means a limit to the effect of preventing pine withering.
· Prevention by trunk injection
In order to combat the nematodes in the pine, in the winter, a method of injecting medicine into all the pine in the target mountain is also done. Although this method is effective, it is necessaly to do it every year, and if neglecting it, the damage will increase (there are actual cases), etc. Therefore, it causes economic and physical costs.
5) RNAi is a powerful weapon to fight against nematodes
In order to develop weapons fighting this nematode, we applied naive feeding RNAi which is often used for nematodes to B. xylophilus and planned to eradicate B. xylophilus from the pine forest. If we create various genetically modified organisms, and are able to create a genetically modified machine that kills nematodes using budding yeast whose resources are rich , we may be able to produce biological pesticides that we had never before. Once ignoring how to prevent our recombinant yeast from leaking into the environment and deliver yeast to nematodes (after that, a powerful solution for these problems emerges through activities of Human Practices. Please click here and you can see our human pracitices), we first decided to answer the question of whether yeast which kills nematodes can be made.
RNAi is a gene expressing suppression mechanism discovered in 1998 by Fire et al. In the body of C. elegans incorporating double-stranded RNA, rapid degradation of mRNA having a complementary sequence to that dsRNA is induced. If the target gene is essential for growth, C. elegans dies. C. elegans belongs to bacterial feeding nematode and feeds E. coli. Therefore, by preparing E. coli expressing dsRNA as bait, gene expression of C. elegans can be controlled. However, B. xylophilus belongs to the Stylet type nematode, so it can not be expected that we can use E. coli for bait. In order to deliver dsRNA to B. xylophilus it was essential to develop a new dsRNA carrier.
6) Deliver dsRNA to nematode with stylet
We chose budding yeast as a career.
Originally B. xylophilus was known to prey on blue stain fungi. In addition, although there is no report, some researchers gave information that they might prey on budding yeast. But when we asked the details, there is only the impression that the number of live B. xylophilus reduces slowly when he/she cultured B. xylophilus with yeast, or the impression seems to be increasing with yeast.There was no definitive information on whether or not B. xylophilus could feed Saccharomyce celevisiae.
For the initial step, we started to prove definitively that B. xylophilus preyed on budding yeast. For this purpose, we examined the conditions of B. xylophilus' feeding yeast and established a system of recording live imaging, and first succeeded in photographing a number of videos of B. xylophilus sucking content by puncturing Stylet in budding yeast. In addition, we introduced a system for labeling B. x that preyed yeast, and established a method for measuring the phenotype of B. xylophilus incorporating dsRNA.
Something moving is B. xylophilus and you can see it eating a small dot (S. cereviseae).