Difference between revisions of "Team:CSU CHINA"

Line 1: Line 1:
 
<!DOCTYPE html>
 
<!DOCTYPE html>
−
<html>
+
<html lang="en">
−
<script>
+
<head>
−
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
+
<meta charset="utf-8">
−
 
+
<title>CSU_CHINA_TEAM</title>
−
$(document).ready(function() {
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
 
+
<!--bootstrap-->
−
//remove the HQ_page id
+
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
−
$("#HQ_page").attr('id','');
+
<!-- Font-Awesome-Icons-CSS -->
−
+
<link rel="stylesheet" href="css/fontawesome-all.css"> <!-- Font-Awesome-Icons-CSS -->
−
 
+
<!-- web-fonts --> 
−
//highlight current page on the menu
+
<link href="http://fonts.googleapis.com/css?family=Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;subset=latin-ext" rel="stylesheet">
−
highlight_current_page_menu();
+
<!-- portfolio-CSS -->
−
+
<link rel="stylesheet" href="css/lightbox.css">
−
//accessing submenus
+
</head>
−
$(".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>
−
/**************************************************************************************************************************************************************************************************/
+
body{
 +
padding:0;
 +
margin:0;
 +
background:#fff;
 +
position:relative;
 +
font-family: 'Raleway', sans-serif;
 +
}
 +
body a{
 +
    transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
-ms-transition:0.5s all;
 +
}
 +
a:hover{
 +
text-decoration:none;
 +
}
 +
input[type="button"],input[type="submit"],.contact-form input[type="submit"]{
 +
transition:0.5s all;
 +
-webkit-transition:0.5s all;
 +
-moz-transition:0.5s all;
 +
-o-transition:0.5s all;
 +
-ms-transition:0.5s all;
 +
}
 +
h1,h2,h3,h4,h5,h6{
 +
margin:0;
 +
}
 +
p{
 +
margin:0;
 +
}
 +
ul{
 +
margin:0;
 +
padding:0;
 +
}
 +
label{
 +
margin:0;
 +
}
 +
img{
 +
width:100%;
 +
}
  
  
 +
/*--/header --*/
 +
.header-top {
 +
    background: #00000047;
 +
    position: absolute;
 +
    width: 100%;
 +
    z-index: 9;
 +
    padding: .5em 0;
 +
}
 +
/*--/navbar--*/
  
−
/**************************************************************************************************************************************************************************************************/
+
.navbar {
−
/* DEFAULT WIKI SETTINGS */
+
    padding: 0.5em 2em;
−
/**************************************************************************************************************************************************************************************************/
+
}
  
 +
a.navbar-brand {
 +
    font-size: 1em;
 +
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
 +
    color: #fff;
 +
}
  
−
#home_logo, #sideMenu { display:none; }
+
.navbar-light .navbar-brand {
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
    color: #fff;
−
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
    font-weight: 600;
−
body {background-color:white; }
+
    letter-spacing: 1px;
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
}
−
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
−
+
    color: #fff;
−
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
+
}
 +
.logo i {
 +
    color: #4c6ef5;
 +
    text-shadow: none;
 +
}
  
 +
li.nav-item {
 +
    margin: 0 15px;
 +
}
  
−
/**************************************************************************************************************************************************************************************************/
+
.navbar-light .navbar-nav .nav-link {
−
/* MENU */
+
    padding: 0.3em 0em;
−
/**************************************************************************************************************************************************************************************************/
+
    color: #fff;
 +
    background: transparent;
 +
    letter-spacing: 1px;
 +
}
  
−
/*wrapping for the menu*/
+
.navbar-light .navbar-nav .show > .nav-link,
−
.igem_2019_team_menu {
+
.navbar-light .navbar-nav .active > .nav-link,
−
background-color:#cecece;
+
.navbar-light .navbar-nav .nav-link.show,
−
border-left: 1px solid #635d5d;
+
.navbar-light .navbar-nav .nav-link.active,
−
float:right;
+
.navbar-light .navbar-nav .nav-link:hover,
−
height:100vh;
+
.navbar-light .navbar-nav .nav-link:focus {
−
max-width: 270px;
+
    background: transparent;
−
overflow-y: auto;
+
    color: #fff;
−
overflow-x: hidden;
+
}
−
padding:0px;
+
−
position:fixed;
+
−
right:0%;
+
−
text-align:left;
+
−
width: 15%;  
+
−
}
+
  
−
/*controlling menu visibility*/
+
.dropdown-item {
−
.igem_2019_team_menu.displaying_menu{
+
    padding: 0.5em 1.5rem;
−
display:block;
+
    margin: 0;
−
}
+
}
  
−
/*links in the menu*/
+
.dropdown-menu {
−
.igem_2019_team_menu  a {
+
    margin: 0;
−
color: #484848;
+
    padding: 0;
−
text-decoration:none;
+
}
−
}
+
  
−
/*images in the menu*/
+
/*---*/
−
.igem_2019_team_menu img {
+
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
−
width:100%;
+
/*---*/
−
}
+
  
−
/*level 1 menu items*/
+
.dropdown-toggle::after {
−
.igem_2019_team_menu .menu_item {
+
    width: 0;
−
    background-color: #cecece;
+
    height: 0;
−
    border-bottom: 1px solid #635d5d;
+
    margin-left: 0;
−
    clear: both;
+
    content: "";
−
color: #484848;
+
    border-top: 0.3em solid;
−
    cursor: pointer;
+
    border-right: 0.3em solid transparent;
−
float: left;
+
    border: 0px;
−
    font-size: 120%;
+
}
−
    font-weight: bold;
+
−
    padding: 15px 0px 15px 5%;
+
−
  width: 100%;
+
−
}
+
  
−
/*level 1 menu items without submenus*/
+
li.nav-item.active,li.nav-item:hover {
−
.igem_2019_team_menu .menu_item.direct_link {
+
    border-bottom: 2px solid #4c6ef5;
−
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*/
+
.dropdown-item:hover,
−
.igem_2019_team_menu .menu_item .submenu_control_icon {
+
.dropdown-item:focus {
−
color: #484848;
+
    color: #4c6ef5;
−
float: left;
+
    text-decoration: none;
−
width: 10%;
+
    background-color: #f0f0f1;
−
}
+
}
  
−
/* submenu icon  "-"*/
+
/*-- //header --*/
−
.igem_2019_team_menu .menu_item .submenu_control_icon::before {
+
/*--背景图片--*/
−
content: "+";  
+
.background{
−
}
+
    background:url(images/bg.jpg) no-repeat;
−
 
+
    background-size: cover;
−
/* submenu icon  "-"*/
+
-webkit-background-size: cover;
−
.igem_2019_team_menu .menu_item .submenu_control_icon.open::before {
+
-moz-background-size: cover;
−
content: "-";  
+
-o-background-size: cover;
−
}
+
-moz-background-size: cover;
 +
min-height:300px;
 +
}
 +
.heading h3{
 +
text-align:center;
 +
color:#000;
 +
text-transform:cpatalize;
 +
font-weight:600;
 +
margin-top: 20px;
 +
margin-bottom: 10px;
 +
}
 +
/*-- portfolio-inner-page --*/
 +
.portfolio h4{
 +
color:#000;
 +
font-size:18px;
 +
}
 +
label.portfolio-line{
 +
display:block;
 +
background-color:#000;
 +
width:10%;
 +
margin:15px auto;
 +
height:2px;
 +
}
 +
.portfolio h6{
 +
width:50%;
 +
margin:0 auto 20px auto;
 +
font-size:14px;
 +
line-height:30px;
 +
}
 +
.portfolio-grid1,.portfolio-grid2,.portfolio-grid3, .portfolio-grid6, .portfolio-grid4, .portfolio-grid5 {
 +
margin-bottom:20px;
 +
}
 +
/*--SAP--*/
 +
.sap_tabs{
 +
clear:both;
 +
padding: 0;
 +
}
 +
.tab_box{
 +
background:#fd926d;
 +
padding: 2em;
 +
}
 +
.top1{
 +
margin-top: 2%;
 +
}
 +
.resp-tabs-list {
 +
    list-style: none;
 +
    padding: 0 0 3em;
 +
    margin: 0 auto;
 +
    text-align: center;
 +
}
 +
.resp-tab-item {
 +
    color: #333;
 +
    font-size: 1.1em;
 +
    font-weight: 500;
 +
    cursor: pointer;
 +
    display: inline-block;
 +
    margin: 0;
 +
    text-align: center;
 +
    list-style: none;
 +
    outline: none;
 +
    -webkit-transition: all 0.3s;
 +
    -moz-transition: all 0.3s;
 +
    -ms-transition: all 0.3s;
 +
    -o-transition: all 0.3s;
 +
    transition: all 0.3s;
 +
    text-transform: uppercase;
 +
    margin: 0 0.3em 0;
 +
border-bottom: 2px solid #fff;
 +
color:#000;
 +
padding:10px 15px;
 +
border:2px solid #23b684;
 +
}
  
 +
.resp-tab-active {
 +
  background-color:#23b684;
 +
color:#fff;
 
 
−
/*level 2 menu (submenu) wrapper*/
+
}
−
.igem_2019_team_menu .submenu{
+
.resp-tabs-container {
−
background-color: #ececec;
+
padding: 0px;
−
clear:both;
+
clear: left;
−
display:none;
+
}
−
float: left;
+
h2.resp-accordion {
−
width:100%;
+
cursor: pointer;
−
}
+
padding: 5px;
 +
display: none;
 +
}
 +
.resp-tab-content {
 +
display: none;
 +
}
 +
.resp-content-active, .resp-accordion-active {
 +
  display: block;
 +
}
  
−
/*level 2 menu (submenu) item*/
+
.tab_img{
−
.igem_2019_team_menu .submenu .submenu_item {
+
padding:2em 0 0;
−
border-bottom: 1px solid #cecece;
+
display: inline-block;
−
  color: #635d5d;
+
}
−
    height: 30px;
+
.portfolio-grids {
−
  float: left;
+
float:left;
−
    font-size: 110%;
+
}
−
font-weight: bold;
+
.portfolio-grids a {
−
    padding: 12px 0px 0px 15%;
+
    display: block;
−
    width: 100%;
+
    overflow: hidden;
−
}
+
position:relative;
−
 
+
}
−
/*level 2 menu (submenu) items on hover*/
+
.portfolio-grids img.img-responsive {
−
.igem_2019_team_menu .submenu .submenu_item:hover {
+
width: 100%;
−
background-color: #ecb656 !important;
+
}
−
}
+
.b-wrapper {
−
 
+
    background: rgba(0, 0, 0, 0.7);
−
/*color for highlighting current page on the wiki*/
+
    position: absolute;
−
.igem_2019_team_menu .submenu .submenu_item.current_page,
+
    width: 100%;
−
.igem_2019_team_menu .menu_item.current_page,
+
    height: 100%;
−
.igem_2019_team_menu .menu_item.direct_link.current_page {
+
    bottom: 0%;
−
background-color:#a2d3d0;
+
    left: 0;
−
}
+
-webkit-transition: .5s all;
−
 
+
-moz-transition: .5s all;
−
 
+
    transition: .5s all;
−
/*mobile menu bar styling*/
+
-webkit-transform: scale(0);
−
/**************************************************************************************************************************************************************************************************/
+
-moz-transform: scale(0);
−
 
+
    transform: scale(0);
−
/*mobile bar that controls the menu*/
+
-o-transform: scale(0);
−
.igem_2019_team_mobile_bar {
+
-ms-transform: scale(0);
−
background-color:#ececec;
+
}
−
border-bottom: 1px solid #cecece;
+
.portfolio-grids a:hover .b-wrapper{
−
cursor:pointer;
+
-webkit-transform: scale(1);
−
display:none;
+
-moz-transform: scale(1);
−
float:left;
+
    transform: scale(1);
−
margin-top: 0;
+
-o-transform: scale(1);
−
padding: 5px 0;
+
-ms-transform: scale(1);
−
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: #635d5d;
+
−
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: #635d5d;
+
−
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: #484848;
+
−
}
+
−
 
+
−
/* 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;}
+
 
}
 
}
−
 
+
.b-wrapper h5, .b-wrapper h2 {
−
/* 1400px  */
+
    font-size: 2.5em;
−
/************************************************/
+
    color: #fff;
−
@media only screen and (max-width: 1400px) {
+
    text-align: center;
−
.igem_2019_team_menu .menu_item { font-size:100%;}
+
    padding: 30% 0;
−
.igem_2019_team_menu .submenu .submenu_item { font-size:90%;}
+
    font-weight: 300;
−
.igem_2019_team_menu {display:block;}
+
}
−
}
+
img.zoom-img{
−
 
+
-webkit-transform: scale(1, 1);
−
 
+
    transform: scale(1, 1);
−
/* 1100px  */
+
-moz-transform: scale(1, 1);
−
/************************************************/
+
-ms-transform: scale(1, 1);
−
@media only screen and (max-width: 1100px) {
+
-o-transform: scale(1, 1);
−
.igem_2019_team_content {width:100%; margin-left:0px;}
+
transition-timing-function: ease-out;
−
+
-webkit-transition-timing-function: ease-out;
−
.igem_2019_team_menu {display:none;float:right;margin-top:47px;max-width:100%;position:fixed;width:25%;}
+
-moz-transition-timing-function: ease-out;
−
+
-ms-transition-timing-function: ease-out;
−
.igem_2019_team_mobile_bar {display:block;}
+
-o-transition-timing-function: ease-out;
−
+
-webkit-transition-duration: 2s !important;
−
.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%; }
+
-moz-transition-duration: 2s !important;
−
 
+
transition-duration: 2s !important;
−
}
+
}
−
 
+
img.zoom-img:hover,.portfolio-grids:hover img.zoom-img{
−
/* 850px  */
+
-webkit-transform: scale(1.2);
−
/************************************************/
+
transform: scale(1.2);
−
@media only screen and (max-width: 850px) {
+
-moz-transform: scale(1.2);
−
.igem_2019_team_menu {width:40%;}
+
-ms-transform: scale(1.2);
−
}
+
-o-transform: scale(1.2);
−
 
+
overflow: hidden;
−
/*500px  */
+
}
−
/************************************************/
+
/*-- //portfolio-inner-page --*/
−
@media only screen and (max-width: 500px) {
+
−
.igem_2019_team_menu {min-width:100%;width:100%;}
+
−
}
+
−
 
+
−
 
+
−
/**************************************************************************************************************************************************************************************************/
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
</style>
 
</style>
−
 
+
<body>
−
 
+
<div class="header-top">
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<header>
−
<!--- THIS IS WHERE THE HTML BEGINS --->
+
<nav class="navbar navbar-expand-lg navbar-light">
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<a class="navbar-brand" href="index.html">
−
 
+
<img src="images/teamlogo.png" alt="logo" style="width:200px;">
−
<head>  
+
</a>
−
 
+
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent">
−
<!-- This tells the browser that your page is responsive -->
+
<span class="navbar-toggler-icon"></span>
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
</button>
−
 
+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
−
</head>
+
<ul class="navbar-nav ml-lg-auto text-center">
−
 
+
<li class="nav-item active">
−
 
+
<a class="nav-link" href="index.html">Home
−
 
+
<span class="sr-only">(current)</span>
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
</a>
−
<!--- Menu --->
+
</li>
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<li class="nav-item dropdown">
−
 
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
 
+
TEAM
−
 
+
<i class="fas fa-angle-down"></i>
−
 
+
</a>
−
<div class="igem_2019_team_mobile_bar">
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
+
<a class="dropdown-item" href="about.html" title="">TEAM1</a>
−
<div class="igem_logo_mobile">
+
<a class="dropdown-item" href="projects.html" title="">TEAM2</a>
−
<img src="https://static.igem.org/mediawiki/2019/3/3c/Igem_mobile_menu_logo.svg">
+
</div>
−
</div>
+
</li>
−
 
+
<li class="nav-item">
−
 
+
<a class="nav-link" href="features.html">MODEL</a>
−
<div class="igem_menu_control_mobile">
+
</li>
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/2019/e/ee/2019_team_menu_icon.svg">
+
<li class="nav-item">
−
</div>
+
<a class="nav-link" href="team.html">HP</a>
−
 
+
</li>
−
</div>
+
<li class="nav-item">
−
 
+
<a class="nav-link" href="contact.html">LAB</a>
−
 
+
</li>
−
 
+
<li class="nav-item dropdown">
−
 
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
<div class="igem_2019_team_menu">
+
PARTS
−
 
+
<i class="fas fa-angle-down"></i>
−
 
+
</a>
−
<a href="https://2019.igem.org/Team:CSU_CHINA">
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
<img src="https://placehold.it/350x150/ececec/cecece">
+
<a class="dropdown-item" href="pricing.html"> MODEL1</a>
−
</a>
+
<a class="dropdown-item" href="pricing_light.html"> MODEL2</a>
−
 
+
<a class="dropdown-item" href="pricing.html">MODEL3</a>
−
 
+
</div>
−
 
+
</li>
−
<a href="https://2019.igem.org/Team:CSU_CHINA">
+
<li class="nav-item">
−
<div class="menu_item direct_link">
+
<a class="nav-link" href="contact.html">SAFETY</a>
−
HOME
+
</li>
−
</div>  
+
<li class="nav-item dropdown">
−
</a>
+
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
 
+
PROJECT
−
<!-- Team -->
+
<i class="fas fa-angle-down"></i>
−
<div class="menu_item">
+
</a>
−
<div class="submenu_control_icon"> </div>
+
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
−
TEAM
+
<a class="dropdown-item" href="pricing.html"> DESCRIPTION</a>
−
</div>  
+
<a class="dropdown-item" href="pricing_light.html"> DESIGN</a>
−
<div class="submenu">
+
<a class="dropdown-item" href="pricing.html">RESULTS</a>
−
+
</div>
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Team">
+
</li>
−
<div class="submenu_item">
+
<li class="nav-item">
−
Team Members
+
<a class="nav-link" href="contact.html">JUDGING</a>
 +
</li>
 +
</ul>
 
</div>
 
</div>
−
</a>
+
</nav>
−
 
+
</header>
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Collaborations">
+
</div>   
−
<div class="submenu_item">
+
<div class="background"></div>
−
Collaborations
+
<div id="portfolio" class="portfolio">
−
</div>
+
<div class="heading">
−
</a>
+
<h3>TEAM</h3>
 
</div>
 
</div>
−
 
+
<div class="container">
−
 
+
<div class="sap_tabs">
−
<!-- Project -->
+
<div id="horizontalTab">
−
<div class="menu_item">
+
<ul class="resp-tabs-list">
−
<div class="submenu_control_icon"> </div>
+
<li class="resp-tab-item"><span>Student Members</span></li>
−
PROJECT
+
<li class="resp-tab-item"><span>Team Leader</span></li>
−
</div>  
+
<li class="resp-tab-item"><span>Instructors</span></li>
−
<div class="submenu">
+
<li class="resp-tab-item"><span>Advisors</span></li>
−
+
</ul>
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Description">
+
<div class="clearfix"> </div>
−
<div class="submenu_item">
+
<div class="resp-tabs-container">
−
Description
+
<div class="tab-1 resp-tab-content row">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/Shi Qingxin.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 20-year-old boy from Central South University. My major is life science and now I’m a junior student. This year is my first time to enjoy myself in iGEM and I am in charge of the online submission of our team CSU_CHINA and doing experiments. I’m so glad to master many new skills to make me be better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here! ">
 +
<img src="images/Shi Qingxin.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h2>Shi Qingxin</h2>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
<a href="images/T--CSU_CHINA--TM_YSC.jpg" data-lightbox="example-set" data-title="My name is Shangcheng Yu, a 21-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the experiment part of our whole IGEM project. In my spare time, I enjoy listening to music and watching cartoons. Discussing research progress and exchanging ideas about science especially in the field of immunology is also my favor. I’m outgoing and willing to make friends. For any related question, you can feel free to contact my e-mail below.
 +
cell_ysc@foxmail.com  ">
 +
<img src="images/T--CSU_CHINA--TM_YSC.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Yu Shangcheng</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
 +
<a href="images/T--CSU_CHINA--TM_DYF.jpg" data-lightbox="example-set" data-title="Dong Yufan, the junior undergraduate majored in biological sciences, acts as a member of the CSU_CHINA in 2018 iGEM. St.Dong is dedicated in studying the molecular mechanism of special gene related to certain genetic diseases during these two years, as well as participating in several kinds of social activities like the student union, communication in the institution of neurobiology, summer school in HKU, and so forth.
 +
Besides, st.Dong has a great passion on music esp piano, and all kinds of sports. ">
 +
<img src="images/T--CSU_CHINA--TM_DYF.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Dong Yufan</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/T--CSU_CHINA--TM_YKY.jpg" data-lightbox="example-set" data-title="My name is Yao Keyu. I am 20 years old now ，but in my heart,forever 18. I am currently a junior student of Central South University. My major is Detection, guidance and control technology.I'm honored to participate in this competition. In the CSU-CHINA team ,I am an art designer.I spend most of my time on designing the poster 、website design and so on. I have lots of interest, such as singing, dancing, drawing and so on.On vacation,I usually like to have the Volunteer Travel. ">
 +
<img src="images/T--CSU_CHINA--TM_YKY.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Yao Keyu</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
 +
<a href="images/T--CSU_CHINA--TM_LJY.jpg" data-lightbox="example-set" data-title="I am a Year 3 Biological Science student. I love sightseeing , dancing and eating mooncake, especially lava egg custard mooncake! The reason why I joined iGEM not only I wanted to try something new but also I can learn more about synthetic biology. During these months, I have learned how to be a scientific researcher, how to draw a beautiful chart, how to teach people learn a dance in a few days and how to cooperate well with others. ">
 +
<img src="images/T--CSU_CHINA--TM_LJY.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Li Jiayi</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
 +
<a href="images/T--CSU_CHINA--TM_PXD.jpg data-lightbox="example-set" data-title="Nice to meet you. I am Xiandong Peng. I come from Hunan Province , which is in the middle south of our country, China.I am a college student studying life sciences and have a special passion for liver cancer and lung cancer research. I hope that my research career will have no regrets. ">
 +
<img src="images/T--CSU_CHINA--TM_PXD.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Peng Xiandong </h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid6">
 +
<a href="images/T--CSU_CHINA--TM_LJM.jpg" data-lightbox="example-set" data-title="Hello! I am a junior student(20 year-old) of clinical medicine from CSU-China. I have extensive hobbies, eg. watching drama, singing songs and reading novels. Moreover, I am very good at basketball.
 +
Major contribution to the project：organiser of Human Practice, collaborator-in-chief, video editor and assistant designer.
 +
">
 +
<img src="images/T--CSU_CHINA--TM_LJM.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Liu Jiamiao</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/ship1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship1.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class=" col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
<a href="images/ship2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship2.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
 +
<a href="images/ship3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship3.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/ship4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship4.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid5">
 +
<a href="images/ship5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/ship5.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Ship Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content">
 +
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/800px-T--CSU_CHINA--TM_LXY.jpg" data-lightbox="example-set" data-title="Hey guys,My name is Li Xiangyu,the student leader of CSU_CHINA.This is our first year to take part in the competition.I hope we will have a good trip to America. ">
 +
<img src="images/800px-T--CSU_CHINA--TM_LXY.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Xiangyu LI</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
<div class="tab-1 resp-tab-content">
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
 +
<a href="images/flight1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight1.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
 +
<a href="images/flight2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight2.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids  portfolio-grid3">
 +
<a href="images/flight3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight3.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/flight4.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight4.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/flight5.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight5.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
 +
<a href="images/flight6.jpg" data-lightbox="example-set" data-title="Lorem Ipsum is simply dummy the when an unknown galley of type and scrambled it to make a type specimen.">
 +
<img src="images/flight6.jpg" class="img-responsive zoom-img" alt=""/>
 +
<div class="b-wrapper">
 +
<h5>Flight Transport</h5>
 +
</div>
 +
</a>
 +
</div>
 +
<div class="clearfix"> </div>
 +
</div>
 +
</div>
 
</div>
 
</div>
−
</a>
+
</div>
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Design">
+
−
<div class="submenu_item">
+
−
Design
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Experiments">
+
−
<div class="submenu_item">
+
−
Experiments
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Notebook">
+
−
<div class="submenu_item">
+
−
Notebook
+
−
</div>
+
−
</a>
+
−
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Contribution">
+
−
<div class="submenu_item">
+
−
Contribution
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Results">
+
−
<div class="submenu_item">
+
−
Results
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Demonstrate">
+
−
<div class="submenu_item">
+
−
Demonstrate
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Improve">
+
−
<div class="submenu_item">
+
−
Improve
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Attributions">
+
−
<div class="submenu_item">
+
−
Attributions
+
−
</div>
+
−
</a>
+
−
 
+
 
</div>
 
</div>
 +
</div>
 +
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
 +
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
 +
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script>
 +
    <script>
 +
        $(document).ready(function() {
 +
            $(".dropdown").hover(
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideDown("fast");
 +
                    $(this).toggleClass('open');
 +
                },
 +
                function() {
 +
                    $('.dropdown-menu', this).stop(true, true).slideUp("fast");
 +
                    $(this).toggleClass('open');
 +
                }
 +
            );
 +
        });
 +
    </script>
 +
    <!-- //dropdown nav -->
 +
<!--script for portfolio-->
 +
<script src="js/lightbox-plus-jquery.min.js"> </script>
 +
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function () {
 +
$('#horizontalTab').easyResponsiveTabs({
 +
type: 'default', //Types: default, vertical, accordion         
 +
width: 'auto', //auto or any width like 600px
 +
fit: true  // 100% fit in a container
 +
});
 +
});
 +
</script>
 +
<!--//script for portfolio-->
  
−
 
+
</body>
−
<div class="menu_item">
+
</html>
−
<div class="submenu_control_icon"> </div>
+
−
PARTS
+
−
</div>
+
−
<div class="submenu">
+
−
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Parts">
+
−
<div class="submenu_item">
+
−
Parts Overview
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Basic_Part">
+
−
<div class="submenu_item">
+
−
Basic Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Composite_Part">
+
−
<div class="submenu_item">
+
−
Composite Parts
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Part_Collection">
+
−
<div class="submenu_item">
+
−
Part Collection
+
−
</div>
+
−
</a>
+
−
</div>
+
−
 
+
−
+
−
+
−
+
−
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Safety">
+
−
<div class="menu_item direct_link">
+
−
SAFETY
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
HUMAN PRACTICES
+
−
</div>
+
−
 
+
−
<div class="submenu">
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Human_Practices">
+
−
<div class="submenu_item">
+
−
Human Practices
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Public_Engagement">
+
−
<div class="submenu_item">
+
−
Education & Engagement
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="menu_item">
+
−
<div class="submenu_control_icon"> </div>
+
−
AWARDS
+
−
</div>
+
−
 
+
−
<div class="submenu">
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Entrepreneurship">
+
−
<div class="submenu_item">
+
−
Entrepreneurship
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Hardware">
+
−
<div class="submenu_item">
+
−
Hardware
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Measurement">
+
−
<div class="submenu_item">
+
−
Measurement
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Model">
+
−
<div class="submenu_item">
+
−
Model
+
−
</div>
+
−
</a>
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Plant">
+
−
<div class="submenu_item">
+
−
Plant
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
<a href="https://2019.igem.org/Team:CSU_CHINA/Software">
+
−
<div class="submenu_item">
+
−
Software
+
−
</div>
+
−
</a>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
<a href="https://igem.org/2019_Judging_Form?team=CSU_CHINA">
+
−
<div class="menu_item direct_link">
+
−
JUDGING FORM ⇗
+
−
</div>
+
−
</a>
+
−
 
+
−
 
+
−
+
−
<div class="menu_padding"></div>
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
−
</div>
+
−
 
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
<!--- Content of the page  --->
+
−
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
−
 
+
−
 
+
−
<div class="igem_2019_team_content">
+
−
<div class="igem_2019_team_column_wrapper">
+
−
<div class="clear extra_space"></div>
+
−
<div class="clear extra_space"></div>
+

Revision as of 12:35, 29 August 2019

<!DOCTYPE html> CSU_CHINA_TEAM