Difference between revisions of "Team:Manchester/Results"

@@ Line 1: / Line 1: @@
 {{:Team:Manchester/Templates/NavBar}}
 {{ManchesterMobile}}
@@ Line 9: / Line 10: @@
      background-color:;
      overflow-x: hidden
+}
+.projectlink img:hover {
+  opacity: 0.7;
+}
+.floatleft1 {
+  float: right!important;
+}
+.floatright1 {
+  float: left!important;
+}
+.sectionfirst {
+  margin-top: 25px!important;
+  padding-top: 10vh;
+  height: 30vh;
+  background: transparent;
+  background-size: cover
+}
+.border {
+  background-color: #c4c4c4;
+  color: #fff;
+  padding: 18px;
+  letter-spacing: 10px;
+  opacity: 1
 }
 .col-md-4 img {
-   width: 60vw;
+   width: 20vw;
    display: block;
    margin-left: auto;
@@ Line 26: / Line 55: @@
      width: 100vw!important;
      overflow-x: hidden;
-     opacity: 0.5;
+     opacity: 1.0;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition: 0.3s ease-in-out;
@@ Line 34: / Line 63: @@
 }
-.displaybox:hover {
+h4 {
-   opacity: 1.0;
+   font-size: 35px!important;
-   -webkit-transition: 0.3s ease-in-out;
+   font-weight: 400;
-   -moz-transition: 0.3s ease-in-out;
+   font-family: 'Calibri'!important;
-   -ms-transition: 0.3s ease-in-out;
+   padding: 2%!important;
-   -o-transition: 0.3s ease-in-out;
+   text-align: center;
-  transition: 0.3s ease-in-out
 }
-.sectionfirst {
+h2 {
-   margin-top: 80px!important;
+   font-size: 40px!important;
-   padding-top: 10vh
+  font-weight: 400;
+  font-family: 'Calibri'!important;
+   padding: 2%!important;
+  text-align: center;
+}
+h3 {
+  font-size: 20px!important;
+  padding: 2%!important;
+  background: #89d4fa!important;
+  color: #111;
+  border: 1px solid #44bfff;
+  border-radius: .25em;
+  text-align: justify;
+  text-justify: inter-word;
 }
-@media (max-width: 1000px) {
+p {
-   .displaybox {
+   text-align: justify;
-      opacity: 1;
+  text-justify: inter-word;
-   }
+   font-family: 'Calibri', sans-serif;
 }
@@ Line 60: / Line 102: @@
 <body>
-<div class="sectionfirst displaybox" style="background-color: #f4f3f6">
+<div class="clear"></div>
-    <div class="col-centered" >
-      <center>
+<div class="col-md-12 sectionfirst" style="background-color: #fbf9f8!important">
-        <h2>Results</h2>
+<h2 class="border" style="margin-top: 5vh; text-align: center">Results</h2>
-      </center>
+<br/>
-    </div>
 </div>
+<div style="padding: 0px 30vw; background-color: #fbf9f8!important">
-<div class="displaybox" style="background-color: #fff">
+<p><b>Overview:</b></p>
-    <div class="container">
-      <div class="col-md-12 text-justify col-centered">
+<div class="plan" style="padding: 0px 2vw; border: 3px solid transparent; background-color: #fbf9f8!important">
-          <center>
+<p style="margin-left: 40px">1. <a href="https://2017.igem.org/Team:Manchester/Results1">Polyphosphate kinase</a> purification and optimization.</p>
-<h3><font color="#111">PPK</font></specialh3>
+<p style="margin-left: 40px">2. <a href="https://2017.igem.org/Team:Manchester/Results2">Eut microcompartment</a> expression.</p>
-<hr class="dark">
+<p style="margin-left: 40px">3. <a href="https://2017.igem.org/Team:Manchester/Results3">Localization Tag</a> characterization.</p>
-          </center>
+<p style="margin-left: 40px">4. <a href="https://2017.igem.org/Team:Manchester/Results4">Anderson Promoters</a> characterization.</p>
-  <div class="col-md-8 text-justify">
+<p style="margin-left: 40px">5. <a href="https://2017.igem.org/Team:Manchester/Results5">References</a></p>
-<p><font color="#111">Phosphorus, one of the most common element on earth, is a fundamental element for all living organisms. From DNA to cell membranes, phosphorus is essential for a variety of biological molecules. Phosphorus is also vital for food production as it is one of the three main component of agricultural fertilizers, alongside nitrogen and potassium.
-</font></p>
-  </div>
-      </div>
-    </div>
-</div>
-<div class="displaybox" style="background-color: #f4f3f6">
-<div class="container">
-<div class="col-md-12 text-justify col-centered">
-          <center>
-<h3><font color="#111">PPK</font></specialh3>
-<hr class="dark">
-          </center>
-  <div class="col-md-8 text-justify">
-<p><font color="#111">Phosphorus, one of the most common element on earth, is a fundamental element for all living organisms. From DNA to cell membranes, phosphorus is essential for a variety of biological molecules. Phosphorus is also vital for food production as it is one of the three main component of agricultural fertilizers, alongside nitrogen and potassium.
-</font></p>
-  </div>
 </div>
 </div>
+<div class="plan" style="padding: 0px 8vw; background-color: #fbf9f8!important">
+<a class="floatleft1 project projectlink" href= " https://2017.igem.org/Team:Manchester/Results1 " ><img src="https://static.igem.org/mediawiki/2017/7/7c/T--Manchester--Next_Arrow17.jpg"></a>
+<a class="floatright1 project projectlink" href= " https://2017.igem.org/Team:Manchester/Description1 " ><img src="https://static.igem.org/mediawiki/2017/0/0a/T--Manchester--BACKARROW17MAN.jpg"></a>
+<br>
+<br>
+<br>
+<br>
+<br>
 </div>
+<script>
+$(document).ready(function() {
+// Create NGL Stage object
+var stage = new NGL.Stage( "viewport" );
+// Handle window resizing
+window.addEventListener( "resize", function( event ){
+    stage.handleResize();
+}, false );
+// Load PDB entry 1CRN
+stage.loadFile( "https://2017.igem.org/Team:Manchester/ppk.pdb", { defaultRepresentation: true } )
+});
+</script>