|
|
| (35 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | {{Fudan-TSI}} | + | {{Fudan-TSI}}<!-- jquery loaded by HQ 1.12.4 --> |
| − | <html> | + | <html></p></div></div></div><meta name="viewport" content="width=device-width, initial-scale=1"><meta charset="UTF-8"> |
| − | | + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css"> |
| − | | + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" /> |
| − | <script> | + | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-css.css&action=raw&ctype=text/css" /> |
| − | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | + | |
| − | | + | |
| − | $(document).ready(function() {
| + | |
| − | | + | |
| − | //remove the HQ_page id
| + | |
| − | $("#HQ_page").attr('id','');
| + | |
| − |
| + | |
| − | | + | |
| − | //highlight current page on the menu
| + | |
| − | highlight_current_page_menu();
| + | |
| − |
| + | |
| − | //accessing submenus
| + | |
| − | $(".menu_item").click(function(){
| + | |
| − | $(".submenu_control_icon", this).toggleClass("open");
| + | |
| − | $(this).next(".submenu").fadeToggle(400);
| + | |
| − | });
| + | |
| − |
| + | |
| − | //mobile menu access
| + | |
| − | $(".igem_2019_team_mobile_bar").click(function(){
| + | |
| − | $(this).next().toggleClass("displaying_menu");
| + | |
| − | });
| + | |
| − |
| + | |
| − | });
| + | |
| − | | + | |
| − | | + | |
| − | function highlight_current_page_menu() {
| + | |
| − |
| + | |
| − | var page_url="https://2019.igem.org/";
| + | |
| − | page_url = page_url + wgPageName;
| + | |
| − | $("a[href$='"+ page_url +"']").children().addClass("current_page");
| + | |
| − |
| + | |
| − | //if the page is in a submenu, open the submenu and make the appropiate changes
| + | |
| − | if( $( ".current_page" ).hasClass( "submenu_item" )){
| + | |
| − |
| + | |
| − | $(".current_page").parent().parent().fadeToggle(400);
| + | |
| − | $(".current_page").parent().parent().prev().addClass("current_page");
| + | |
| − | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
| + | |
| − |
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// | + | |
| − | </script>
| + | |
| − | | + | |
| − | | + | |
| | <style> | | <style> |
| − | /**************************************************************************************************************************************************************************************************/ | + | /*****************************************************************************/ |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| | /* DEFAULT WIKI SETTINGS */ | | /* DEFAULT WIKI SETTINGS */ |
| − | /**************************************************************************************************************************************************************************************************/ | + | /*****************************************************************************/ |
| − | | + | #home_logo, #sideMenu { display:none; } |
| − | | + | #sideMenu, #top_title, .patrollink { display:none; } |
| − | #home_logo, #sideMenu { display:none; }
| + | #content { margin-left: 0; padding:0px; width:100%;} |
| − | #sideMenu, #top_title, .patrollink {display:none;}
| + | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important; } |
| − | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
| + | /* css clean * */ |
| − | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| + | #FudanTSIBody li { list-style: none; } |
| − | #bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
| + | </style> |
| − |
| + | <title>Frontpage | 2019 iGEM Team:Fudan-TSI</title> |
| − | .judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
| + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/ | + | |
| − | /* MENU */
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /*wrapping for the menu*/
| + | |
| − | .igem_2019_team_menu {
| + | |
| − | background-color:#cecece;
| + | |
| − | border-left: 1px solid #635d5d;
| + | |
| − | float:right;
| + | |
| − | height:100vh;
| + | |
| − | max-width: 270px;
| + | |
| − | overflow-y: auto;
| + | |
| − | overflow-x: hidden;
| + | |
| − | padding:0px;
| + | |
| − | position:fixed;
| + | |
| − | right:0%;
| + | |
| − | text-align:left;
| + | |
| − | width: 15%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*controlling menu visibility*/
| + | |
| − | .igem_2019_team_menu.displaying_menu{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*links in the menu*/
| + | |
| − | .igem_2019_team_menu a {
| + | |
| − | color: #484848;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*images in the menu*/
| + | |
| − | .igem_2019_team_menu img {
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*level 1 menu items*/
| + | |
| − | .igem_2019_team_menu .menu_item {
| + | |
| − | background-color: #cecece;
| + | |
| − | border-bottom: 1px solid #635d5d;
| + | |
| − | clear: both;
| + | |
| − | color: #484848;
| + | |
| − | cursor: pointer;
| + | |
| − | float: left;
| + | |
| − | font-size: 120%;
| + | |
| − | font-weight: bold;
| + | |
| − | padding: 15px 0px 15px 5%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*level 1 menu items without submenus*/
| + | |
| − | .igem_2019_team_menu .menu_item.direct_link {
| + | |
| − | color: #484848;
| + | |
| − | padding-left: 15%;
| + | |
| − | }
| + | |
| − | | + | |
| − |
| + | |
| − | /*level 1 menu items on hover*/
| + | |
| − | .igem_2019_team_menu .menu_item:hover {
| + | |
| − | background-color: #ecb656 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*icon for expanding and collapsing level 1 menut items*/
| + | |
| − | .igem_2019_team_menu .menu_item .submenu_control_icon {
| + | |
| − | color: #484848;
| + | |
| − | float: left;
| + | |
| − | width: 10%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* submenu icon "-"*/
| + | |
| − | .igem_2019_team_menu .menu_item .submenu_control_icon::before {
| + | |
| − | content: "+";
| + | |
| − | }
| + | |
| − | | + | |
| − | /* submenu icon "-"*/
| + | |
| − | .igem_2019_team_menu .menu_item .submenu_control_icon.open::before {
| + | |
| − | content: "-";
| + | |
| − | }
| + | |
| − | | + | |
| − |
| + | |
| − | /*level 2 menu (submenu) wrapper*/
| + | |
| − | .igem_2019_team_menu .submenu{
| + | |
| − | background-color: #ececec;
| + | |
| − | clear:both;
| + | |
| − | display:none;
| + | |
| − | float: left;
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*level 2 menu (submenu) item*/
| + | |
| − | .igem_2019_team_menu .submenu .submenu_item {
| + | |
| − | border-bottom: 1px solid #cecece;
| + | |
| − | color: #635d5d;
| + | |
| − | height: 30px;
| + | |
| − | float: left;
| + | |
| − | font-size: 110%;
| + | |
| − | font-weight: bold;
| + | |
| − | padding: 12px 0px 0px 15%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*level 2 menu (submenu) items on hover*/
| + | |
| − | .igem_2019_team_menu .submenu .submenu_item:hover {
| + | |
| − | background-color: #ecb656 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*color for highlighting current page on the wiki*/
| + | |
| − | .igem_2019_team_menu .submenu .submenu_item.current_page,
| + | |
| − | .igem_2019_team_menu .menu_item.current_page,
| + | |
| − | .igem_2019_team_menu .menu_item.direct_link.current_page {
| + | |
| − | background-color:#a2d3d0;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /*mobile menu bar styling*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /*mobile bar that controls the menu*/
| + | |
| − | .igem_2019_team_mobile_bar {
| + | |
| − | background-color:#ececec;
| + | |
| − | border-bottom: 1px solid #cecece;
| + | |
| − | cursor:pointer;
| + | |
| − | display:none;
| + | |
| − | float:left;
| + | |
| − | margin-top: 0;
| + | |
| − | padding: 5px 0;
| + | |
| − | position:fixed;
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − |
| + | |
| − | /*mobile logo*/
| + | |
| − | .igem_logo_mobile {
| + | |
| − | float:left;
| + | |
| − | padding-left: 5%;
| + | |
| − | width: 30%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*image within the mobile logo*/
| + | |
| − | .igem_logo_mobile img {
| + | |
| − | width:70px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | /*mobile expand collapse button*/
| + | |
| − | .igem_menu_control_mobile {
| + | |
| − | float:right;
| + | |
| − | padding-right:5%;
| + | |
| − | padding-top:5px;
| + | |
| − | text-align:right;
| + | |
| − | width: 30%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*image for mobile expand collapse button*/
| + | |
| − | .igem_menu_control_mobile img {
| + | |
| − | width:25px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /*add extra padding to the menu to improve mobile scrolling*/
| + | |
| − | .menu_padding{
| + | |
| − | float:left;
| + | |
| − | height:100px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | /* CONTENT OF THE PAGE */
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /* general wrapper for the content */
| + | |
| − | .igem_2019_team_content {
| + | |
| − | background-color:white;
| + | |
| − | display:block;
| + | |
| − | width: 87%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* subwrapper to center content */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper {
| + | |
| − | margin:auto;
| + | |
| − | max-width: 1400px;
| + | |
| − | width:90%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*general styling*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /*size for title h tags*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h1 { font-size: 210%;}
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h2 { font-size: 190%;}
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h3 { font-size: 170%;}
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h4 { font-size: 150%;}
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h5 { font-size: 140%;}
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h6 { font-size: 130%;}
| + | |
| − | | + | |
| − | | + | |
| − | /*titles h1, h2*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h1, .igem_2019_team_content .igem_2019_team_column_wrapper h2 {
| + | |
| − | border-bottom:0px;
| + | |
| − | color: white;
| + | |
| − | font-family: "Arial Black", Gadget, sans-serif;
| + | |
| − | padding: 10px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /*titles h3, h3, h5, h6 */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h3,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h4,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h5,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper h6 {
| + | |
| − | border-bottom:0px;
| + | |
| − | color: white;
| + | |
| − | font-family: "Arial Black", Gadget, sans-serif;
| + | |
| − | padding: 5px 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* text p tag*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper p {
| + | |
| − | font-size: 130%;
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | padding: 5px 0px;
| + | |
| − | text-align: left;
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Links a tag*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper a {
| + | |
| − | color: #00a19b;
| + | |
| − | font-weight: bold;
| + | |
| − | text-decoration: underline;
| + | |
| − | text-decoration-color:#00a19b;
| + | |
| − | transition: all 0.4s ease;
| + | |
| − | -webkit-transition: all 0.4s ease;
| + | |
| − | -moz-transition: all 0.4s ease;
| + | |
| − | -ms-transition: all 0.4s ease;
| + | |
| − | -o-transition: all 0.4s ease;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* hover for the links */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper a:hover {
| + | |
| − | color: #085156;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* Table tag*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper table {
| + | |
| − | border: 1px solid #635d5d;
| + | |
| − | border-collapse: collapse;
| + | |
| − | font-size: 130%;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table cells */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper td {
| + | |
| − | border: 1px solid #cecece;
| + | |
| − | border-collapse: collapse;
| + | |
| − | font-size: 105%;
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* table headers */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper th {
| + | |
| − | background-color:#cecece;
| + | |
| − | border: 1px solid #635d5d;
| + | |
| − | border-collapse: collapse;
| + | |
| − | font-size: 110%;
| + | |
| − | padding: 10px;
| + | |
| − | vertical-align: text-top;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /* non numbered lists */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ul, .igem_2019_team_content .igem_2019_team_column_wrapper ol {
| + | |
| − | font-size: 130%;
| + | |
| − | font-family: Arial, Helvetica, sans-serif;
| + | |
| − | padding:0px 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /*font sizing within list nesting*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ul ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ul ul li,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ul ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ul ol li,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ol ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ol ul li,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ol ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ul ol ol li,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ol ul ul li, .igem_2019_team_content .igem_2019_team_column_wrapper ol ol ul li,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper ol ol ol li, .igem_2019_team_content .igem_2019_team_column_wrapper ol ul ol li{ font-size: 76%; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*layout classes*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | /*main layout class */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column {
| + | |
| − | float:left;
| + | |
| − | margin: 1% 2%;
| + | |
| − | padding: 0px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* 100% */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size { width:96%; }
| + | |
| − | | + | |
| − | /* 66% */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size { width: 62.6%; }
| + | |
| − | | + | |
| − | /* 33% */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size { width: 29.3%; }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*all images*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size img,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size img,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size img {
| + | |
| − | margin-bottom: 15px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* page break */
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .clear {
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − | /*add extra space to page break with clear class*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .clear.extra_space {
| + | |
| − | height: 30px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* horizontal line to divide the page*/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .line_divider {
| + | |
| − | border-top: 1px solid #cecece;
| + | |
| − | margin: auto;
| + | |
| − | width: 98%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | /*support classes*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | /*Button */
| + | |
| − | /************************************************/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .button_link {
| + | |
| − | font-size: 130%;
| + | |
| − | margin: 30px auto;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .button_link a {
| + | |
| − | background-color: #00a19bad !important;
| + | |
| − | color: #000 !important;
| + | |
| − | font-weight: bold;
| + | |
| − | margin: auto;
| + | |
| − | text-decoration: none !important;
| + | |
| − | padding: 10px 15px !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .button_link a:hover {
| + | |
| − | background-color: #ffb819 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − | /*highlight */
| + | |
| − | /************************************************/
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight {
| + | |
| − | padding: 15px 20px;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight p,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight h1,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight h2,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight h3,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight h4,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight h5,
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight h6 {
| + | |
| − | padding: 5px 15px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_background {
| + | |
| − | background-color: #ececec;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_top {
| + | |
| − | border-top: 4px solid #00a19bad;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_A_full {
| + | |
| − | border: 4px solid #00a19bad;
| + | |
| − | }
| + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_top {
| + | |
| − | border-top: 4px solid #ffb819
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .highlight.decoration_B_full {
| + | |
| − | border: 4px solid #ffb819;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | /*mobile*/
| + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | /* 1800px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1800px) {
| + | |
| − | .igem_2019_team_content { width: 85%;}
| + | |
| − | .igem_2019_team_menu {display:block;}
| + | |
| − |
| + | |
| − | }
| + | |
| − | | + | |
| − | /* 1400px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1400px) {
| + | |
| − | .igem_2019_team_menu .menu_item { font-size:100%;}
| + | |
| − | .igem_2019_team_menu .submenu .submenu_item { font-size:90%;}
| + | |
| − | .igem_2019_team_menu {display:block;}
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /* 1100px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 1100px) {
| + | |
| − | .igem_2019_team_content {width:100%; margin-left:0px;}
| + | |
| − |
| + | |
| − | .igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
| + | |
| − |
| + | |
| − | .igem_2019_team_mobile_bar {display:block;}
| + | |
| − |
| + | |
| − | .igem_2019_team_content .igem_2019_team_column_wrapper .column.full_size, .igem_2019_team_content .igem_2019_team_column_wrapper .column.two_thirds_size,.igem_2019_team_content .igem_2019_team_column_wrapper .column.third_size {width:96%; }
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | /* 850px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 850px) {
| + | |
| − | .igem_2019_team_menu {width:40%;}
| + | |
| − | }
| + | |
| − | | + | |
| − | /*500px */
| + | |
| − | /************************************************/
| + | |
| − | @media only screen and (max-width: 500px) {
| + | |
| − | .igem_2019_team_menu {min-width:100%;width:100%;}
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | /**************************************************************************************************************************************************************************************************/
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | </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">
| + | |
| − |
| + | |
| − | <script type="text/javascript" src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/jQuery&action=raw&ctype=text/javascript"></script>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| | </head> | | </head> |
| | + | <body onload="init();"> |
| | + | <div id="FudanTSIdivWrapper"><div id="FudanTSIBody"> |
| | + | <header> |
| | + | <div id="emptyBar" style="position:relative;width: 100%;"></div><nav id="topNav" class="black z-depth-0_5"><div class="nav-wrapper"><div id="teamLogo" class="brand-logo"> <a href="/Team:Fudan-TSI" target="_self"><img alt="2019 team logo" src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif"></a></div><ul id="nav-mobile" class="right"> |
| | + | <li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown1">Project</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown2">Results</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown3">Model</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown4">Parts</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown5">Human practices</a></li><li class="hide-on-med-and-down"><a class="dropdown-trigger" data-target="dropdown6">Team</a></li> |
| | + | <li class="hide-on-med-and-down"><a href="/Team:Fudan-TSI/Judging">Judging</a></li> |
| | + | <li> <a id="navList" data-target="slide-out" class="waves-effect waves-light sidenav-trigger right"> <i class="fa fa-navicon" style="font-size: 24px"></i> </a></li></ul></div> </nav> |
| | + | <!-- Dropdown and List elements in navigation bar --> |
| | + | <ul id="dropdown1" class="dropdown-content"> |
| | + | <li><a href="/Team:Fudan-TSI/Description">Background</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Design">Design</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li> |
| | + | </ul> |
| | + | <ul id="dropdown2" class="dropdown-content"> |
| | + | <li><a href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li> |
| | + | </ul> |
| | + | <ul id="dropdown3" class="dropdown-content"> |
| | + | <li><a href="/Team:Fudan-TSI/Model">Modeling</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Software">Software</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li> |
| | + | </ul> |
| | + | <ul id="dropdown4" class="dropdown-content"> |
| | + | <li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Improve">Part improvement</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li> |
| | + | </ul> |
| | + | <ul id="dropdown5" class="dropdown-content"> |
| | + | <li><a href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li> |
| | + | </ul> |
| | + | <ul id="dropdown6" class="dropdown-content"> |
| | + | <li><a href="/Team:Fudan-TSI/Team">Members</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Team#Acknowledge">Acknowledge</a></li> |
| | + | <li><a href="/Team:Fudan-TSI/Heritage">Heritage</a></li> |
| | + | </ul> |
| | | | |
| − | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" />
| |
| | | | |
| − | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <ul id="slide-out" class="sidenav"> |
| − | <!--- Menu ---> | + | <li style="padding: 0"><div class="sidenavBanner"> |
| − | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <div class="background"></div> |
| − |
| + | <p class="flow-text" style="width:100%;text-align:center"><span class="white-text">Team</span></p> |
| | + | </div></li> |
| | + | <li> |
| | + | <ul class="collapsible expandable"> |
| | + | <li><span class="pageSidebar">Team: Fudan-TSI</span></li><li><div class="collapsible-header"><span class="pageSidebar">Project</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Description">Background</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Design">Design</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Experiments">Experiments</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Judging">Judging</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Results</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Measurement">Measurement</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Notebook">Notebook</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Model</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Model">Modeling</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Software">Software</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Hardware">Hardware</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Parts</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Improve">Part improvement</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Human practices</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Safety">Safety</a></li></ul></div></li><li><div class="collapsible-header"><span class="pageSidebar">Team</span></div><div class="collapsible-body"><ul><li><a class="pageSidebar" href="/Team:Fudan-TSI/Team">Members</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Attributions">Attributions</a></li><li><a class="pageSidebar" href="/Team:Fudan-TSI/Heritage">Heritage</a></li></ul></div></li> |
| | + | </ul><!-- .expandable --> |
| | + | </li> |
| | + | <li><div class="placeHolder"></div></li> |
| | + | </ul> |
| | + | </header> |
| | | | |
| − | <style>
| + | <div id="pageContent"> |
| − |
| + | |
| − | *{margin: 0;padding: 0;list-style: none;}
| + | |
| − | /* via: https://blog.csdn.net/weixin_41014370/article/details/79523637 */
| + | |
| | | | |
| − | /** 清除内外边距 **/
| + | <!--//////////////////////////////////////////////////// |
| − | body, h1, h3, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
| + | do not edit above, if must BE CAREFUL |
| − | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
| + | //////////////////////////////////////////////////////--> |
| − | pre, /* text formatting elements 文本格式元素 */
| + | |
| − | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
| + | |
| − | th, td /* table elements 表格元素 */ {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| | | | |
| − | /** 设置默认字体 **/
| + | <div class="container"> |
| | + | <!-- side navigator of page content --> |
| | + | <!-- main content of the page --> |
| | + | <main style="margin:0"><article> |
| | | | |
| − | /* @@@@ h1, h3, h3, h4, h5, h6 { font-size: 100%; }*/
| + | <div class="section container"> |
| − | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
| + | <h4>Update after <a href="https://2019.igem.org/" target="_blank">#iGEM2019</a>: our presentation is available on <a href="https://youtu.be/Di8q82qlSII" target="_blank">YouTube</a> or <a href="https://v.youku.com/v_show/id_XNDQyMjY5MDY3Mg==.html" target="_blank">YouKu</a>. The subtitle for the presentation could be download from <a href="https://static.igem.org/mediawiki/2019/f/ff/T--Fudan-TSI--Di8q82qlSII-zhangchuyue1104.zip" target="_blank">here</a>.</h4> |
| − | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
| + | <h4>Update 2019-11-4: we won <a href="https://2019.igem.org/Competition/Results" target="_blank">the Gold medal</a>, and were nominated for <a href="/Model">Best Model</a> and <a href="/Measurement">Best Measurement</a>.</h4> |
| − | /* @@@@ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
| + | <p> </p> |
| | + | </div> |
| | | | |
| − | /** 重置列表元素 **/
| + | <div style="position:relative;width:100%;"> |
| − | ul, ol { list-style: none; }
| + | <div id="animation_container" style="width:800px; height:450px; margin:0 auto;" class="blue-grey darken-1"> |
| | + | <canvas id="canvas" width="800" height="450" style="position: relative; display: block;" class="blue-grey darken-1"></canvas> |
| | + | <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:800px; height:450px; position: relative; left: 0px; top: 0px; display: block;"></div> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | /** 重置文本格式元素 **/
| + | <div class="section container"> |
| − | a { text-decoration: none; }
| + | <h4>Construct your own mutation library</h4> |
| − | a:hover { text-decoration: underline; }
| + | <div class="width50" style="float:left;padding-right:1em;padding-top:1em"> |
| | + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2019/e/ed/T--Fudan-TSI--Mainpage01.gif" /> |
| | + | </div> |
| | + | <p class="flow-text">Mutation is the ever-powerful tool bringing diversity to the world and leading the way of evolution. Mutation library generation is critical for biological and medical research. Our system, R-Evolution, could easily establish the mutation library of a selected sequence, and allows for downstream high-throughput research applications such as directed evolution.</p> |
| | | | |
| | + | <div style="clear:both"></div> |
| | | | |
| − | /** 重置表单元素 **/
| + | <h4>Take simple steps <i>in vivo</i></h4> |
| − | legend { color: #000; } /* for ie6 */
| + | <div class="width50" style="float:right;padding-left:1em;padding-top:1em"> |
| − | fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
| + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2019/b/bd/T--Fudan-TSI--Mainpage02.gif" /> |
| − | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
| + | </div> |
| − | /* 注：optgroup 无法扶正 */
| + | <p class="flow-text">Through the process of transcription, reverse transcription and recombination, the target sequence will be mutated <i>in vivo</i>.</p> |
| | | | |
| − | /** 重置表格元素 **/
| + | <div style="clear:both"></div> |
| − | table { border-collapse: collapse; border-spacing: 0; }
| + | |
| − |
| + | |
| − | </style>
| + | |
| | | | |
| | + | <h4>Continuous evolution, consecutive selection</h4> |
| | + | <div class="width50" style="float:left;padding-right:1em;padding-top:1em"> |
| | + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2019/c/ca/T--Fudan-TSI--Mainpage03.gif" /> |
| | + | </div> |
| | + | <p class="flow-text">Iterative cycles of mutagenesis occur in one round of the system, allowing for high mutation rate. Selection couples with the system in one chassis.</p> |
| | | | |
| | + | <div style="clear:both"></div> |
| | | | |
| | + | <h4>Sequence specificity, host adaptability, high mutation rate and orthogonality</h4> |
| | + | <div class="width50" style="float:right;padding-left:1em;padding-top:1em"> |
| | + | <img class="responsive-img" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif" /> |
| | + | </div> |
| | + | <p class="flow-text">R-Evolution mutates only the target sequence, greatly reduces false-positive rate, uses orthogonal parts that functions independent of host’s environment, enables simultaneous scanning process in different hosts, goes through iterative rounds of mutagenesis with high efficiency, and couples mutagenesis with downstream operations.</p> |
| | + | </div> |
| | | | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Content begins ---------------------------------------------------------------------------------------------------------------------------------> | + | <div class="section container" style="text-align:center"> |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | + | <h2>Highlights of our project</h2> |
| − |
| + | <style type="text/css">.highlightLinks{width:23%;display:inline-block;margin:.3% .1%;background-color:rgba(255,255,255,.27);text-align:center}.highlightA{color:#fff;text-decoration:none}.highlightIcon{font-size:4em;margin:20% auto 10% auto;text-decoration:none}.highlightTitle{margin-bottom:15%;text-decoration:none}.highlightA:focus,.highlightA:visited,.hightlightA:active{color:#fff}.highlightA:hover{color:#7dded4;text-decoration:none}</style> |
| − |
| + | <div class="highlightLinks"> |
| − |
| + | <a class="highlightA" href="/Team:Fudan-TSI/Description"> |
| − |
| + | <div class="highlightIcon"><i class="fa fa-tags"></i></div> |
| − |
| + | <div class="highlightTitle">Description</div> |
| − |
| + | </a> |
| − |
| + | </div> |
| − |
| + | <div class="highlightLinks"> |
| − |
| + | <a class="highlightA" href="/Team:Fudan-TSI/Design"> |
| − |
| + | <div class="highlightIcon"><i class="fa fa-cogs"></i></div> |
| − |
| + | <div class="highlightTitle">Design</div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="highlightLinks"> |
| | + | <a class="highlightA" href="/Team:Fudan-TSI/Demonstrate"> |
| | + | <div class="highlightIcon"><i class="fa fa-check-circle-o"></i></div> |
| | + | <div class="highlightTitle">Demonstration</div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="highlightLinks"> |
| | + | <a class="highlightA" href="/Team:Fudan-TSI/Applied_Design"> |
| | + | <div class="highlightIcon"><i class="fa fa-flask"></i></div> |
| | + | <div class="highlightTitle">Application</div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="highlightLinks"> |
| | + | <a class="highlightA" href="/Team:Fudan-TSI/Model"> |
| | + | <div class="highlightIcon"><i class="fa fa-area-chart"></i></div> |
| | + | <div class="highlightTitle">Model</div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="highlightLinks"> |
| | + | <a class="highlightA" href="/Team:Fudan-TSI/Software"> |
| | + | <div class="highlightIcon"><i class="fa fa-code"></i></div> |
| | + | <div class="highlightTitle">Software</div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="highlightLinks"> |
| | + | <a class="highlightA" href="/Team:Fudan-TSI/Human_Practices"> |
| | + | <div class="highlightIcon"><i class="fa fa-users"></i></div> |
| | + | <div class="highlightTitle">HP</div> |
| | + | </a> |
| | + | </div> |
| | + | <div class="highlightLinks"> |
| | + | <a class="highlightA" href="/Team:Fudan-TSI/Parts"> |
| | + | <div class="highlightIcon"><i class="fa fa-th"></i></div> |
| | + | <div class="highlightTitle">Parts</div> |
| | + | </a> |
| | + | </div> |
| | + | </div> |
| | | | |
| − | <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
| |
| − | <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <style>
| |
| − |
| |
| − | body{
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | background-color:#08273a;
| |
| − | }
| |
| − | a{
| |
| − | text-decoration:none;
| |
| − | }
| |
| − | #global_wrapper{
| |
| − | width:100%;
| |
| − | height:auto;
| |
| − | margin:0;
| |
| − | position:absolute;
| |
| − | }
| |
| − | #navUl{
| |
| − | width:100%;
| |
| − | height:110px;
| |
| − | padding:40px 0 0 0;
| |
| − | overflow:visible;
| |
| − | position:fixed;
| |
| − | list-style:none;
| |
| − | z-index:999;
| |
| − | background-color:#08273a;
| |
| − | margin:0;
| |
| − | top:0;
| |
| − | }
| |
| − | #mobileNav{
| |
| − | width:100%;
| |
| − | height:80px;
| |
| − | padding:20px 0 0 0;
| |
| − | top:0;
| |
| − | background-color:#001d2a;
| |
| − | position:fixed;
| |
| − | display:none;
| |
| − | text-align:center;
| |
| − | z-index:999;
| |
| − | }
| |
| − | #mobileNav img{
| |
| − | display:none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | }
| |
| − | #mobileLogo{
| |
| − | display:inline-block;
| |
| − | }
| |
| − | #mobileControl{
| |
| − | float:right;
| |
| − | display:inline-block;
| |
| − | margin-right:15px;
| |
| − | margin-top:3px;
| |
| − | }
| |
| − | #mobileCtrl{
| |
| − | height:25px;
| |
| − | }
| |
| − | #mobileTeamName{
| |
| − | display:inline-block;
| |
| − | }
| |
| − | #navImg{
| |
| − | display:inline-block;
| |
| − | float:left;
| |
| − | height:70px;
| |
| − | width:auto;
| |
| − | position:relative;
| |
| − | margin-left:4%;
| |
| − | margin-top:0;
| |
| − | }
| |
| − | .logo{
| |
| − | height:55px;
| |
| − | width:auto;
| |
| − | margin-top:1.3%;
| |
| − | }
| |
| − | .teamname{
| |
| − | height:28px;
| |
| − | }
| |
| | | | |
| − | #navBar{
| + | <!--//////////////////////////////////////////////////// |
| − | float:right;
| + | do not edit below, if must BE CAREFUL |
| − | position:relative;
| + | //////////////////////////////////////////////////////--> |
| − | width:auto;
| + | </article></main></div><!-- end of side navigator and main of the page --> |
| − | display:inline-block;
| + | |
| − | margin-right:4%;
| + | |
| − | }
| + | |
| − | .navLi{
| + | |
| − | float:left;
| + | |
| − | display:inline-block;
| + | |
| − | margin-top:3%;
| + | |
| − | color:white;
| + | |
| − | font-size:20px;
| + | |
| − | position:relative;
| + | |
| − | margin-left:18px;
| + | |
| − | text-align:center;
| + | |
| − | font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | .navA{
| + | |
| − | display:block;
| + | |
| − | text-align:center;
| + | |
| − | color:white;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | .navA2{
| + | |
| − | display:block;
| + | |
| − | overflow:visible;
| + | |
| − | color:white;
| + | |
| − | height:auto;
| + | |
| − | }
| + | |
| − | .ul2{
| + | |
| − | list-style:none;
| + | |
| − | position:absolute;
| + | |
| − | display:none;
| + | |
| − | overflow:hidden;
| + | |
| − | padding:10px 0 0 0 !important;
| + | |
| − | margin:0 !important;
| + | |
| − | font-size:17px;
| + | |
| − | left:50%;
| + | |
| − | transform:translateX(-50%);
| + | |
| − | border-bottom-left-radius: 10px;
| + | |
| − | border-bottom-right-radius: 10px;
| + | |
| − | background:linear-gradient(#08273a,rgba(0,138,201,1));
| + | |
| − | }
| + | |
| − | .li2{
| + | |
| − | padding:0;
| + | |
| − | margin:10px 20px;
| + | |
| − | text-align:center;
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | .navA:link,.navA2:link{
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | .navA:visited{
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | .navA2:visited,.navA2:active{
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | .navA:hover{
| + | |
| − | color:#7dded4;
| + | |
| − | }
| + | |
| − | .navA2:hover{
| + | |
| − | color:#7dded4;
| + | |
| − | }
| + | |
| − | .jqhover{
| + | |
| − | color:#7dded4;
| + | |
| − | }
| + | |
| − | .navA:hover{
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | .navA:active{
| + | |
| − | text-decoration:none;
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| | | | |
| − | </style>
| + | <!-- Floating Btns, Footer with sponsors --> |
| | + | <div class="floatingBtn"> <a href="#FudanTSIdivWrapper" class="btn"> <i class="fa fa-angle-up" style="font-size:48px;line-height:45px"></i> </a></div> <footer id="FudanTSIfooter" class="page-footer blue-grey darken-1"><div class="container"><div class="row"><div id="sponsor" class="col m3 s12 row"> <a href="https://2019.igem.org/Team:Fudan-TSI"><img alt="2019 Team:Fudan-TSI logo white" class="col s3 m6 l3" style="position:relative; padding: 0.45em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif"> </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png"> </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* fig should be smaller, 2018 ht */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"> </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png"> </a><h3 class="col s12" style="text-align:left;font-size:12.5px">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3></div><div id="footerNavList" class="col m9 s12 row"><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Description">Project</a></span><ul><li><a href="/Team:Fudan-TSI/Description">Background</a></li><li><a href="/Team:Fudan-TSI/Design">Design</a></li><li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li><li><a href="/Team:Fudan-TSI/Applied_Design">Applied design</a></li><li><a href="/Team:Fudan-TSI/Judging">Judging</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Demonstrate">Results</a></span><ul><li><a href="/Team:Fudan-TSI/Demonstrate#ReverseTranscription">Reverse transcription</a></li><li><a href="/Team:Fudan-TSI/Demonstrate#Recombination">Recombination</a></li><li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li><li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li><li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Model">Model</a></span><ul><li><a href="/Team:Fudan-TSI/Model">Modeling</a></li><li><a href="/Team:Fudan-TSI/Software">Software</a></li><li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li></ul></div></div><div class="col s12 l6 row"><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span><ul><li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li><li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li><li><a href="/Team:Fudan-TSI/Improve">Part improvement</a></li><li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span><ul><li><a href="/Team:Fudan-TSI/Public_Engagement">Public engagement</a></li><li><a href="/Team:Fudan-TSI/Human_Practices#IntegratedHumanPractice">Integrated HP</a></li><li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li><li><a href="/Team:Fudan-TSI/Safety">Safety</a></li></ul></div><div class="col s12 m4"> <span><a href="/Team:Fudan-TSI/Team">Team</a></span><ul><li><a href="/Team:Fudan-TSI/Team">Members</a></li><li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li><li><a href="/Team:Fudan-TSI/Team#Acknowledge">Acknowledge</a></li><li><a href="/Team:Fudan-TSI/Heritage">Heritage</a></li></ul></div><div class="col s12 m4"> </div></div></div></div></div><div class="footer-copyright"><div class="container"><div class="contactUS row"><div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai</div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727</div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn</div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM</div></div></div></div> </footer> |
| | + | </div></div></div><!-- #pageContent #FudanTSIBody #FudanTSIdivWrapper --> |
| | | | |
| − |
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/CreatJS&action=raw&ctype=text/javascript"></script> |
| − | <style>
| + | |
| − |
| + | |
| − | #pageContent{
| + | |
| − | margin:100px 0 0 0;
| + | |
| − | text-align:center;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #projectIntro{
| + | |
| − | text-align:center;
| + | |
| − | margin:150px auto;
| + | |
| − | }
| + | |
| − | #animation_container{
| + | |
| − | clear:both;
| + | |
| − | display:block;
| + | |
| − | margin:0 auto;
| + | |
| − | }
| + | |
| − | #teamLogo{
| + | |
| − | display:none;
| + | |
| − | text-align:center;
| + | |
| − | }
| + | |
| − | #mobileCover{
| + | |
| − | display:block;
| + | |
| − | width:80%;
| + | |
| − | margin:0 auto;
| + | |
| − | }
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | #highlights{
| + | |
| − | margin:100px auto 50px auto;
| + | |
| − | width:70%;
| + | |
| − | text-align:center;
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | .highlightLinks{
| + | |
| − | width:23%;
| + | |
| − | display:inline-block;
| + | |
| − | margin:0.3% 0.1%;
| + | |
| − | background-color:rgba(255,255,255,0.27);
| + | |
| − | }
| + | |
| − | #highlightBox{
| + | |
| − | width:100%;
| + | |
| − | color:white;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .highlightA{
| + | |
| − | color:white;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − | .highlightIcon{
| + | |
| − | font-size:3vw;
| + | |
| − | margin:20% auto 10% auto;
| + | |
| − | }
| + | |
| − | .highlightTitle{
| + | |
| − | font-size:1.5vw;
| + | |
| − | margin-bottom:15%;
| + | |
| − | }
| + | |
| − | .hightlightA:active, .highlightA:visited, .highlightA:focus{
| + | |
| − | color:white;
| + | |
| − | }
| + | |
| − | .highlightA:hover{
| + | |
| − | color:#7dded4;
| + | |
| − | text-decoration:none;
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | .title2{
| + | |
| − | color:white;
| + | |
| − | text-align:left;
| + | |
| − | font-size:2rem;
| + | |
| − | line-height:130%;
| + | |
| − | white-space:nowrap;
| + | |
| − | }
| + | |
| − | .para1{
| + | |
| − | color:white;
| + | |
| − | text-align:justify;
| + | |
| − | line-height:140%;
| + | |
| − | font-size:1.2rem;
| + | |
| − | }
| + | |
| − | .content1{
| + | |
| − | margin:7% auto;
| + | |
| − | }
| + | |
| − | .pic2{
| + | |
| − | width:150%;
| + | |
| − | }
| + | |
| − | .reverseDiv{
| + | |
| − | position:relative !important;
| + | |
| − | float:right !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | </style>
| + | |
| − |
| + | |
| − | <style>
| + | |
| − |
| + | |
| − | @media only screen and (max-width:1200px){
| + | |
| − | #mobileBar{
| + | |
| − | margin-left:4%;
| + | |
| − | }
| + | |
| − | .navLi{
| + | |
| − | font-size:18px;
| + | |
| − | margin-top:3.5%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | @media only screen and (max-width:1100px){
| + | |
| − |
| + | |
| − | #navUl{
| + | |
| − | display:block;
| + | |
| − | float:right;
| + | |
| − | margin-top:0;
| + | |
| − | top:80px;
| + | |
| − | right:0;
| + | |
| − | background-color:rgba(0,0,0,0);
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #mobileNav{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #navImg{
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | #navBar{
| + | |
| − | margin:0 1% 0 0;
| + | |
| − | padding-right:2%;
| + | |
| − | padding-left:1%;
| + | |
| − | position:relative;
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #mobileNav img{
| + | |
| − | display:inline-block;
| + | |
| − | margin:5px 0;
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − | #mobileControl{
| + | |
| − | margin-top:8px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .logo{
| + | |
| − | height:45px;
| + | |
| − | margin-top:7px;
| + | |
| − | }
| + | |
| − | .navLi{
| + | |
| − | display:block;
| + | |
| − | position:relative;
| + | |
| − | float:right;
| + | |
| − | clear:both;
| + | |
| − | white-space:nowrap;
| + | |
| − | text-align:right;
| + | |
| − | margin:0;
| + | |
| − | height:60px;
| + | |
| − | width:100%;
| + | |
| − | background-color:#00324a;
| + | |
| − | }
| + | |
| − | .navA{
| + | |
| − | display:block;
| + | |
| − | text-align:right;
| + | |
| − | position:relative;
| + | |
| − | float:right;
| + | |
| − | padding:20px 20px !important;
| + | |
| − | }
| + | |
| − | .n2{
| + | |
| − | display:none;
| + | |
| − | width:0;
| + | |
| − | position:relative;
| + | |
| − | float:left;
| + | |
| − | text-align:right;
| + | |
| − | }
| + | |
| − | .ul2{
| + | |
| − | background:none;
| + | |
| − | padding-top:0;
| + | |
| − | background-color:#00557b;
| + | |
| − | text-align:right;
| + | |
| − | display:block;
| + | |
| − | position:relative;
| + | |
| − | float:right;
| + | |
| − | right:100%;
| + | |
| − | transform:translateX(0%);
| + | |
| − | top:0;
| + | |
| − | transform:translateY(1%);
| + | |
| − | border-radius:0 0 0 10px;
| + | |
| − | }
| + | |
| − | .open{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .title2{
| + | |
| − | font-size:1.8rem;
| + | |
| − | line-height:140%;
| + | |
| − | white-space: nowrap;
| + | |
| − | }
| + | |
| − | .para1{
| + | |
| − | font-size:1.1rem;
| + | |
| − | }
| + | |
| − | .pic2{
| + | |
| − | width:120%;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .highlightIcon{
| + | |
| − | margin:20% auto 10% auto;
| + | |
| − | }
| + | |
| − | .highlightTitle{
| + | |
| − | margin-bottom:15%;
| + | |
| − | }
| + | |
| − | | + | |
| − |
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | @media only screen and (max-width:992px){
| + | |
| − |
| + | |
| − | #navUl{
| + | |
| − | display:block;
| + | |
| − | float:right;
| + | |
| − | margin:0;
| + | |
| − | top:80px;
| + | |
| − | right:0;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #mobileNav{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #navImg{
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #navTeamName{
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #navBar{
| + | |
| − | margin:0 1% 0 0 ;
| + | |
| − | margin-right:2%;
| + | |
| − | padding-right:1%;
| + | |
| − | padding-left:1%;
| + | |
| − | position:relative;
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | #mobileControl{
| + | |
| − | margin-top:10px;
| + | |
| − | }
| + | |
| − | #mobileNav img{
| + | |
| − | display:inline-block;
| + | |
| − | margin:5px 0;
| + | |
| − | padding:0;
| + | |
| − | }
| + | |
| − | .logo{
| + | |
| − | height:40px;
| + | |
| − | }
| + | |
| − | .navLi{
| + | |
| − | display:block;
| + | |
| − | position:relative;
| + | |
| − | float:right;
| + | |
| − | clear:both;
| + | |
| − | white-space:nowrap;
| + | |
| − | text-align:right;
| + | |
| − | height:60px;
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | .navA{
| + | |
| − | display:block;
| + | |
| − | text-align:right;
| + | |
| − | position:relative;
| + | |
| − | float:right;
| + | |
| − | font-size:15px;
| + | |
| − | }
| + | |
| − | .n2{
| + | |
| − | display:none;
| + | |
| − | width:0;
| + | |
| − | position:relative;
| + | |
| − | float:left;
| + | |
| − | }
| + | |
| − | .ul2{
| + | |
| − | font-size:13px;
| + | |
| − | }
| + | |
| − | .open{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | #animation_container{
| + | |
| − | display:none;
| + | |
| − | }
| + | |
| − | #teamLogo{
| + | |
| − | display:block;
| + | |
| − | }
| + | |
| − | | + | |
| − |
| + | |
| − | .title2{
| + | |
| − | font-size:1.5rem;
| + | |
| − | }
| + | |
| − | .para1{
| + | |
| − | font-size:1rem;
| + | |
| − | }
| + | |
| − | .pic2{
| + | |
| − | width:100%;
| + | |
| − | }
| + | |
| − | | + | |
| − |
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | @media only screen and (max-width:768px){
| + | |
| − | .col-md-4{
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − | .col-md-8{
| + | |
| − | clear:both;
| + | |
| − | }
| + | |
| − | .pic2{
| + | |
| − | margin-bottom:10%;
| + | |
| − | width:80%;
| + | |
| − | }
| + | |
| − | .title2{
| + | |
| − | font-size:1rem;
| + | |
| − | }
| + | |
| − | .para1{
| + | |
| − | font-size:0.8rem;
| + | |
| − | }
| + | |
| − | .pic2{
| + | |
| − | width:80%;
| + | |
| − | }
| + | |
| − | #sponser img {
| + | |
| − | width:60%;
| + | |
| − | }
| + | |
| − | }
| + | |
| − |
| + | |
| − | </style>
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css">
| + | |
| − | | + | |
| − | <style>
| + | |
| − | #footContainer{
| + | |
| − | width:90%;
| + | |
| − | }
| + | |
| − | #FudanFooter{
| + | |
| − | margin:auto 0;
| + | |
| − | width:100%;
| + | |
| − | padding:3% 0;
| + | |
| − | }
| + | |
| − | #FudanFooter #usefulLinks {
| + | |
| − | color: #cacaca;
| + | |
| − | padding-left: 1rem;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks ul {
| + | |
| − | font-size: 13px;
| + | |
| − | line-height: 14px;
| + | |
| − | border-top: solid 2px;
| + | |
| − | color: inherit;
| + | |
| − | text-decoration: none;
| + | |
| − | padding-top: 5px;
| + | |
| − | margin:0;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks div {
| + | |
| − | color: #cacaca;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks div:hover {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks a {
| + | |
| − | color: inherit;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks a:hover {
| + | |
| − | text-decoration: underline;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks div.active,
| + | |
| − | #FudanFooter #usefulLinks div.active a {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks div.active ul {
| + | |
| − | border-top: solid white 2px;
| + | |
| − | }
| + | |
| − | | + | |
| − | #FudanFooter #usefulLinks li {
| + | |
| − | padding: 3px 0 6px 3px;
| + | |
| − | list-style:none;
| + | |
| − | }
| + | |
| − | | + | |
| − | #usefulLinks span {
| + | |
| − | font-size: 20px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | | + | |
| − | #FudanFooter div.footer-copyright {
| + | |
| − | font-size: 13px;
| + | |
| − | line-height: 15px;
| + | |
| − | }
| + | |
| − | .footerUl{
| + | |
| − | margin:2% 4%;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − |
| + | |
| − | <div id="global_wrapper">
| + | |
| − | <div id="mobileNav">
| + | |
| − |
| + | |
| − | <div id="mobileLogo"><img src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif" class="logo"></div>
| + | |
| − | <div id="mobileControl"><img src="https://static.igem.org/mediawiki/2019/thumb/a/ae/T--Fudan-TSI--mobileCtrl.gif/683px-T--Fudan-TSI--mobileCtrl.gif" id="mobileCtrl"></div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <ul id="navUl">
| + | |
| − |
| + | |
| − | <li id="navImg">
| + | |
| − | <img src="https://static.igem.org/mediawiki/2019/d/d3/T--Fudan-TSI--HomepageLogo.gif" class="logo">
| + | |
| − |
| + | |
| − | </li>
| + | |
| − |
| + | |
| − |
| + | |
| − | <ul id="navBar">
| + | |
| − |
| + | |
| − | <li class="navLi"><a class="navA noSubmenu" href="https://2019.igem.org/Team:Fudan-TSI">Home</a></li>
| + | |
| − |
| + | |
| − | <li class="navLi">
| + | |
| − | <a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Description">Project</a>
| + | |
| − | <div class="n2">
| + | |
| − | <ul class="ul2">
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Description">Description</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Design">Design</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Design" style="white-space:nowrap">Applied Design</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Experiments">Experiment</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class="navLi">
| + | |
| − | <a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Results">Results</a>
| + | |
| − | <div class="n2">
| + | |
| − | <ul class="ul2">
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Reverse_Transcription">Reverse Transcription</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Results/Recombination">Recombination</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Measurement">Measurement</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Notebook">Notebook</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class="navLi">
| + | |
| − | <a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Model">Model</a>
| + | |
| − | <div class="n2">
| + | |
| − | <ul class="ul2">
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Model">Modeling</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Software">Software</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Hardware">Hardware</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class="navLi">
| + | |
| − | <a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">Parts</a>
| + | |
| − | <div class="n2">
| + | |
| − | <ul class="ul2">
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Basic_Part">Basic Parts</a></li>
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Composite_Part">Composite Parts</a></li>
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Improve">Improved Parts</a></li>
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Part_Collection">Part Collection</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class="navLi">
| + | |
| − | <a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">Human Practices</a>
| + | |
| − | <div class="n2">
| + | |
| − | <ul class="ul2">
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Public_Engagement">Education & <br />Public Engagement</a></li>
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Integrated_Human_Practice">Integrated <br />Human Practice</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Collaborations">Collaboration</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Safety">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class="navLi">
| + | |
| − | <a class="navA" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team</a>
| + | |
| − | <div class="n2">
| + | |
| − | <ul class="ul2">
| + | |
| − | <li class="li2"><a class="navA2" style="white-space:nowrap;" href="https://2019.igem.org/Team:Fudan-TSI/Team">Team Members</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Attribution">Attribution</a></li>
| + | |
| − | <li class="li2"><a class="navA2" href="https://2019.igem.org/Team:Fudan-TSI/Acknowledgment">Acknowledgement</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − |
| + | |
| − | <li class="navLi"><a class="navA noSubmenu" href="https://2019.igem.org/Team:Fudan-TSI/Team/Judging">Judging</a></li>
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − |
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − |
| + | |
| − | <div id="pageContent">
| + | |
| − |
| + | |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!---- Left Navigator ---->
| + | |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!---- Content ---->
| + | |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − |
| + | |
| − | <div id="projectIntro">
| + | |
| − |
| + | |
| − | <body onload="init();" style="margin:0px;">
| + | |
| − | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/createjs.js&action=raw&ctype=text/javascript"></script> | + | |
| | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/AnimationProject&action=raw&ctype=text/javascript"></script> | | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/AnimationProject&action=raw&ctype=text/javascript"></script> |
| | + | <script> |
| | + | var canvas, stage, exportRoot, anim_container, dom_overlay_container, fnStartAnimation; |
| | + | function init() { |
| | + | canvas = document.getElementById("canvas"); |
| | + | anim_container = document.getElementById("animation_container"); |
| | + | dom_overlay_container = document.getElementById("dom_overlay_container"); |
| | + | var comp=AdobeAn.getComposition("59A1DD61F7F294448CE610842DD5118B"); |
| | + | var lib=comp.getLibrary(); |
| | + | var loader = new createjs.LoadQueue(false); |
| | + | loader.addEventListener("fileload", function(evt){handleFileLoad(evt,comp)}); |
| | + | loader.addEventListener("complete", function(evt){handleComplete(evt,comp)}); |
| | + | var lib=comp.getLibrary(); |
| | + | loader.loadManifest(lib.properties.manifest); |
| | + | } |
| | + | function handleFileLoad(evt, comp) { |
| | + | var images=comp.getImages(); |
| | + | if (evt) { if (evt.item.type == "image") { images[evt.item.id] = evt.result; } } |
| | + | } |
| | + | function handleComplete(evt,comp) { |
| | + | //This function is always called, irrespective of the content. You can use the variable "stage" after it is created in token create_stage. |
| | + | var lib=comp.getLibrary(); |
| | + | var ss=comp.getSpriteSheet(); |
| | + | var queue = evt.target; |
| | + | var ssMetadata = lib.ssMetadata; |
| | + | for(i=0; i<ssMetadata.length; i++) { |
| | + | ss[ssMetadata[i].name] = new createjs.SpriteSheet( {"images": [queue.getResult(ssMetadata[i].name)], "frames": ssMetadata[i].frames} ) |
| | + | } |
| | + | exportRoot = new lib.Project(); |
| | + | stage = new lib.Stage(canvas); |
| | + | //Registers the "tick" event listener. |
| | + | fnStartAnimation = function() { |
| | + | stage.addChild(exportRoot); |
| | + | createjs.Ticker.setFPS(lib.properties.fps); |
| | + | createjs.Ticker.addEventListener("tick", stage); |
| | + | } |
| | + | //Code to support hidpi screens and responsive scaling. |
| | + | function makeResponsive(isResp, respDim, isScale, scaleType) { |
| | + | var lastW, lastH, lastS=1; |
| | + | window.addEventListener('resize', resizeCanvas); |
| | + | resizeCanvas(); |
| | + | function resizeCanvas() { |
| | + | var w = lib.properties.width, h = lib.properties.height; |
| | + | var iw = window.innerWidth, ih=window.innerHeight; |
| | + | var pRatio = window.devicePixelRatio || 1, xRatio=iw/w, yRatio=ih/h, sRatio=1; |
| | + | if(isResp) { |
| | + | if( respDim=='width' ){ if (lastW==iw) { |
| | + | sRatio = lastS; |
| | + | }} |
| | + | else if( respDim=='height' ){ if (lastH==ih) { |
| | + | sRatio = lastS; |
| | + | }} |
| | + | else if(!isScale) { |
| | + | if(iw<w || ih<h) |
| | + | sRatio = Math.min(xRatio, yRatio); |
| | + | } |
| | + | else if(scaleType==1) { |
| | + | sRatio = Math.min(xRatio, yRatio); |
| | + | } |
| | + | else if(scaleType==2) { |
| | + | sRatio = Math.max(xRatio, yRatio); |
| | + | } |
| | + | } |
| | + | canvas.width = w*pRatio*sRatio; |
| | + | canvas.height = h*pRatio*sRatio; |
| | + | canvas.style.width = dom_overlay_container.style.width = anim_container.style.width = w*sRatio+'px'; |
| | + | canvas.style.height = anim_container.style.height = dom_overlay_container.style.height = h*sRatio+'px'; |
| | + | stage.scaleX = pRatio*sRatio; |
| | + | stage.scaleY = pRatio*sRatio; |
| | + | lastW = iw; lastH = ih; lastS = sRatio; |
| | + | stage.tickOnUpdate = false; |
| | + | stage.update(); |
| | + | stage.tickOnUpdate = true; |
| | + | } |
| | + | } |
| | + | makeResponsive(false,'both',false,1); |
| | + | AdobeAn.compositionLoaded(lib.properties.id); |
| | + | fnStartAnimation(); |
| | + | } |
| | + | </script> |
| | | | |
| − | <div id="animation_container" style="background-color:rgba(8, 39, 58, 1.00); width:800px; height:450px">
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script><!-- Materialize 1.0.0-rc.2 --> |
| − | <canvas id="canvas" width="800" height="450" style="position: absolute; display: block; background-color:rgba(8, 39, 58, 1.00);"></canvas>
| + | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-js.js&action=raw&ctype=text/javascript"></script> |
| − | <div id="dom_overlay_container" style="pointer-events:none; overflow:hidden; width:800px; height:450px; position: absolute; left: 0px; top: 0px; display: block;">
| + | </body> |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div id="teamLogo"><img id="mobileCover" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif"></div>
| + | |
| − | </body>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="container">
| + | |
| − | <div class="row align-items-center content1">
| + | |
| − | <div class="col-md-4">
| + | |
| − | <img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/e/ed/T--Fudan-TSI--Mainpage01.gif" />
| + | |
| − | </div>
| + | |
| − | <div class="col-md-8">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col title2">
| + | |
| − | Construct your own mutation library
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <div class="col para1">
| + | |
| − | Mutation is the ever-powerful tool bringing diversity to the world and leading the way of evolution. Mutation library generation is critical for biological and medical research. Our system, R-Evolution, could easily establish the mutation library of a selected sequence, and allows for downstream high-throughput research applications such as directed evolution.
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="row align-items-center content1">
| + | |
| − |
| + | |
| − | <div class="col-md-4 col-sm-push-8">
| + | |
| − | <img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/b/bd/T--Fudan-TSI--Mainpage02.gif" />
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="col-md-8 col-sm-pull-4">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col title2">
| + | |
| − | Take simple steps <i>in vivo</i>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <div class="col para1">
| + | |
| − | Through the process of transcription, reverse transcription and recombination, the target sequence will be mutated <i>in vivo</i>.
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="row align-items-center content1">
| + | |
| − | <div class="col-md-4">
| + | |
| − | <img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/c/ca/T--Fudan-TSI--Mainpage03.gif" />
| + | |
| − | </div>
| + | |
| − | <div class="col-md-8">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col title2">
| + | |
| − | Continuous evolution, consecutive selection
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <div class="col para1">
| + | |
| − | Iterative cycles of mutagenesis occur in one round of the system, allowing for high mutation rate. Selection couples with the system in one chassis.
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="row align-items-center content1">
| + | |
| − | <div class="col-md-4 col-sm-push-8">
| + | |
| − | <img class="img-fluid pic2" src="https://static.igem.org/mediawiki/2019/f/f9/T--Fudan-TSI--800-450.gif" />
| + | |
| − | </div>
| + | |
| − | <div class="col-md-8 col-sm-pull-4">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col title2">
| + | |
| − | Sequence specificity, host adaptability, <br />high mutation rate and orthogonality
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <div class="col para1">
| + | |
| − | R-Evolution mutates only the target sequence, greatly reduces false-positive rate, uses orthogonal parts that functions independent of host’s environment, enables simultaneous scanning process in different hosts, goes through iterative rounds of mutagenesis with high efficiency, and couples mutagenesis with downstream operations.
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | <div id="highlights">
| + | |
| − | <h3 style="color:white; text-decoration:none; margin-bottom:30px;">Highlights of our project</h3>
| + | |
| − | <div id="highlightBox">
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Description">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-tags"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Description</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Design">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-cogs"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Design</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Demonstrate">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-check-circle-o"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Demonstration</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Design">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-flask"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Application</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Model">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-area-chart"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Model</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Software">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-code"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Software</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Human_Practices">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-users"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">HP</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="highlightLinks">
| + | |
| − | <a class="highlightA" href="https://2019.igem.org/Team:Fudan-TSI/Parts">
| + | |
| − | <div style="text-decoration:none;" class="highlightIcon"><i class="fa fa-th"></i></div>
| + | |
| − | <div style="text-decoration:none;" class="highlightTitle">Parts</div>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!---- Foot ---->
| + | |
| − | <!----------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − |
| + | |
| − | <footer id="FudanFooter" class="page-footer grey">
| + | |
| − |
| + | |
| − | <div class="container" id="footContainer">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-4" id="sponser" style="padding-top:3%;">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-sm-6" style="padding:0;">
| + | |
| − | <div class="row align-items-center">
| + | |
| − | <div class="col">
| + | |
| − | <img class="img-fluid" alt="Team Fudan-TSI" src="https://static.igem.org/mediawiki/2019/0/0f/T--Fudan-TSI--LogoGrey.gif" />
| + | |
| − | </div>
| + | |
| − | <div class="col">
| + | |
| − | <img class="img-fluid" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png" />
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-sm-6" style="padding:0;">
| + | |
| − | <div class="row align-items-center">
| + | |
| − | <div class="col">
| + | |
| − | <img class="img-fluid" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png" />
| + | |
| − | </div>
| + | |
| − | <div class="col">
| + | |
| − | <img class="img-fluid" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png" />
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size:12.5px; margin-top:5px;">R-Evolution: an <i>in vivo</i> sequence-specific toolbox for continuous mutagenesis</h3>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="col-md-8" id="usefulLinks">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-6" style="padding:0;">
| + | |
| − | <div class="row">
| + | |
| − |
| + | |
| − | <div class="col-sm-4">
| + | |
| − | <div class="footerUl align-items-center active">
| + | |
| − | <span><a href="/Team:Fudan-TSI/Description" style="text-decoration:none;">Project</a></span>
| + | |
| − | <ul>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Description">Background</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Design">Design</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Applied_Design">Applied Design</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Judging">Judging</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="col-sm-4">
| + | |
| − | <div class="footerUl align-items-center">
| + | |
| − | <span><a href="/Team:Fudan-TSI/Results" style="text-decoration:none;">Results</a></span>
| + | |
| − | <ul>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Results#ReverseTranscription">Reverse Transcription</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Results#Recombination">Recombination</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="col-sm-4">
| + | |
| − | <div class="footerUl align-items-center">
| + | |
| − | <span style="text-decoration:none;">Model</span>
| + | |
| − | <ul>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Model">Modeling</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Software">Software</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-6" style="padding:0;">
| + | |
| − | <div class="row">
| + | |
| − |
| + | |
| − | <div class="col-sm-4">
| + | |
| − | <div class="footerUl align-items-center">
| + | |
| − | <span><a href="/Team:Fudan-TSI/Parts" style="text-decoration:none;">Parts</a></span>
| + | |
| − | <ul>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Improve">Improved parts</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="col-sm-4">
| + | |
| − | <div class="footerUl align-items-center">
| + | |
| − | <span><a href="/Team:Fudan-TSI/Human_Practices" style="text-decoration:none;">Outreach</a></span>
| + | |
| − | <ul>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Public_Engagement">Education & Public engagement</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Integrated_Human_Practice">Integrated human practice</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="col-sm-4">
| + | |
| − | <div class="footerUl align-items-center">
| + | |
| − | <span><a href="/Team:Fudan-TSI/Team" style="text-decoration:none;">Team</a></span>
| + | |
| − | <ul>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Team">Members</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li>
| + | |
| − | <li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li>
| + | |
| − | <li><a href="/Team:Fudan-TSI">© 2019</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <div class="footer-copyright">
| + | |
| − | <div class="container" style="width:90%;">
| + | |
| − | <div class="contactUS row">
| + | |
| − | <div class="col s12 m6 l6"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai
| + | |
| − | </div>
| + | |
| − | <div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727
| + | |
| − | </div>
| + | |
| − | <div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn
| + | |
| − | </div>
| + | |
| − | <div class="col s12 m6 l2"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </footer>
| + | |
| − |
| + | |
| − |
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <script>
| + | |
| − |
| + | |
| − | $(document).ready(function(){
| + | |
| − |
| + | |
| − |
| + | |
| − | var winWidth=$(window).width();
| + | |
| − |
| + | |
| − | if (winWidth>1100){
| + | |
| − | $(".navA").mouseenter(function(){
| + | |
| − | $(this).parent().find(".ul2").stop().fadeIn(400);
| + | |
| − | });
| + | |
| − | $(".navLi").mouseleave(function(){
| + | |
| − | $(this).find(".ul2").stop().fadeOut(400);
| + | |
| − | });
| + | |
| − | }
| + | |
| − | else{
| + | |
| − | $(".navA:not(.noSubmenu)").removeAttr("href");
| + | |
| − | $("#mobileNav").click(function(){
| + | |
| − | $("#navBar").toggle();
| + | |
| − | });
| + | |
| − | $(document).click(function(event){
| + | |
| − | var m = $("#mobileNav,#navBar");
| + | |
| − | if (!m.is(event.target)){
| + | |
| − | if (m.has(event.target).length===0){
| + | |
| − | $("#navBar").hide();
| + | |
| − | $(".open").parent().find(".navA").css("color","white");
| + | |
| − | $(".open").removeClass("open");
| + | |
| − | }
| + | |
| − | | + | |
| − | }
| + | |
| − | });
| + | |
| − | $(".navLi").click(function(){
| + | |
| − | if ($(this).find(".n2").hasClass("open")){
| + | |
| − | $(".open").parent().find(".navA").css("color","white");
| + | |
| − | $(this).find(".n2").removeClass("open");
| + | |
| − | }
| + | |
| − | else{
| + | |
| − | $(".open").parent().find(".navA").css("color","white");
| + | |
| − | $(".open").removeClass("open");
| + | |
| − | $(this).find(".n2").addClass("open");
| + | |
| − | $(this).find(".navA").css("color","#7dded4");
| + | |
| − | }
| + | |
| − | });
| + | |
| − | }
| + | |
| − |
| + | |
| − |
| + | |
| − | });
| + | |
| − |
| + | |
| − |
| + | |
| − | </script>
| + | |
| − | | + | |
| − |
| + | |
| − | <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
| + | |
| − | <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
| + | |
| − |
| + | |
| − | | + | |
| − | | + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | | + | |
| − | <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- Content ends --------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | <!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
| + | |
| − | | + | |
| | </html> | | </html> |
