|
|
| Line 1: |
Line 1: |
| − | {{NUS_Singapore}}
| |
| − | <html>
| |
| − | <head>
| |
| − | <style>
| |
| | | | |
| − | /********** Class for spliting different section = Clear content below while adds extra spacing when clearing content **********/
| |
| − | .clear {
| |
| − | clear:both;
| |
| − | height: 50px;
| |
| − | }
| |
| − |
| |
| − | .clear-largespace{
| |
| − | clear:both;
| |
| − | height: 100px;
| |
| − | }
| |
| − |
| |
| − | /*************************************************** Gallery Display ***************************************/
| |
| − | div.gallery {
| |
| − | border: 1px solid #ccc;
| |
| − | }
| |
| − |
| |
| − | div.gallery:hover {
| |
| − | border: 1px solid #777;
| |
| − | }
| |
| − |
| |
| − | div.gallery img {
| |
| − | width: 100%;
| |
| − | height: 200px;
| |
| − | }
| |
| − |
| |
| − | div.desc {
| |
| − | padding: 15px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | * {
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − |
| |
| − | .responsive {
| |
| − | margin:20px;
| |
| − | width: 40%; /* frame seperation */
| |
| − | }
| |
| − |
| |
| − | .clearfix:after {
| |
| − | content: "";
| |
| − | display: table;
| |
| − | clear: both;
| |
| − | }
| |
| − |
| |
| − | .maincontent{
| |
| − | margin-top:40px;
| |
| − | margin-left:10%;
| |
| − | margin-right:10%;
| |
| − | margin-bottom:20px;
| |
| − | text-align:justify;
| |
| − | }
| |
| − |
| |
| − | /******************************************************* 点击图片放大效果 ********************************************/
| |
| − | #myImg {
| |
| − | border-radius: 5px;
| |
| − | cursor: pointer;
| |
| − | transition: 0.3s;
| |
| − | width:600px;
| |
| − | height:400px;
| |
| − | }
| |
| − |
| |
| − | #myImg:hover {opacity: 0.7;}
| |
| − |
| |
| − | /* The Modal (background) */
| |
| − | .modal {
| |
| − | display: none; /* Hidden by default */
| |
| − | position: fixed; /* Stay in place */
| |
| − | z-index: 1; /* Sit on top */
| |
| − | padding-top: 100px; /* Location of the box */
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | width: 100%; /* Full width */
| |
| − | height: 100%; /* Full height */
| |
| − | overflow: auto; /* Enable scroll if needed */
| |
| − | background-color: rgb(0,0,0); /* Fallback color */
| |
| − | background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
| |
| − | }
| |
| − |
| |
| − | /* Modal Content (image) */
| |
| − | .modal-content {
| |
| − | margin: auto;
| |
| − | display: block;
| |
| − | width: 80%;
| |
| − | max-width: 700px;
| |
| − | }
| |
| − |
| |
| − | /* Caption of Modal Image */
| |
| − | #caption {
| |
| − | margin: auto;
| |
| − | display: block;
| |
| − | width: 80%;
| |
| − | max-width: 700px;
| |
| − | text-align: center;
| |
| − | color: #ccc;
| |
| − | padding: 10px 0;
| |
| − | height: 150px;
| |
| − | }
| |
| − |
| |
| − | /* Add Animation */
| |
| − | .modal-content, #caption {
| |
| − | -webkit-animation-name: zoom;
| |
| − | -webkit-animation-duration: 0.6s;
| |
| − | animation-name: zoom;
| |
| − | animation-duration: 0.6s;
| |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes zoom {
| |
| − | from {-webkit-transform: scale(0)}
| |
| − | to {-webkit-transform: scale(1)}
| |
| − | }
| |
| − |
| |
| − | @keyframes zoom {
| |
| − | from {transform: scale(0.1)}
| |
| − | to {transform: scale(1)}
| |
| − | }
| |
| − |
| |
| − | /* The Close Button */
| |
| − | .close {
| |
| − | position: absolute;
| |
| − | top: 15px;
| |
| − | right: 35px;
| |
| − | color: #f1f1f1;
| |
| − | font-size: 40px;
| |
| − | font-weight: bold;
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − |
| |
| − | .close:hover,
| |
| − | .close:focus {
| |
| − | color: #bbb;
| |
| − | text-decoration: none;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | /* 100% Image Width on Smaller Screens */
| |
| − | @media only screen and (max-width: 700px){
| |
| − | .modal-content {
| |
| − | width: 100%;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--****************************************** Here is where the main content starts ******************************************-->
| |
| − | <body>
| |
| − |
| |
| − |
| |
| − | <!-- Interlab study main content-->
| |
| − | <h1>Improved Part</h1>
| |
| − | <div class="maincontent">
| |
| − | <p>Our team has decided to improve upon the [http://parts.igem.org/Part:BBa_K116404 BBa_K116404] phosphate sensor-GFP reporter which was constructed by NYMU Taipei in 2008.
| |
| − | By replacing the weaker RBS 32 of the original part with a stronger affinity rbs 34, we have successfully constructed [http://parts.igem.org/Part:BBa_K2447000 Part:BBa_K2447000] phosphate sensor-GFP reporter. Our part is much more sensitive to phosphate concentrations even at phosphate concentrations of 40uM and above. Furthermore, at low phosphate concentration, strong GFP production is registered for our construct similar to the original construct. </p>
| |
| − | </div>
| |
