Difference between revisions of "Team:Warwick/Design"

Line 1: Line 1:
−
<!DOCTYPE html>
+
<html>
−
<html lang="en" dir="ltr" class="client-nojs">
+
  <head>
−
<head>
+
    <title>iGEM Warwick 2016 - Home</title>
−
<meta charset="UTF-8" />
+
    <meta charset="utf-8" />
−
<title>Team:Warwick-2016.igem.org</title>
+
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 +
    <link rel="stylesheet" type="text/css" href="http:\\2016.igem.org/Team:Warwick\css?action=raw&ctype=text/css" />
 +
  </head>
 +
  <body>
 +
    <!-- Header -->
 +
      <header id="header">
 +
        <div class="inner">
 +
          <a href="https://2016.igem.org/Team:Warwick" class="logo" >
 +
            <img src="https://static.igem.org/mediawiki/2016/c/cd/T--Warwick--Logo.png" alt="IGEM WARWICK" class="logo">
 +
          </a>
 +
          <nav id="nav">
 +
            <a href="https://2016.igem.org/Team:Warwick">Home</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Design">Design</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
 +
            <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>
 +
          </nav>
 +
          <a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
 +
        </div>
 +
      </header>
  
−
<head>
+
    <!-- Banner -->
 +
      <section id="banner">
 +
        <h1>Warwick iGEM 2016</h1>
 +
        <p>Application of CRISPR/Cas9 as a novel modular biosensor</p>
 +
      </section>
  
−
<style type="text/css">
+
    <!-- One -->
−
 
+
      <section id="one" class="wrapper">
−
#text {margin-top: 50px; z-index: 9999;}
+
        <div class="inner">
−
#text h2 {font-size: 25px; text-decoration: none; border-bottom: 0px; display: block; background-color: #c97062; color: #fff; font-weight: bold; border-radius: 4px; padding: 15px; opacity: 0.5; }
+
          <div class="flex flex-3">
−
 
+
            <article>
−
.blockk:hover h2 {opacity: 0.9 !important; transition-property: opacity;
+
              <header>
−
    transition-duration: 1s;
+
                <h3>CRISPR/Cas9<br /> biosensor.</h3>
−
    transition-timing-function: ease; }
+
              </header>
−
 
+
              <p>Using a dCas9 protein and an RNA-binding protein (RBP) fused to an effector, transcription of a fluorescent reporter gene can be regulated, with a significant colour change indicating the presence of targeted RNA.</p>
−
#text h4 {text-decoration: none; font-size: 14px; font-weight: normal !important; border-bottom: 0px; display: block;  padding-left: 5px; padding-top: 5px; padding-bottom: 5px; line-height: 2; text-align: justify; color: #272a2b}
+
              <footer>
−
 
+
                <a href="#" class="morebutton">More</a>
−
 
+
              </footer>
−
 
+
            </article>
−
 
+
            <article>
−
/*references*/
+
              <header>
−
.content .tooltip {
+
                <h3>Lyme's disease impact and diagnosis.</h3>
−
  background-color: #fff;
+
              </header>
−
border: 1px #22343C solid;
+
              <p>Our project will enable diagnosis of the disease at an early stage, increasing the likelihood of successful treatment and reducing the risk of irreversible bodily damage.</p>
−
  border-radius: 4px;
+
              <footer>
−
  padding: 3px;
+
                <a href="#" class="morebutton">More</a>
−
  position: absolute;
+
              </footer>
−
  width: 300px;
+
            </article>
−
  z-Index: 99999;
+
            <article>
−
  display: none;
+
              <header>
−
letter-spacing: 1px;
+
                <h3>Pollutant Detection: Heavy Metal Ions.</h3>
−
line-height: 1;
+
              </header>
−
font-size: 11px;
+
              <p>Our team has developed a system capable of detecting these ions in water sources, potentially improving the quality of human life on a global scale, in an inexpensive easily accessible manner.</p>
−
}
+
              <footer>
−
 
+
                <a href="#" class="morebutton">More</a>
−
.tooltip a {color: #22343C;}
+
              </footer>
−
.tooltip {color: #22343C;}
+
            </article>
−
 
+
          </div>
−
.content {
+
        </div>
−
  position: relative;
+
      </section>
−
}
+
     
−
 
+
     
−
.content {color: #d67166;}
+
     
−
 
+
     
−
/* end-of-references */
+
  <!-- Footer -->
−
 
+
    <footer id="footer">
−
.bigtitle {width: 42%; margin-top: 100px; margin: 0 auto; font-size: 16px; background-image:none /*url('https://static.igem.org/mediawiki/2015/4/43/Warwick_headercircle.png')*/; text-align: center; line-height: 2;
+
              <div class="inner">
−
    background-position: top center;  background-repeat: no-repeat; background-size: contain; padding: 9%; position: relative; margin-bottom: 100px; color: #22343C;}
+
              <div class="flex">
−
 
+
                <div class="copyright">
−
.bigtitle a {color: #22343C; text-decoration: none;}
+
                  &copy; Warwick iGem 2016.
−
 
+
                <ul class="icons">
−
.title2 {font-family: Satisfy; font-size: 380%; text-align:center;}
+
                    <li><a href="https://www.facebook.com/WarwickIGEM" class="logo" ><img src="https://dl.dropbox.com/s/4glmgypg4818k37/1473711361_Facebook_Color.png" alt="Facebook" class="logo">
−
 
+
                    </a></li>
−
.titlecircle {width: 85%; margin: 0 auto; padding-top: 12%;}
+
                    <li><a href="https://twitter.com/warwickigem" class="logo" ><img src="https://dl.dropbox.com/s/hg113rzniw2pxdq/1473711356_Twitter_Color.png" alt="Twitter" class="logo">
−
 
+
                    </a></li>
−
.arrow {font-size: 50px;}
+
                </ul>
−
 
+
                <div class="links">
−
 
+
                    <a href="https://2016.igem.org/Team:Warwick">Home</a>
−
#text h2 {
+
                    <a href="https://2016.igem.org/Team:Warwick/Team">Team</a>
−
font-size: 25px !important;
+
                    <a href="https://2016.igem.org/Team:Warwick/Project">Project</a>
−
text-decoration: none;
+
                    <a href="https://2016.igem.org/Team:Warwick/Design">Design</a>
−
border-bottom: 0px;
+
                    <a href="https://2016.igem.org/Team:Warwick/Parts">Parts</a>
−
display: block;
+
                    <a href="https://2016.igem.org/Team:Warwick/Safety">Safety</a>
−
background-color: #c97062;
+
                    <a href="https://2016.igem.org/Team:Warwick/Attributions">Attributions</a>
−
color: #fff;
+
                    <a href="https://2016.igem.org/Team:Warwick/Human_Practices">Human Practices</a>
−
font-weight: bold;
+
                    <a href="https://2016.igem.org/Team:Warwick/Awards">Awards</a>  
−
border-radius: 4px;
+
                </div>
−
padding: 10px;
+
              </div>
−
opacity: 0.5;
+
            </div>
−
  line-height: 1.4;
+
          </div>
−
}
+
      </footer>
−
 
+
    <!-- Scripts -->
−
a {
+
      <script src="assets/js/jquery.min.js"></script>
−
color:#473E4F;
+
      <script src="assets/js/skel.min.js"></script>
−
-webkit-transition: color ease-in-out 300ms;
+
      <script src="assets/js/util.js"></script>
−
}
+
      <script src="assets/js/main.js"></script>
−
 
+
  </body>
−
a:hover
+
</html>
−
{color: #70C4BB;
+
−
text-decoration:none;
+
−
-webkit-transition: color ease-in-out 300ms;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
a:visited {
+
−
color:#473E4F;
+
−
text-decoration:none;
+
−
-webkit-transition: color ease-in-out 300ms;
+
−
}
+
−
 
+
−
#bodyContent {
+
−
background-color:#F8FFFF;
+
−
}
+
−
 
+
−
@media (max-width:400px){
+
−
p {text-align:justify;};
+
−
h3 {font-size:10px;};
+
−
}
+
−
 
+
−
/* wiki width fixing */
+
−
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
−
    display:none;}
+
−
#top-section {
+
−
    border: none;
+
−
    height: 0px;}
+
−
 
+
−
#p-logo, h1.firstHeading,#search-controls,#catlinks {display:none;}
+
−
  #footer #f-list {margin-top:0;}
+
−
  #top-section,#footer-box{margin:0;padding:0;width:100%;height:0;}
+
−
  #contentSub {margin: 0;}
+
−
 
+
−
#globalWrapper, #content {
+
−
width: 100% !important;
+
−
height: 100%;
+
−
border: 0;
+
−
background-color: F8FFFF;
+
−
margin: 0;
+
−
padding: 0 !important;
+
−
padding-bottom: 0 !important;
+
−
top:0;
+
−
line-height: 1;
+
−
position: absolute;
+
−
}
+
−
 
+
−
#bodyContent {top: 0px;
+
−
position: absolute;
+
−
height: auto;
+
−
min-height: 100%;
+
−
margin: 0 auto;
+
−
padding: 0;
+
−
overflow-y: scroll;
+
−
overflow-x: hidden;
+
−
margin-left:-500px ;}
+
−
 
+
−
html, body, #container {
+
−
top: 0px;
+
−
width:100%;
+
−
height: auto;
+
−
overflow-x: hidden;
+
−
  background: none !important;
+
−
}
+
−
 
+
−
.buttonblack {
+
−
 
+
−
  margin-bottom: 10px;
+
−
  margin-top: 10px;
+
−
+
−
}
+
−
 
+
−
 
+
−
.intro-buttons {
+
−
padding-top: 20px;  color: #FFFFFF;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.intro-buttons a {  color: #FFFFFF; text-decoration: none;}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
  #header2:before
+
−
{
+
−
content: "";
+
−
+
−
+
−
    position: fixed;
+
−
    top: 0;
+
−
    left: 0;
+
−
  bottom: 0;
+
−
margin: 0;
+
−
padding: 0;
+
−
    width: 100%;
+
−
    height: 100%;
+
−
overflow: hidden;
+
−
display: block;
+
−
border: none;
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
.back {text-align: center; top: 15%; position: relative;}
+
−
.back img {padding-left: 10px; padding-right: 10px; padding-bottom: 7px;}
+
−
.back a {color: #2a2133; font-size: 16px; font-family: Raleway; letter-spacing: 1.5px; }
+
−
.back a:hover {color: #493c54;  -webkit-transition: color ease-in-out 400ms;}
+
−
 
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
−
@media screen and (max-width: 960px) {
+
−
#abstracttext p {    line-height: 2; font-size: 13px; text-indent: 50px;
+
−
}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
#abstract h2 {font-size: 20px;}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
.mailus {background: #F0F0F5; padding: 5px;}
+
−
 
+
−
/*menu*/
+
−
 
+
−
.mainmenu {
+
−
  position: fixed;
+
−
  top: 0;
+
−
  left: 0;
+
−
  z-index: 99999;
+
−
  width: 100%;
+
−
  height: 100px;
+
−
font-size: 20px;
+
−
background-color: #fff;
+
−
box-shadow: 0px -6px 22px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
#hidden-menu {
+
−
margin-left:85%;
+
−
display: none;}
+
−
 
+
−
#hidden-menu:hover ul{
+
−
height:auto;
+
−
width:auto;
+
−
z-index:99999999;
+
−
display: block;
+
−
}
+
−
 
+
−
#hidden-menu ul li {
+
−
background-color: #70C4BB;
+
−
text-align: center;
+
−
display: block;
+
−
margin:none;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
padding-top:8px;
+
−
padding-bottom:8px;
+
−
box-shadow:1.5px 1.5px lightgrey;
+
−
border-radius:4px;
+
−
opacity:0.9;
+
−
z-index:99999999;
+
−
}
+
−
 
+
−
#hidden-menu ul {
+
−
position:fixed;
+
−
padding-top:60px;
+
−
right: 0px;
+
−
padding-right: 50px;
+
−
display: none;
+
−
}
+
−
 
+
−
#hidden-menu ul li a {
+
−
color: #fff; font-size: 23px;
+
−
}
+
−
 
+
−
#hidden-menu ul li a:hover {
+
−
color: #787172
+
−
}
+
−
 
+
−
#hidden-menu a {
+
−
color: #473E4F; text-decoration: none; font-family: Raleway; 
+
−
}
+
−
 
+
−
#hidden-menu a:hover {color: #70C4BB;
+
−
    -webkit-transition: color ease-in-out 150ms;
+
−
}
+
−
 
+
−
 
+
−
#mobilebutton {
+
−
height:50px;
+
−
width:50px;
+
−
top:0;
+
−
right:0px;
+
−
margin-top: 17px;
+
−
position:fixed;
+
−
opacity:0.9;
+
−
z-index:999999999;
+
−
}
+
−
 
+
−
 
+
−
#igemlogo {
+
−
position:fixed;
+
−
top:30px;
+
−
left: 10px; float:left;
+
−
z-index:99999;
+
−
}
+
−
 
+
−
.menu-items {display: inline-block;
+
−
width: 100%;
+
−
text-align: right;
+
−
position:fixed;
+
−
top: 20px;
+
−
z-index:99998;
+
−
right: 0;
+
−
padding-right: 53px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
.menu-items li {
+
−
  display: inline-block;
+
−
  margin-right: 20px;
+
−
  margin-left: 10px;
+
−
margin-top: 0px;
+
−
letter-spacing: 3px;
+
−
height: 30px;
+
−
text-transform: uppercase;
+
−
font-size: 12px;
+
−
font-weight: bold;
+
−
  }
+
−
 
+
−
 
+
−
.menu-items li:hover ul, .menu-items li.hover ul{
+
−
padding-left: 0;
+
−
visibility: visible;
+
−
  opacity: 1;
+
−
transition:  opacity 1s ease-in 0s, visibility 0s linear 0s;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
.menu-items li ul {
+
−
visibility: hidden;
+
−
opacity: 0;
+
−
transition:  opacity 0.5s ease-in 0s, visibility 0s linear 0.5s;
+
−
position: absolute;
+
−
top: 10px;
+
−
  margin-right: 0px;
+
−
  margin-left: 0px;
+
−
padding: 0;
+
−
text-align: left;
+
−
}
+
−
 
+
−
.menu-items li ul a{list-style-type:none;}
+
−
 
+
−
 
+
−
.menu-items li ul li{
+
−
text-align: left;
+
−
padding: 2px 0px;
+
−
width: auto;
+
−
display:block;
+
−
height: 8px;
+
−
margin: 0px;
+
−
 
+
−
}
+
−
 
+
−
.menu-items li ul li a {
+
−
color: #22343C;
+
−
font-size: 9px;
+
−
}
+
−
 
+
−
.menu-items li ul li a:hover {
+
−
color: #FE6C68;
+
−
}
+
−
 
+
−
.menu-items a {
+
−
color: #22343C;
+
−
text-decoration: none;
+
−
font-family: Raleway; 
+
−
}
+
−
 
+
−
.menu-items a:hover {color: #70C4BB;
+
−
    -webkit-transition: color ease-in-out 150ms;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
.buttonblack {
+
−
  margin-bottom: 10px;
+
−
margin-top: 10px;
+
−
text-transform: uppercase;
+
−
  font-size: 14px;
+
−
  font-weight: normal;
+
−
  line-height: 1.428571429;
+
−
  text-align: center;
+
−
  white-space: nowrap;
+
−
  vertical-align: middle;
+
−
  border-radius: 4px;
+
−
transition-property: background-color, color, border-color;
+
−
  transition-duration: 1s;
+
−
  transition-timing-function: ease;
+
−
            color: #FFFFFF;
+
−
  border: solid 5px #336666;
+
−
    padding: 10px 16px;
+
−
  text-decoration: none;
+
−
  width:180px; background-color: #336666;
+
−
font-family: Raleway;
+
−
letter-spacing: 2px;
+
−
font-weight: bold;}
+
−
 
+
−
 
+
−
.buttonblack:hover {border-color: #fff; color: #fff; background: none;}
+
−
.buttongreen:hover {border-color: #019966; color: #019966; background: none;}
+
−
 
+
−
.buttongreen {  margin-bottom: 10px;
+
−
margin-top: 20px;
+
−
text-transform: uppercase;
+
−
  font-size: 14px;
+
−
  font-weight: normal;
+
−
  line-height: 1.428571429;
+
−
  text-align: center;
+
−
  white-space: nowrap;
+
−
  vertical-align: middle;
+
−
  border-radius: 4px;
+
−
transition-property: background-color, color, border-color;
+
−
  transition-duration: 1s;
+
−
  transition-timing-function: ease;
+
−
            color: #FFFFFF;
+
−
  border: solid 5px #019966;
+
−
    padding: 10px 16px;
+
−
  text-decoration: none;
+
−
  width:180px; background-color: #019966;
+
−
font-family: Raleway;
+
−
letter-spacing: 2px;
+
−
font-weight: bold;}
+
−
 
+
−
a.buttongreen  {text-decoration: none; color: #fff;}
+
−
 
+
−
.igemlogoo {width: 65px;}
+
−
 
+
−
 
+
−
/*media*/
+
−
 
+
−
@media(max-width:1280px){
+
−
.menu-items {padding-right: 53px;}
+
−
.menu-items li {margin-right: 12px; margin-left: 12px; letter-spacing: 3px;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width:1152px){
+
−
.menu-items li {margin-right: 12px; margin-left: 9px; letter-spacing: 2.8px;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width:1024px){
+
−
.menu-items li {
+
−
margin-right: 9px;
+
−
letter-spacing: 2.4px; }
+
−
.menu-items ul li ul a {font-size: 10px; letter-spacing: 1.9px;}
+
−
.igemlogoo {width: 50px;}
+
−
#bodyContent {margin-left: -60px; width: calc(100% + 32px);}
+
−
 
+
−
}
+
−
 
+
−
@media(max-width:960px){
+
−
.menu-items li {
+
−
margin-right: 9px;
+
−
font-size: 10px;
+
−
letter-spacing: 2.4px;
+
−
}
+
−
 
+
−
.menu-items ul li ul a {font-size: 9px; letter-spacing: 1.9px;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width:900px){
+
−
 
+
−
 
+
−
 
+
−
.menu-items li {
+
−
margin-right: 9px;
+
−
margin-left: 0px;
+
−
font-size: 10px;
+
−
letter-spacing: 2.4px;
+
−
 
+
−
}
+
−
 
+
−
.menu-items ul li ul a {font-size: 9px; letter-spacing: 1.9px;}
+
−
 
+
−
.menu-items li ul li {height: 6px;}
+
−
 
+
−
.mainmenu {height: 90px; }
+
−
 
+
−
 
+
−
.menu-items li ul {top: 20px;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
@media(max-width:830px){
+
−
 
+
−
.igemlogoo {width: 40px; opacity: 0.7;}
+
−
 
+
−
#igemlogo {top: 40px; z-index: -1;}
+
−
  #Warwickigemlogo {display: none;}
+
−
 
+
−
.menu-items ul li ul a {letter-spacing: 1.4px;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width: 768px){
+
−
 
+
−
 
+
−
.menu-items li {
+
−
letter-spacing: 2px;
+
−
font-size: 10px;
+
−
margin-right: 3px;
+
−
margin-left: 3px;
+
−
margin-top: 6px;
+
−
text-align: center;
+
−
}
+
−
.menu-items ul {text-align: center; padding: 0; margin: 0 2px; list-style:none;}
+
−
 
+
−
.menu-items {text-align: center; padding-left: 0px; margin: 0 auto;}
+
−
.menu-items li ul {position: absolute; left: 0; width: 100%; text-align: center; margin-top: 20px;  }
+
−
 
+
−
.menu-items li ul li {display: inline-block;  margin-left: 10px; margin-right: 10px; height: 34px; }
+
−
.menu-items ul li ul a { font-size: 10px; letter-spacing: 2px;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
@media(max-width: 740px){
+
−
 
+
−
.menu-items li {
+
−
letter-spacing: 1.6px;
+
−
font-size: 10px;
+
−
margin-right: 3px;
+
−
margin-top: 6px;
+
−
}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width: 680px){
+
−
 
+
−
.menu-items li {
+
−
letter-spacing: 1.8px;
+
−
font-size: 9px;
+
−
margin-right: 3px;
+
−
margin-left: 3px;
+
−
margin-top: 8px;
+
−
}
+
−
 
+
−
.menu-items li ul { margin-top: 20px;}
+
−
 
+
−
.menu-items li ul li {margin-right: 6px;
+
−
margin-left: 6px;}
+
−
 
+
−
.menu-items ul li ul a { font-size: 9px; letter-spacing: 1.8px;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
@media(max-width: 640px){
+
−
.mainmenu, .mainmenu ul, .mainmenu ul li {visibility: hidden;}
+
−
#hidden-menu {display: block; z-index: 999999;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
@media(max-width:1280px){
+
−
 
+
−
.bigtitle {font-size: 15px;}
+
−
.bigtitle {width: 50%;}
+
−
.buttonblack {padding: 5px 11px;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width:1152px){
+
−
 
+
−
.bigtitle {font-size: 14px;}
+
−
.bigtitle {width: 52%;}
+
−
.titlecircle {width: 80%;}
+
−
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
−
.buttonblack {padding: 5px 8px;}
+
−
}
+
−
 
+
−
 
+
−
@media(max-width:1024px){
+
−
.bigtitle {width: 58%;}
+
−
.titlecircle {padding-top: 15%; width: 75%;}
+
−
#wrapper {top: 100px;}
+
−
a.buttonblack {font-size: 10px; letter-spacing: 1.7px;}
+
−
#header2:before {background-image: none;}
+
−
#mobilebackground {display: block;}
+
−
.constructs {font-size: 15px;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
@media(max-width:960px){
+
−
 
+
−
.bigtitle {font-size: 13px; width: 65%;}
+
−
.arrow {font-size: 40px;}
+
−
.buttonblack {padding: 5px 5px;}
+
−
#submenu {width: 110%; margin-left: -5%;}
+
−
.constructs img {float: none !important; margin: 0 auto !important; min-width: 60% !important;}
+
−
.constructs {text-align: center;}
+
−
}
+
−
 
+
−
 
+
−
@media(max-width:910px){
+
−
}
+
−
 
+
−
@media(max-width:850px){
+
−
a.buttonblack {font-size: 10px; letter-spacing: 1.3px;}
+
−
.buttonblack {padding: 4px 3px;}
+
−
#submenu {width: 112%; margin-left: -6%;}
+
−
.constructs img {min-width: 80% !important;}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
@media(max-width: 768px){
+
−
.bigtitle {width: 90%; font-size: 13px; padding: 13%; margin-left: -7%;}
+
−
.bigtitle p { font-size: 13px; margin-top: 10px !important;}
+
−
.titlecircle {width: 70%; padding-top: 8%;}
+
−
a.buttonblack {font-size: 9px; letter-spacing: 1.3px;}
+
−
#submenu {width: 80%; margin: 0 auto;}
+
−
.buttonblack {line-height: 3.8;}
+
−
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
−
.buttonblack {padding: 5px 8px;}
+
−
.citecryan {margin-left: 50px;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
 
+
−
@media(max-width:680px){
+
−
#wrapper {width: 100%;}
+
−
#text {margin: 50px 25px 0 25px;}
+
−
#text h4 {font-size: 13px;}
+
−
.constructs {font-size: 13px;}
+
−
.bigtitle p { font-size: 13px; }
+
−
.titlecircle {width: 60%;}
+
−
#submenu {width: 70%; margin: 0 auto;}
+
−
.buttonblack {line-height: 3.8;}
+
−
a.buttonblack {font-size: 11px; letter-spacing: 1.8px;}
+
−
.buttonblack {padding: 5px 8px;}
+
−
 
+
−
}
+
−
 
+
−
@media(max-width:640px){
+
−
.arrow {font-size: 30px;}
+
−
.titlecircle {width: 60%;}
+
−
#submenu {width: 80%; margin: 0 auto;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
 
+
−
 
+
−
@media(max-width:530px){
+
−
a.buttonblack {font-size: 10px; letter-spacing: 1.8px;}
+
−
.bigtitle  {background-image:none;}
+
−
.titlecircle {width: 60%;}
+
−
.title2 {font-size: 320%;}
+
−
#text h4 {line-height: 1.7;}
+
−
.citecryan {margin-left: 10px;}
+
−
 
+
−
 
+
−
}
+
−
 
+
−
@media(max-width: 480px) {
+
−
.bigtitle p { font-size: 13px; text-align: center;}
+
−
.titlecircle {width: 70%;}
+
−
#submenu {width: 90%; margin: 0 auto;}
+
−
 
+
−
 
+
−
 
+
−
}
+
−
 
+
−
@media(max-width: 410px) {
+
−
.titlecircle {width: 75%;}
+
−
.title2 {font-size: 300%;}
+
−
.bigtitle p {line-height: 1.5 !important;}
+
−
}
+
−
 
+
−
@media(max-width: 380px) {
+
−
.titlecircle {width: 75%; padding-top: 10%;}
+
−
.bigtitle p {font-size: 12px; line-height: 1.2 !important; letter-spacing: 1px;}
+
−
.title2 {font-size: 260%;}
+
−
 
+
−
}
+
−
 
+
−
 
+
−
@media(max-width: 360px) {
+
−
.titlecircle {width: 80%;}
+
−
.title2 {font-size: 240%;}
+
−
.buttonblack {width: 250px; display: block; line-height: 1.5; margin: 5px auto;}
+
−
}
+
−
</style>
+
−
 
+
−
 
+
−
</head>
+
−
 
+
−
<body>
+
−
 
+
−
<div style="clear: both;"></div>
+
−
<nav class="mainmenu">
+
−
<div id="menu" class="menu">
+
−
+
−
<div class="menu-items">
+
−
<div id="igemlogo">
+
−
<a href="https://2016.igem.org"><img src="https://static.igem.org/mediawiki/2015/7/72/UPOSevillaIgemLogoGrey.png" class="igemlogoo"></a></div>
+
−
 
+
−
<div id="igemlogo2">
+
−
<a href="https://2016.igem.org/Team:Warwick"><img src="https://static.igem.org/mediawiki/2016/2/26/T--Warwick--FinalLogo_and_.jpg " class="igemlogoo" style="float:left;position:fixed;left:90px;top:25px;"> </a>
+
−
</div>
+
−
 
+
−
 
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Description">Project</a>
+
−
 
+
−
   
+
−
 
+
−
 
+
−
+
−
<li><a href="#">Lab work</a>
+
−
<ul>
+
−
 
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Effectors"> &#9679; Experiments & Protocols</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Sensors"> &#9679;  Lab book</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Safety"> &#9679;  Biosafety</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Design"> &#9679; Problems Encountered</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Fermentation"> &#9679; Trouble-shooting</a></li>
+
−
 
+
−
 
+
−
</ul>
+
−
</li>
+
−
 
+
−
  <li><a href="https://2016.igem.org/Team:Warwick/HumanAspects">Human Aspects</a>
+
−
+
−
</li>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Teamintroduction">Team Introduction</a></li>
+
−
 
+
−
 
+
−
<li><a href="#">Process</a><ul>
+
−
  <li><a href="https://2016.igem.org/Team:Warwick/Interlabstudy"> &#9679;  InterLab Study</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Collaborations"> &#9679;  Collaborations</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Notebook"> &#9679;  Notebook</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Modelling"> &#9679;  Modelling</a></li>
+
−
 
+
−
 
+
−
</ul>
+
−
</li>
+
−
 
+
−
<li><a href="#">Outcomes</a><ul>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Software">&#9679; Software</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Bactoman">&#9679; Public engagemnt</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Parts"> &#9679; Parts</a></li>  
+
−
 
+
−
<li><a href="https://2016.igem.org/Team:Warwick/Achievements"> &#9679;  Achievements</a></li>
+
−
 
+
−
</ul></li>
+
−
 
+
−
 
+
−
<li><a href="#">People</a>
+
−
<ul>
+
−
                              <li><a href="https://2016.igem.org/Team:Warwick/Education"> &#9679; Education</a></li>
+
−
                              <li><a href="https://2016.igem.org/Team:Warwick/Sponsors">&#9679; Sponsors</a></li>
+
−
                              <li><a href="https://2016.igem.org/Team:Warwick/Attributions">&#9679; Attributions</a></li>
+
−
</ul>
+
−
</li>
+
−
 
+
−
</ul>
+
−
 
+
−
 
+
−
<a href="https://static.igem.org/mediawiki/2016/8/82/Team_Warwick_Plasmid_Design.png.png">
+
−
<img src="https://static.igem.org/mediawiki/2016/8/82/Team_Warwick_Plasmid_Design.png.png" alt="The Design of our plasmids used during the project." style="width:1280px;height:720px;" border="10px">
+
−
</a>
+

Revision as of 10:51, 21 September 2016

iGEM Warwick 2016 - Home

CRISPR/Cas9
biosensor.

Using a dCas9 protein and an RNA-binding protein (RBP) fused to an effector, transcription of a fluorescent reporter gene can be regulated, with a significant colour change indicating the presence of targeted RNA.

Lyme's disease impact and diagnosis.

Our project will enable diagnosis of the disease at an early stage, increasing the likelihood of successful treatment and reducing the risk of irreversible bodily damage.

Pollutant Detection: Heavy Metal Ions.

Our team has developed a system capable of detecting these ions in water sources, potentially improving the quality of human life on a global scale, in an inexpensive easily accessible manner.