Team:OUC-China

From 2013.igem.org

(Difference between revisions)
 
(53 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
<html lang="en">
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
+
<head>
-
<script type="text/javascript" src="https://raw.github.com/jy886/SCAU-China/master/jquery-1.7.2.min.js"></script>
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
 
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<style type="text/css">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen">
 +
<script src="http://code.jquery.com/jquery.min.js"></script>
 +
<style>
 +
/*the igem Global setting*/
 +
* {
 +
  margin: 0;
 +
  padding: 0;
 +
  -webkit-font-smoothing: antialiased;
 +
  -webkit-box-sizing: border-box;
 +
  -moz-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
body{
 +
  color: #34495e;
 +
}
 +
#bodyContent h1, #bodyContent h2{
 +
  margin-bottom:0;
 +
}
 +
h1, h2, h3, h4, h5, h6{
 +
  padding-top: 0;
 +
  padding-bottom: 0;
 +
  color: #34495e;
 +
}
 +
#globalWrapper {
 +
  font-size: 100%;
 +
}
#top-section{
#top-section{
-
    height:0px;
+
  height:0px;
-
     border: none;
+
     border:none;
     width:980px;
     width:980px;
     margin:0 auto;
     margin:0 auto;
     padding:0 0 0 0;
     padding:0 0 0 0;
     background-color:transparent;
     background-color:transparent;
-
     overflow:hide;}
+
     overflow:hide;
 +
}
#p-logo{display:none;}
#p-logo{display:none;}
#search-controls{display:none;}
#search-controls{display:none;}
Line 18: Line 45:
#footer-box{display:none;}
#footer-box{display:none;}
#catlinks{display:none;}
#catlinks{display:none;}
-
#globalWrapper{position:absolute; top:0px;left:0px; width:100%; padding:0 0 0 0;margin:0 0 0 0;height:100%;}
+
div#contentSub{
-
#content{
+
     display: none;
-
    background-color:transparent;
+
     position: absolute;
-
    border:none;
+
-
    width:1200px;
+
-
    height:700px;
+
-
    marign:0 auto;
+
-
    padding:0 0 0 0;
+
-
    top:-40px;
+
-
    }
+
-
.firstHeading {display: none;}
+
-
#bodyContent{
+
-
    background-color:transparent;
+
-
    border:none; 
+
-
    }
+
-
#siteSub{
+
-
    display:none;
+
-
    border:none;
+
-
    }
+
-
#contentSub{
+
-
     display:none;
+
-
    }
+
-
 
+
-
#menubar {
+
-
    background-color:transparent;
+
-
     position: relative;
+
-
    float:left;
+
-
    white-space: nowrap;
+
-
    top:-6px;
+
-
    width: 490px;
+
-
    z-index: 5000;
+
-
    font-family: sans-serif;
+
-
    font-size: 95%;
+
-
    line-height: 1em;
+
-
    z-index:99;
+
}
}
-
 
+
#content h1.firstHeading {display: none;}
-
.left-menu, .left-menu a {
+
#content
-
    text-align: left;
+
{
-
    color:#999999;
+
  border:none;
-
    text-transform: lowercase;
+
  height: 100%;
 +
  margin:0;
 +
  padding:0;
 +
  width:100%;
 +
  position: absolute;
 +
  background-color: #FFFFFF;
 +
  color: #34495e;
}
}
-
 
+
a:visited{
-
.left-menu:hover {
+
  color: #fff;
-
    color: #D00000;
+
-
    background-color:transparent;
+
}
}
-
 
+
/*the nav settings
-
.right-menu{width:400px; float:right}
+
----------------------------------------------- */
-
.right-menu, .right-menu a {
+
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
-
    right: 0px;
+
  color: #1abc9c;
-
    text-align: right;
+
  background-color: transparent;
-
    color: #999999;
+
}
}
-
#menubar ul {
+
.navbar-inverse .navbar-nav>li>a{
-
    color: #999999;
+
  color: #fff;
-
    list-style: none;
+
}
}
-
#menubar li {
+
.navbar-inverse .navbar-nav>li>a:hover{
-
    display: inline;
+
  color: #1abc9c;
-
    position: relative;
+
  background-color:transparent;
-
    cursor: pointer;
+
-
    padding-left: 0px;
+
-
    padding-right: 0px;
+
}
}
-
.left-menu li a {
+
.navbar-inverse .navbar-brand{
-
    padding: 0px 10px 0px 0px;
+
          color: #fff;
 +
          padding: 0;
}
}
-
.left-menu .selected {
+
.navbar-inverse .navbar-brand img{
-
#    color: #999999;
+
  height: 50px;
 +
  padding-left: 90px;
}
}
-
#.left-menu .selected:hover {
+
.navbar-inverse .navbar-brand p{
-
#    color: #999999;
+
  padding:12px 30px;
-
#}
+
  margin:0;
-
 
+
-
.left-menu:hover a {
+
-
    color: #999999;;
+
}
}
-
 
+
.navbar-inverse .navbar-brand:hover{
-
.left-menu li a:hover {
+
  color: #1abc9c;
-
    color: #D00000;
+
-
    text-decoration: underline;
+
}
}
-
 
+
.navbar-inverse{
-
 
+
  border-color: transparent;
-
.right-menu li {
+
  background: #34495e;
-
#    background-color:transparent;
+
  font-weight: bold;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
 +
}
 +
.dropdown-menu{
 +
  background-color:#34495e;
 +
  border:none;
 +
  -webkit-box-shadow:none;
 +
  box-shadow: none;
}
}
-
.right-menu li a {
+
.dropdown-menu>li>a{
-
    padding: 0px 15px 0px 0px;
+
  color: #fff;
-
    color: #999999;;
+
  font-weight: bold;
-
    background-color: transparent;
+
}
}
-
.right-menu li a:hover {
+
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
-
    color: #D00000;
+
  color:#1abc9c;
-
    text-decoration: underline;
+
  background-color: transparent;
}
}
 +
/*add dropdown-submenu to btV3*/
 +
.dropdown-submenu{position:relative;}
 +
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
 +
.dropdown-submenu:hover>.dropdown-menu{display:block;}
 +
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
 +
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
 +
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
-
/* Logo */
+
/*the unslider css*/
-
#logo h1 {
+
.banner {
-
    height: 26px;
+
  position: relative;
-
    text-indent: -4000px;
+
  width: 100%;
-
    width: 187px;
+
  overflow: auto;
-
    padding:13px;
+
  font-size: 18px;
-
    margin:0;}
+
  line-height: 24px;
-
#logo h1 a {display: block;height: 26px;}
+
  text-align: center;
-
/* Links */
+
  color: #fff;
-
a, a:visited {color:#3294a6;text-decoration:none;}
+
  background: ;
-
a:hover, .widget ul a:hover {color:#3294a6;text-decoration:underline;}
+
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
-
/* Theme Color */
+
}
-
#header-top, h3.deco span.inner, #footer, .post-format, #commentform #submit, .flex-direction-nav li a:hover, .overlay .caption span, #portfolio-sort a.active {background: #3294a6;}
+
  .banner ul {
-
.post-format {background-color: #3294a6;}
+
    list-style: none;
-
#portfolio-sort li a, #primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {color:#3294a6 !important;}
+
    width: 300%;
 +
    margin: 0;
 +
  }
 +
  .banner ul li {
 +
    display: block;
 +
    float: left;
 +
    width: 33%;
 +
    min-height: 350px;
-
/*  Clearfix */
+
    -o-background-size: 100% 100%;
-
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";}.clearfix:after{clear:both;}
+
    -ms-background-size: 100% 100%;
-
/*  Responsive Images */
+
    -moz-background-size: 100% 100%;
-
img, object, embed {max-width: 100%;height: auto;}
+
    -webkit-background-size: 100% 100%;
-
img {-ms-interpolation-mode: bicubic;}
+
    background-size: 100% 100%;
-
#map_canvas img, .map_canvas img {max-width: none!important;}
+
-
/* =Document Setup
+
    box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
-
-------------------------------------------------------------- */
+
  }
-
html {background: #e6e6e6 url("https://static.igem.org/mediawiki/2013/1/1c/Scau_bg.gif") repeat;}
+
  .banner .inner {
-
body {
+
-
    font: 13px/24px 'Open Sans',Helvetica, Arial, sans-serif;
+
-
    color: #666;
+
-
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 300px);
+
-
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(300px,rgba(0,0,0,0)));
+
-
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px);
+
-
    background: -o-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px);
+
-
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px);
+
-
    background: linear-gradient(top,  rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 300px);
+
-
    text-align: justify;
+
-
}
+
-
a {
+
-
    text-decoration:none;
+
-
    outline:0;
+
-
    -webkit-transition-property:background color;
+
-
    -webkit-transition-duration:.12s;
+
-
    -webkit-transition-timing-function:ease-out;
+
-
    -moz-transition-property:background color;
+
-
    -moz-transition-duration:.12s;
+
-
    -moz-transition-timing-function:ease-out;
+
-
    -o-transition-property:background color;
+
-
    -o-transition-duration:.12s;
+
-
    -o-transition-timing-function:ease-out;
+
-
    transition-property:background color;
+
-
    transition-duration:.12s;
+
-
    transition-timing-function:ease-out;}
+
-
a:hover {color:#222;cursor:pointer;}
+
-
/*  Headings */
 
-
h1, h2, h3, h4, h5, h6 {font-weight:bold; margin: 0 0 10px; color:#3a3a40;}
 
-
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin: 0 0 20px;}
 
-
.entry-content h1 {font-size: 22px;line-height: 28px;}
 
-
.entry-content h2 {font-size: 18px;line-height: 26px;}
 
-
.entry-content h3 {font-size: 16px;line-height: 26px;}
 
-
.entry-content h4 {font-size: 14px;line-height: 24px;}
 
-
.entry-content h5 {font-size: 13px;line-height: 22px;}
 
-
.entry-content h6 {font-size: 12px;line-height: 20px;}
 
-
/*  Page Structure */
+
     padding: 160px 0 110px;
-
#site-container {
+
  }
-
    margin: 0 auto;
+
-
    background:#fff;
+
-
    width: 960px;
+
-
     padding:0 25px;
+
-
    box-shadow:0 0 10px rgba(0,0,0,0.1);}
+
-
#content1 {float:left;width: 670px;margin:0 45px 0 0;}
+
-
#content1.fullwidth {width:100%;float:none;margin:0;}
+
-
#sidebar {float:left;width:195px;font-size:12px;margin:10px 0 0;}
+
-
#primary {padding:0 25px;}
+
-
/*  Header */
+
  .banner h1, .banner h2 {
-
#header {background: url("https://static.igem.org/mediawiki/2013/a/ab/SCAU-Doubleborder.gif") repeat-x bottom;padding:10px 25px;margin:0 0 20px;}
+
     font-size: 40px;
-
#header #logo {float:left;padding:25px 0 30px;margin:0 0 -2px;  float:left;}
+
     line-height: 52px;
-
#header #logo h1 {margin:0;font-size: 32px;}
+
     border-bottom:#fff;
-
#header #logo, #header #logo a {
+
     color: #fff;
-
     font-size: 32px;
+
  }
-
     color:#1a1a1a;
+
-
    text-decoration:none;
+
-
     text-transform:uppercase;
+
-
    font-weight: bold;
+
-
    letter-spacing: -1px;}
+
-
#header #logo img {display:block;}
+
-
#header-top {
+
-
     color:#fff;
+
-
    padding:5px 10px;
+
-
    font-size:12px;}
+
-
#header-top .left {float:left;}
+
-
/*  Page Header */
+
  .banner .btn {
-
#page-header {background: url("https://static.igem.org/mediawiki/2013/a/ab/SCAU-Doubleborder.gif") repeat-x bottom; margin:0 0 30px; padding:0 25px 20px; position:relative;}
+
    display: inline-block;
-
#page-header h1, #page-header strong {font-size: 26px;margin:0 0 5px;letter-spacing:-1px;color:#262626;}
+
     margin: 25px 0 0;
-
#page-header p {
+
     padding: 9px 22px 7px;
-
     margin:0;
+
     clear: both;
-
     color: #8C8C8C;
+
-
     font-size: 14px;}
+
-
#page-header .navigation {float:right;}
+
-
/*  Footer */
 
-
#footer {
 
-
    padding: 25px;
 
-
    margin: 15px 0 0;
 
     color: #fff;
     color: #fff;
     font-size: 12px;
     font-size: 12px;
-
}
+
     font-weight: bold;
-
#footer a {color:#fff;border-bottom:1px dotted #fff}
+
     text-transform: uppercase;
-
#footer a:hover {border-bottom:none;} 
+
     text-decoration: none;
-
#footer-widgets {list-style:none;padding:0;margin:0 -25px 0 0;}
+
-
#footer-widgets .widget {float:left;width:286px;margin:0 25px 0 0;}
+
-
#footer-widgets .widget h4 {
+
-
    background: none;
+
-
    color: #fff;
+
-
    border-bottom: none;
+
-
    padding: 0;
+
-
    margin-top: 0;
+
-
    margin-right: 0;
+
-
    margin-bottom: 10px;
+
-
    margin-left: 0;
+
-
}
+
-
#footer-widgets .widget .div {
+
-
    background:#fff;
+
-
    height:1px;
+
-
    width:50px;
+
-
    display:block;
+
-
    margin:0 0 15px;}
+
-
#footer-bottom {
+
-
    background:#1a1a1a;
+
-
    padding:20px 25px;
+
-
    margin:0;
+
-
    line-height: 10px;
+
-
    color:#fafafa;
+
-
     font-size:11px;}
+
-
#footer-bottom #footer-nav {float:left;}
+
-
#footer-nav ul {margin:2px 0 0;padding:0;list-style:none;}
+
-
#footer-nav li {
+
-
     float:left;
+
-
    margin:0 10px 0 0;
+
-
    padding:0 10px 0 0;
+
-
    border-right: 1px dotted #8c8e91;
+
-
     line-height: 5px;}
+
-
#footer-nav li:last-child {border-right:none;}
+
-
#footer-nav li a {border-bottom:none;color:#fff;}
+
-
#footer-bottom a {color:#fff;font-size:12px;border-bottom:1px dotted #fafafa;}
+
-
#footer-bottom a:hover {border-bottom:1px solid #fff;text-decoration:none;}
+
-
#footer-bottom #copyright {float:right;font-size:11px;}
+
-
/* =Navigation & Menus */
+
    border: 2px solid rgba(255,255,255,.4);
 +
    border-radius: 5px;
 +
  }
 +
    .banner .btn:hover {
 +
      background: rgba(255,255,255,.05);
 +
    }
 +
    .banner .btn:active {
 +
      -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
      filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
 +
    }
-
#primary-nav { float:right;margin: 30px 0 0;padding:0;}
+
  .banner .btn, .banner .dot {
-
#primary-nav ul {list-style: none outside none;margin: 0;padding: 0;}
+
    -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-
#primary-nav ul a {
+
     -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-
    display: block;
+
    -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-
    position: relative;
+
    -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-
    color: #3A3A40;
+
     filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
-
     line-height: 18px;
+
  }
-
    text-decoration:none;
+
 
-
    text-transform:uppercase;
+
  .banner .dots {
-
    height: 32px;}
+
-
#primary-nav ul a.sf-with-ul {padding-right:15px;}
+
-
#primary-nav ul li {float: left;position: relative;z-index: 40;margin-left: 30px;}
+
-
#primary-nav ul li:hover {visibility: inherit;}
+
-
#primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul {left: -1px;top: 20px;z-index: 99;}
+
-
#primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul {top: -9999em;}
+
-
#primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul {left: 180px;top: -12px;}
+
-
#primary-nav ul li a:hover, #primary-nav ul li:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a, #primary-nav ul li.current_page_item a, #primary-nav ul li.current-menu-item a {text-decoration: none;}
+
-
#primary-nav ul ul {
+
-
     background: #fff;
+
-
    border: 1px solid #E0E0E0;
+
-
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
+
-
    margin: 10px 0 0;
+
-
    padding: 4px 0;
+
     position: absolute;
     position: absolute;
-
     top: -9999em;
+
     left: 0;
-
     width: 180px;
+
     right: 0;
-
     border-radius: 1px;
+
     bottom: 20px;
-
     -moz-border-radius: 1px;
+
     margin: 0;
-
    -webkit-border-radius: 1px;}
+
  }
-
#primary-nav ul ul li {background: none;float: none;width: 100%;margin:0;}
+
    .banner .dots li {
-
#primary-nav ul ul li:last-child {border-bottom: medium none;}
+
      display: inline-block;
-
#primary-nav ul ul li a {
+
      width: 10px;
-
    font-size: 11px;
+
      height: 10px;
-
    font-weight: normal;
+
      margin: 0 4px;
-
    color:#808080;
+
-
    display: block;
+
-
    padding: 8px 4px;
+
-
    margin: 0 10px;
+
-
    height: 18px;
+
-
    border-bottom: 1px dotted #ccc;}
+
-
#primary-nav ul ul li:last-child a {border-bottom:0;}
+
-
#primary-nav .sf-sub-indicator {
+
-
    display:inline;
+
-
    padding:0;
+
-
    margin:0;
+
-
    border:none;
+
-
    position:absolute;
+
-
    right:0;
+
-
    top:0;  }
+
-
#primary-nav ul ul .sf-sub-indicator {right: 10px;top: 9px;}
+
-
#primary-nav ul li.sfHover ul a {color: #444 !important;}
+
-
#primary-nav ul li.sfHover ul a:hover {color: #444 !important;}
+
-
#primary-nav select {display:none;}
+
-
/* =Homepage */
+
      text-indent: -999em;
-
#callout {padding:0;float:left;margin:0 30px 0 0;width:300px;}
+
-
#callout h2 {font-size:38px;font-weight:bold;line-height:38px;margin:0 0 10px;text-transform:uppercase;letter-spacing:-2px;color:#212126;}
+
-
#callout h3 {
+
-
    font-size:18px;
+
-
    font-weight:normal;
+
-
    color:#8c8c8c;
+
-
    font-style:italic;
+
-
    font-size:center;}
+
-
#hpslider {background: url("../images/loading.gif") no-repeat center center;min-height: 250px;margin:10px 0 25px;float:left; width:580px;}
+
-
.home .st_portfolio {margin-bottom:15px;}
+
-
.home .post {background:none;margin-bottom:20px;    }
+
-
.home .st_portfolio .entry-thumb {margin:0 0 5px;}
+
-
.home .post .entry-thumb {margin:0 0 10px;}
+
-
#home-portfolio ul, #home-blog ul, #home-blocks ul {list-style:none;padding:0;margin: 0 -15px 20px 0;}
+
-
#home-portfolio li {float:left;margin:0 15px 10px 0;width:216px;text-align:center;}
+
-
#home-portfolio .entry-content p {margin:0;}
+
-
#home-portfolio .entry-title, #home-blog .entry-title {margin:0;}
+
-
#home-portfolio .entry-title, #home-portfolio .entry-title a, #home-blog .entry-title, #home-blog .entry-title a {font-weight:bold;color: #3A3A40;font-size: 14px;line-height: 18px;}
+
-
#home-blog li, #home-blocks li {
+
-
    float:left;
+
-
    margin:0 15px 15px 0; 
+
-
    padding:0;
+
-
    width:216px;
+
-
    font-size:12px;
+
-
    border:none;}
+
-
#home-blog .entry-title { margin: 0 0 10px;}
+
-
#home-blog .entry-thumb-placeholder {height: 172px;margin: 0 0 10px;width: 100%;}
+
-
h3.deco  {
+
-
    display:block;
+
-
    background: url("../images/doubleborder.gif") repeat-x center;
+
-
    margin:0 -25px 20px;   
+
-
    text-align:center;
+
-
    text-transform:uppercase;
+
-
    font-weight:normal;
+
-
    clear: both;
+
-
    font-size: 13px;}
+
-
h3.deco span.outer {background:#fff;}
+
-
h3.deco span.inner {
+
-
    padding:2px 10px;
+
-
    margin:0 10px;
+
-
    color:#fff;}
+
-
/* =Flexslider */
+
      border: 2px solid #fff;
 +
      border-radius: 6px;
-
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  {outline: none;}
+
      cursor: pointer;
-
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none}
+
      opacity: .4;
-
/*  FlexSlider Necessary Styles  */
+
-
.flexslider {width: 100%; margin: 0; padding: 0;}
+
-
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;}
+
-
.flexslider .slides img {max-width: 100%; display: block;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
+
-
.flex-pauseplay span {text-transform: capitalize;}
+
-
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
+
-
html[xmlns] .slides {display: block;}
+
-
* html .slides {height: 1%;}
+
-
/* No JavaScript Fallback */
+
-
.no-js .slides > li:first-child {display: block;}
+
-
/*  FlexSlider Styling  */
+
-
.flexslider {background: #fff; position: relative; zoom: 1;margin: 0 0 20px;}
+
-
.flexslider .slides {zoom: 1;}
+
-
.flexslider .slides > li {position: relative;}
+
-
.flex-container {zoom: 1; position: relative;}
+
-
/* Caption style */
+
-
.flex-caption {background:#232326; padding: 10px; margin: 0; position: absolute; left: 20px; bottom: 20px; color: #fafafa; font-size: 13px; line-height: 18px;max-width: 55%;}
+
-
/* Direction Nav */
+
-
.flex-direction-nav { height: 0; position:absolute; bottom: 0; right:20px; }
+
-
.flex-direction-nav li a {display: block; position: absolute; bottom: 20px; cursor: pointer; background:#232326; color:#fafafa; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding: 3px 10px; text-align:center;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; }
+
-
.flex-direction-nav li a:hover {text-decoration:none;}
+
-
.flex-direction-nav li .next {right: 0;}
+
-
.flex-direction-nav li .prev {right: 30px;}
+
-
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
+
-
/* Control Nav */
+
-
.flex-control-nav {position: absolute; bottom: 20px;text-align:right;right:90px;}
+
-
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
+
-
.flex-control-nav li:first-child {margin: 0;}
+
-
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url("../images/flex-control-nav.png") no-repeat; cursor: pointer; text-indent: 9999px;overflow: hidden; transition:none;-moz-transition:none;}
+
-
.flex-control-nav li a:hover {background-position: 0 -13px;}
+
-
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
+
-
/* Flexslider - Gallery Post Format */
+
-
.format-gallery .flex-direction-nav li a {bottom:10px;}
+
-
.format-gallery .flex-direction-nav {right:10px;}
+
-
</style>
+
-
<body id="body" class="home">
+
      -webkit-transition: background .5s, opacity .5s;
 +
      -moz-transition: background .5s, opacity .5s;
 +
      transition: background .5s, opacity .5s;
 +
    }
 +
      .banner .dots li.active {
 +
        background: #fff;
 +
        opacity: 1;
 +
      }
-
<!-- #site-container -->
+
  .banner .arrows {
-
<div id="site-container">
+
    position: absolute;
-
    
+
    bottom: 20px;
-
   <!-- #header-top --><!-- /#header-top -->
+
    right: 20px;
-
    
+
    color: #fff;
-
   <!-- #header -->
+
  }
-
   <header id="header" class="clearfix">  
+
    .banner .arrow {
-
    <!-- #logo -->
+
      display: inline;
-
    <div id="logo">
+
      padding-left: 10px;
-
      <h1> <a> <img src="https://static.igem.org/mediawiki/2013/6/65/SCAU-china_logo_.png"> </a> </h1>
+
      cursor: pointer;
-
     </div>
+
    }
-
     <div id="logo">
+
 
-
       <h1> <a> <img src="https://static.igem.org/mediawiki/2013/7/74/SCAU-China_igemlogo.png"> </a> </h1>
+
/*features*/
-
    </div>
+
.features {
-
    <!-- /#logo -->  
+
  overflow: hidden;
-
    <!-- #primary-nav -->
+
  padding: 50px 0;
-
    <nav id="primary-nav" role="navigation" class="clearfix">
+
}
-
      <ul id="menu-primary-nav" class="nav sf-menu clearfix">
+
  .features li {
-
        <li class="current-menu-item"><a href="https://2013.igem.org/Team:SCAU-China" >Home</a></li>
+
    position: relative;
-
        <li><a href="#">Team</a>
+
    padding: 0 25px 0 40px;
-
          <ul class="sub-menu">
+
    list-style: none;
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Team" >Members</a></li>
+
 
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Attributions" >Attributions</a></li>
+
    width: 25%;
-
           </ul>
+
    float: left;
 +
  }
 +
    .features li:before {
 +
      content: '';
 +
      position: absolute;
 +
      left: 0;
 +
      top: 0;
 +
 
 +
      display: block;
 +
      width: 24px;
 +
      height: 22px;
 +
 
 +
      background: url('img/icons.png');
 +
    }
 +
      .features li.browser:before { background-position: 0 -44px; }
 +
      .features li.height:before { background-position: 0 -22px; }
 +
      .features li.responsive:before { background-position: 0 -66px; }
 +
   .features b {
 +
    display: block;
 +
    padding-bottom: 6px;
 +
   }
 +
.wrap {
 +
  margin: 0 auto;
 +
  max-width: 1170px;
 +
}
 +
/*footer*/
 +
footer{
 +
  margin-top: 100px;
 +
  background-color: #eceff1;
 +
  color: #bdc1c5;
 +
  font-size: 17px;
 +
  padding: 0;
 +
}
 +
.footer-banner{
 +
  background-color: #34495e;
 +
  color: #58F8D9;
 +
  margin-left: 42px;
 +
  min-height: 286px;
 +
  padding: 0 30px 30px;
 +
}
 +
.footer-banner ul{
 +
  list-style-type: none;
 +
}
 +
.footer-banner ul li{
 +
  border-bottom:1px solid rgba(57, 107, 97, 0.53);
 +
  line-height: 19px;
 +
  padding: 6px 0;
 +
}
 +
.footer-banner a{
 +
  color: #58F8D9;
 +
}
 +
.footer-banner a:hover{
 +
  text-decoration: none;
 +
}
 +
.footer-title{
 +
   margin: 0 0 22px;
 +
   padding-top: 21px;
 +
  color: #1abc9c;
 +
  font-weight: bold;
 +
}
 +
.footerleft a{
 +
  color: #bdc1c5;
 +
}
 +
.footerleft a:visited {
 +
  color: #bdc1c5;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
 +
   <div class="navbar-header">
 +
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
 +
      <span class="sr-only">The navigation</span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </button>
 +
    <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
 +
      <img src="https://static.igem.org/mediawiki/2013/7/7d/Ouc-igem1.png">
 +
    </a>
 +
    <a class="navbar-brand" href="https://2013.igem.org/Team:OUC-China">
 +
      <p>OUC-China IGEM 2013</p>
 +
     </a>
 +
  </div>
 +
     <div class="collapse navbar-collapse navbar-ex1-collapse">
 +
       <ul class="nav navbar-nav pull-right">
 +
      <li><a href="https://2013.igem.org/Team:OUC-China">Home</a></li>
 +
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project<b class="caret"></b></a>
 +
              <ul class="dropdown-menu">
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Overview">Overview</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Achievement">Achievement & judge criteria</a></li>
 +
                    <li class="dropdown-submenu">
 +
                      <a tabindex="-1" href="#">Intracellular compartment</a>
 +
                <ul class="dropdown-menu">
 +
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Review">Review</a></li>
 +
                        <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Design">Design</a></li>
 +
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Microfluidics</a></li>
 +
              <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Results">Results</a></li>
 +
                </ul>
 +
            </li>
 +
                  <li class="dropdown-submenu">
 +
                  <a tabindex="-1" href="#">RNA guardian</a>
 +
          <ul class="dropdown-menu">
 +
                      <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Introduction">Introduction</a></li>
 +
                      <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Design">Design</a></li>
 +
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/RNA guardian/Results">Result</a></li>
 +
            <li><a tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Reference">Reference</a></li>
 +
            </ul>
 +
          </li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Part description">Part description</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Future work">Future work</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown" role="menu" aria-labelledby="dropdownMenu">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Modeling<b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Magnetic Analysis">Magnetic Analysis</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Model in RNA guardian">Model in RNA guardian</a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2013.igem.org/Team:OUC-China/Human Practice">Human Practice</a></li>
 +
      <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team<b class="caret"></b></a>
 +
              <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Members">Members</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Instructors">Instructors</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Advisor">Advisor</a></li>
 +
           <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab">Lab</a></li>
 +
          <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Acknowledgement">Acknowledgement</a></li>
 +
        </ul>
 +
            </li>
 +
      <li class="dropdown"><a  href="https://2013.igem.org/Team:OUC-China/Safety">Safety</a></li>
 +
      <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">Notebook<b class="caret"></b></a>
 +
                <ul id="menu2" class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Lab note">Lab note</a></li>
 +
                  <li role="presentation"><a role="menuitem" tabindex="-1" href="https://2013.igem.org/Team:OUC-China/Protocol">Protocol</a></li>
 +
                </ul>
 +
            </li>
 +
    </ul>
 +
  </div>
 +
</div>   
 +
<!--the slidershow begin-->
 +
<div class="banner">
 +
      <ul>
 +
        <li style="background-image: url('https://static.igem.org/mediawiki/igem.org/9/9e/Tital.jpg');">
 +
          <div class="inner">
 +
            <h1>WE DID IT !</h1>
 +
            <p>Constructing an Artificial Organelle（Intracellular Compartment） in <i>E.coli</i></p>
 +
            <a class="btn" href="https://2013.igem.org/Team:OUC-China/Results">learn the story behind this picture</a>
 +
          </div>
         </li>
         </li>
-
         <li><a href="#">Project</a>
+
 
-
          <ul class="sub-menu">
+
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/7/7d/Cluster.png');">
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Project" >Overview</a></li>
+
          <div class="inner">
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Project/OPdegradation" >OP Degradation</a></li>
+
            <h1>Compression of Metabolic Pathways</h1>
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPsensor" >PNP Sensor</a></li>
+
             <p>Constructing an artificial cluster to build the compartment by operating fewer genes. </p>
-
             <li><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPdegradation" >PNP Degradation</a></li>
+
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/Design">learn more</a>
-
             <li><a href="https://2013.igem.org/Team:SCAU-China/Project/SuicideSystem" >Suicide System</a></li>
+
           </div>
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Notebook">Notes</a></li>
+
-
           </ul>
+
         </li>
         </li>
-
        <li><a href="#">Results</a>
+
 
-
          <ul class="sub-menu">
+
  <li style="background-image: url('https://static.igem.org/mediawiki/2013/b/bc/Slider-xiaodong.jpg');">
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Modeling" >Modeling</a></li>
+
          <div class="inner" style="float:left;padding-left:30px;">
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/Parts" >Biobricks</a></li>
+
            <h1>Microfluidic Chip Magnetism Detection</h1>
-
             <li><a href="https://2013.igem.org/Team:SCAU-China/Achievements" >Achievements</a></li>
+
             <p><br></p>
-
             <li><a href="https://2013.igem.org/Team:SCAU-China/Safety" >Safety</a></li>
+
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/Microfluidics" style="color:#1abc9c;">learn more</a>
-
           </ul>
+
           </div>
         </li>
         </li>
-
         <li><a href="#">Human Practice</a>
+
         <li style="background-image: url('https://static.igem.org/mediawiki/2013/7/75/Ouc-slide4.jpg');">
-
          <ul class="sub-menu">
+
          <div class="inner">
-
            <li><a href="https://2013.igem.org/Team:SCAU-China/HP/Survey">Survey</a></li>
+
            <h1>Factors Considered in RNA guardian</h1>
-
             <li><a href="https://2013.igem.org/Team:SCAU-China/HP/Communication">Communication</a></li>
+
             <p><br /></p>
-
             <li><a href="https://2013.igem.org/Team:SCAU-China/HP/Game">card game Game</a></li>
+
             <a class="btn" href="https://2013.igem.org/Team:OUC-China/RNA_guardian/Design">Learn more</a>
-
           </ul>
+
           </div>
         </li>
         </li>
       </ul>
       </ul>
-
    </nav>
 
-
    <!-- #primary-nav -->
 
-
   
 
-
  </header>
 
-
  <!-- /#header -->
 
-
  <!-- #primary -->
 
-
  <div id="primary" class="clearfix">
 
-
    <!-- #content -->
 
-
    <section id="content1" role="main" class="fullwidth">
 
-
      <div id="feature" class="clearfix">
 
-
        <div id="callout">
 
-
          <h2>Overview</h2>
 
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;Organophosphorus pesticides (OP), which are highly toxic, are still used in some developing countries. Many terrestrial and aquatic ecosystems across the world are contaminated with OP. Residues of OP in food are also often reported</p>
 
-
          <p>&nbsp;&nbsp;&nbsp;&nbsp;This year, our goal is to construct a system that can sensing and degrade organophosphorus pesticides.</p>
 
-
          <p><a href="#">View Our Work &rarr;</a></p>
 
-
        </div>
 
-
        <div id="hpslider" class="flexslider">
 
-
          <script type="text/javascript" charset="utf-8">
 
-
  jQuery(window).load(function() {
 
-
    jQuery('#hpslider').flexslider({
 
-
        keyboardNav: false,
 
-
        prevText: "&lt;",
 
-
        nextText: "&gt;"
 
-
    });
 
-
  });
 
-
</script>
 
-
          <ul class="slides">
 
-
            <li><img src="https://static.igem.org/mediawiki/2013/1/12/SCAU-China_slide1.jpg" alt="" /> </li>
 
-
            <li><img src="https://static.igem.org/mediawiki/2013/2/26/SCAU-China_slide2.jpg" alt="" /> </li>
 
-
            <li><img src="https://static.igem.org/mediawiki/2013/0/0d/SCAU-China_slide3.jpg" alt="" /> </li>
 
-
          </ul>
 
-
        </div>
 
-
      </div>
 
-
      <div id="home-blocks" class="clearfix">
 
-
        <h3 class="deco"><span class="outer"><span class="inner">Our Project</span></span></h3>
 
-
        <ul class="clearfix">
 
-
          <li>
 
-
            <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/OPdegradation">OP Degradation</a></h3>
 
-
            <p>&nbsp;&nbsp;&nbsp;&nbsp;The bacterial organophosphorus hydrolase enzyme hydrolyzes and detoxifies a broad range of toxic organophosphate pesticides. In the first part, we need to use these enzymes to degrade parathion into PNP.</p>
 
-
          </li>
 
-
          <li>
 
-
            <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPsensor" >PNP Sensor</a></h3>
 
-
            <p>&nbsp;&nbsp;&nbsp;&nbsp;The second part is a biosensor of the hydrolysis product P-Nitrophenol (PNP). There is no operon that can react to parathion. We foucus on constructing a PNP sensor, which can reflect the existence of parathion.</p>
 
-
          </li>
 
-
          <li>
 
-
            <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/PNPdegradation" >PNP Degradation</a></h3>
 
-
            <p>&nbsp;&nbsp;&nbsp;&nbsp;We also design a PNP degradation system. We use enzymes NphA1 and NphA2 to degrade PNP, but fail. We find another pathway to degrade PNP in 5 steps with 4 enzymes in Rhodococcus sp. Strain PN1.            </p>
 
-
          </li>
 
-
          <li>
 
-
            <h3><a href="https://2013.igem.org/Team:SCAU-China/Project/SuicideSystem" >Suicide System</a></h3>
 
-
            <p>&nbsp;&nbsp;&nbsp;&nbsp;With the public increasingly concerned about biosafety, we conceived a suicide gene circuit to ensure these recombinanational bacteria can only survive in laboratories and not cause horizontal gene transfer.</p>
 
-
          </li>
 
-
        </ul>
 
-
      </div>
 
-
      <div id="home-blog" class="clearfix"> </div>
 
-
    </section>
 
-
    <!-- /#content -->
 
   </div>
   </div>
-
   <!-- /#primary -->  
+
   <!--the slidershow end-->
-
   <!-- #footer -->
+
   <div class="features">
-
  <footer id="footer" class="clearfix">
+
      <ul class="wrap">
-
    <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Sponsors</p>
+
      <h3><b>Features Of Our Project</b></h3><hr>
-
    <p><a href="http://www.scau.edu.cn"><img src="https://static.igem.org/mediawiki/2013/d/d3/Scau_sclo.png" alt="" width="396" height="111"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://life.scau.edu.cn"><img src="https://static.igem.org/mediawiki/2013/f/fa/Scau_lifelogo.png" alt="" width="453" height="116"></a></p>
+
        <li>
-
  </footer>
+
          <b><span class="glyphicon glyphicon-ok-sign"></span> Artificial Organelle(Intracellular Compartment)</b>
-
  <!-- /#footer -->  
+
          <p>We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.</p>
-
 
+
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Results">Learn more</a>
-
  <!-- #footer-bottom -->
+
        </li>
-
  <footer id="footer-bottom" class="clearfix">
+
        <li>
-
    <nav id="footer-nav">
+
          <b><span class="glyphicon glyphicon-ok-sign"></span> RNA Guardian</b>
-
      <ul class="nav-footer">
+
          <p>We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.</p>
-
        <li><a href="https://2013.igem.org/Team:SCAU-China/Team" >About Us</a></li>
+
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Instruction">Learn more</a>
 +
        </li>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Microfluidic</b>
 +
          <p>We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, <i>Magnetospirillum Magneticum</i>.</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Microfluidics">Learn more</a>
 +
 
 +
        </li>
 +
        <li>
 +
          <b><span class="glyphicon glyphicon-ok-sign"></span> Preserving <i>mam</i>AB genes</b>
 +
          <p>We preserved <i>Magnetospirillum Magneticum</i> AMB-1 <i>mam</i>AB genes in <i>E.coli</i>, prevented the genes lose when AMB-1 strain was cultured in high oxygen partial pressure environment.</p>
 +
          <a class="btn btn-info" href="https://2013.igem.org/Team:OUC-China/Design">Learn more</a>
 +
        </li>
       </ul>
       </ul>
-
     </nav>
+
     </div>
-
    <div id="copyright">iGEM 2013 SCAU-China</div>
+
<div class="container">
-
  </footer>
+
        <h3><b>Introduction</b></h3><hr>
-
  <!-- /#footer-bottom -->  
+
        <p>Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production.
-
 
+
How could a membrane be constructed in a Prokaryote? The answer may lie in this species: <i>Magnetosprillum Magneticum</i>, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in <i><i>E.coli</i></i>, creating better conditions for efficient biological production.</p>
 +
        <p style="text-align:center"><a class="btn btn-large btn-info" href="https://2013.igem.org/Team:OUC-China/Overview">Learn more</a></p>
</div>
</div>
-
<!-- /#container -->  
+
<!--footer-->
 +
<footer>
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-md-1"></div>
 +
<div class="col-md-6 footerleft">
 +
  <h3 class="footer-title" style="color:#bdc1c5;">About</h3>
 +
  <p>Thanks to:</p>
 +
  <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Bootstrap&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Flat-ui&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Unslider</p>
 +
  <p>Designed and built by <a href="http://copypeng.com">@PengYong</a> and <a href="http://www.renren.com/345094399/profile?ref=opensearch_normal#notice">@ZhengYuchen.</a></p>
 +
  <p>Code licensed under Apache License v2.0</p>
 +
</div>
 +
<div class="col-md-4">
 +
  <div class="footer-banner">
 +
    <h3 class="footer-title">Contact US</h3>
 +
    <ul>
 +
      <li>E-mail:<a href="mailto:oucigem@163.com"> oucigem@163.com</a></li>
 +
      <li><a href="http://oucast.com"> Official website</a></li>
 +
      <li><a href="http://www.renren.com/oast"> Find us on Renren</a></li>
 +
      <li><a href="http://weibo.com/u/2805858363"> Find us on Weibo</a></li>
 +
      <li><a href="https://www.google.com/maps?q=+36.062884,+120.335542&sll=36.1360706,120.3648376&sspn=0.36606958894334163,0.9386959091014536&t=m&z=16">Find us on Google Map</a></li>
 +
    </ul>
 +
  </div>
 +
</div>
 +
<div class="col-md-1"></div>
 +
</div>
 +
</div>
 +
</footer>
 +
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
 +
<script src="http://unslider.com/unslider.min.js"></script>
<script>
<script>
-
        var getElementsByClassName=function(a,b,c){if(document.getElementsByClassName){getElementsByClassName=function(a,b,c){c=c||document;var d=c.getElementsByClassName(a),e=b?new RegExp("\\b"+b+"\\b","i"):null,f=[],g;for(var h=0,i=d.length;h<i;h+=1){g=d[h];if(!e||e.test(g.nodeName)){f.push(g)}}return f}}else if(document.evaluate){getElementsByClassName=function(a,b,c){b=b||"*";c=c||document;var d=a.split(" "),e="",f="http://www.w3.org/1999/xhtml",g=document.documentElement.namespaceURI===f?f:null,h=[],i,j;for(var k=0,l=d.length;k<l;k+=1){e+="[contains(concat(' ', @class, ' '), ' "+d[k]+" ')]"}try{i=document.evaluate(".//"+b+e,c,g,0,null)}catch(m){i=document.evaluate(".//"+b+e,c,null,0,null)}while(j=i.iterateNext()){h.push(j)}return h}}else{getElementsByClassName=function(a,b,c){b=b||"*";c=c||document;var d=a.split(" "),e=[],f=b==="*"&&c.all?c.all:c.getElementsByTagName(b),g,h=[],i;for(var j=0,k=d.length;j<k;j+=1){e.push(new RegExp("(^|\\s)"+d[j]+"(\\s|$)"))}for(var l=0,m=f.length;l<m;l+=1){g=f[l];i=false;for(var n=0,o=e.length;n<o;n+=1){i=e[n].test(g.className);if(!i){break}}if(i){h.push(g)}}return h}}return getElementsByClassName(a,b,c)},
+
$(function() {
-
            dropdowns = getElementsByClassName( 'dropdown-menu' );
+
    $('.banner').unslider();
-
         for ( i=0; i<dropdowns.length; i++ )
+
});
-
            dropdowns[i].onchange = function(){ if ( this.value != '' ) window.location.href = this.value; }
+
</script>
-
     </script>
+
<script>
-
<script type="text/javascript" src="https://raw.github.com/jy886/SCAU-China/master/functions.js"></script>
+
      if(window.chrome) {
-
<script type="text/javascript" src="https://raw.github.com/jy886/SCAU-China/master/jquery.flexslider-min.js"></script>
+
        $('.banner li').css('background-size', '100% 100%');
 +
      }
 +
 
 +
      $('.banner').unslider({
 +
        speed: 500,  
 +
        delay: 40000,
 +
        keys: true,  
 +
        fluid: true,
 +
         dots: true
 +
      });    
 +
     </script>
</body>
</body>
</html>
</html>

Latest revision as of 03:38, 28 September 2013

    Features Of Our Project

  • Artificial Organelle(Intracellular Compartment)

    We designed an artificial prokaryotic membranous organelle which is capable of anchoring proteins, opening up new possibilities for intracellular biochemistry reactions.

    Learn more
  • RNA Guardian

    We took advantage of the 3D structure of RNA, using ribosomes as a barrier to stabilize RNA.

    Learn more
  • Microfluidic

    We used Microfluidic Technology to detect the magnetism of our magnetic bacteria, Magnetospirillum Magneticum.

    Learn more
  • Preserving mamAB genes

    We preserved Magnetospirillum Magneticum AMB-1 mamAB genes in E.coli, prevented the genes lose when AMB-1 strain was cultured in high oxygen partial pressure environment.

    Learn more

Introduction

Putting biological resources into production has now become a hot topic since the development of technology and the draining of natural resources. For example, research about biofuel and biochemistry is now flourishing. But biological products have drawbacks of being inefficient and not broad-spectrum. Inspired by eukaryotic membranous organelles, we aim to construct a prokaryotic membranous organelle to realize division of work inside the cell and improve the efficiency of production. How could a membrane be constructed in a Prokaryote? The answer may lie in this species: Magnetosprillum Magneticum, which can form a natural intracellular membrane. But this bacteria is slow-growing and requires demanding culture conditions, so the purpose of our project is to reconstruct the magnetosome membrane in E.coli, creating better conditions for efficient biological production.

Learn more

Retrieved from "http://2013.igem.org/Team:OUC-China"