Team:OUC-China/Achievement

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html lang="en">
 
<head>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Line 9: Line 8:
<style type="text/css">
<style type="text/css">
-
 
+
#globalWrapper {
 +
font-size: 100%;
}
}
#top-section{
#top-section{

Revision as of 10:36, 27 September 2013

<head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <link href="http://oucast.com/igem/css/bootstrap-responsive.css" rel="stylesheet" media="screen"> <link href="http://oucast.com/igem/css/docs.css" rel="stylesheet"> <link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" media="screen"> <style type="text/css">

  1. globalWrapper {

font-size: 100%; }

  1. top-section{ 
  height:0px;
   border:none;
   width:980px;
   margin:0 auto;
   padding:0 0 0 0;
   background-color:#e5e5e5;
   overflow:hide;

}

  1. p-logo{display:none;}
  2. search-controls{display:none;}
  3. top{display:none;}

.firstHeading{display:none;}

  1. footer-box{display:none;}
  2. catlinks{display:none;}

div#contentSub{ 

   display: none;
   position: absolute;

}

  1. content h1.firstHeading {display: none;}
  2. content

{ border:none; height: 100%; margin:0; padding:0; width:100%; position: absolute; background-color: #e5e5e5; }

{ margin:0; padding:0; }


  1. menubar { 
   background-color:transparent;
   position: relative;
   float:left;
   white-space: nowrap;
   top:-6px;
   width: 490px;
   z-index: 5000;
   font-family: sans-serif;
   font-size: 50%;
   line-height: 1em;
   z-index:99;

} li {font-weight:normal; 

   font-size:12px;

} 

body {
     padding-bottom: 40px;
     color: #5a5a5a;

background: #e5e5e5 url(bootstrap/img/moon.png); overflow-x: hidden; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); 

   }

h1 {color:#0099FF}

}

a:not(.btn) { color: #00699E; -webkit-transition: 300ms; -moz-transition: 300ms; transition: 300ms; } a:hover:not(.btn), a:active:not(.btn) { color: #9E0000; text-decoration: none; -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); transform: translateY(-8px); }

hr.soften { height: 1px; margin: 30px 0; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; }

.nav a { -webkit-transition: 500ms; -moz-transition: 500ms; transition: 500ms; } 


   /* Featurettes
   ------------------------- */

   .featurette-divider {
margin: 80px 0; /* Space out the Bootstrap
more */ 
   }
   .featurette {
     padding-top: 120px; /* Vertically center images part 1: add padding above and below text. */
     overflow: hidden; /* Vertically center images part 2: clear their floats. */
   }
   .featurette-image {
     margin-top: -120px; /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */
   }

   /* Give some space on the sides of the floated elements so text doesn't run right into it. */
   .featurette-image.pull-left {
     margin-right: 40px;
   }
   .featurette-image.pull-right {
     margin-left: 40px;
   }

   /* Thin out the marketing headings */
   .featurette-heading {
     font-size: 50px;
     font-weight: 300;
     line-height: 1;
     letter-spacing: -1px;
   }

   /* RESPONSIVE CSS
   -------------------------------------------------- */

   @media (max-width: 979px) {

     .container.navbar-wrapper {
       margin-bottom: 0;
       width: auto;
     }
     .navbar-inner {
       border-radius: 0;
       margin: -20px 0;
     }

     .carousel .item {
       height: 400px;
     }
     .carousel img {
       width: auto;
       height: 400px;
     }

     .featurette {
       height: auto;
       padding: 0;
     }
     .featurette-image.pull-left,
     .featurette-image.pull-right {
       display: block;
       float: none;
       max-width: 40%;
       margin: 0 auto 20px;
     }
   }



   @media (max-width: 767px) {

     .navbar-inner {
       margin: -20px;
     }

     .carousel {
       margin-left: -20px;
       margin-right: -20px;
     }
     .carousel .container {

     }
     .carousel .item {
       height: 400px;
     }
     .carousel img {
       height: 400px;
     }
     .carousel-caption {
       width: 65%;
       padding: 0 70px;
       margin-top: 100px;
     }
     .carousel-caption h1 {
       font-size: 30px;
     }
     .carousel-caption .lead,
     .carousel-caption .btn {
       font-size: 18px;
     }

     .marketing .col-md-4 + .col-md-4 {
       margin-top: 40px;
     }

     .featurette-heading {
       font-size: 30px;
     }
     .featurette .lead {
       font-size: 18px;
       line-height: 1.5;
     }

   }

/*the nav settings

*/

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{ color: #1abc9c; background-color: transparent; } .navbar-inverse .navbar-nav>li>a{ color: #fff; } .navbar-inverse .navbar-nav>li>a:hover{ color: #1abc9c; background-color:transparent; } .navbar-inverse .navbar-brand{ 

         color: #fff;
         padding: 0;

} .navbar-inverse .navbar-brand img{ 

 height: 50px;
 padding-left: 90px;

} .navbar-inverse .navbar-brand p{ 

 padding:15px 30px;
 margin:0;

} .navbar-inverse .navbar-brand:hover{ color: #1abc9c; } .navbar-inverse{ border-color: transparent; background: #34495e; font-weight: bold; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); } .dropdown-menu{ background-color:#34495e; border:none; -webkit-box-shadow:none; box-shadow: none; } .dropdown-menu>li>a{ color: #fff; font-weight: bold; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{ color:#1abc9c; 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;}


</style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

<meta name="description" content="">
<meta name="author" content="">

<title>Achievement & judge criteria</title> </head>

<body>

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <col-md- class="sr-only">The navigation</col-md-> 

     		<col-md- class="icon-bar"></col-md->
     		<col-md- class="icon-bar"></col-md->
     		<col-md- class="icon-bar"></col-md->
     	</button>
   <a class="navbar-brand" href="https://igem.org/Team_Wikis?year=2013">
     <img src="Ouc-igem1.png">
   </a>
   <a class="navbar-brand" href="https://2013.igem.org/Team:OUC-China">

OUC-China IGEM 2013

   </a>


<section id="Overview">

Achievement & judge criteria

<a href="https://2013.igem.org/Team:OUC-China/Part description">1.We construct a series of new standard Biobrick part and device and submit it to MIT.</a>

<a href="https://2013.igem.org/Team:OUC-China/Instruction">2.We design a “RNA guardian” device and prove it matches our goals and submit it to MIT.</a>

3.We find that Biobrick BBa_K590015 do not work because of the wrong sequence, so we correct it and registry the mamJ gene(BBa_K1059014).

4.We utilize the microfluidic chip to build the mathematical model reflecting the relationship between the bacterial number and magnetic field intensity.

5.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.

6.We help Tsinghua University by constructing a device and sharing drugs.




</br>

</section>


<script src="http://code.jquery.com/jquery.js"></script> 

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

<script src="http://oucast.com/igem/js/ouc2.js"></script> <script src="http://oucast.com/igem/js/application.js"></script> <script> 

     !function ($) {
       $(function(){
         // carousel demo
         $('#myCarousel').carousel()
       })
     }(window.jQuery)
   </script>

</body> </html>

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