Difference between revisions of "Team:Exeter/revised"

 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
 +
</head>
  
−
<!-- Bootstrap Core CSS -->
+
    <!-- Bootstrap Core CSS -->
 
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
Line 18: Line 21:
  
 
<style type="text/css">
 
<style type="text/css">
−
html,body,#globalWrapper,#bodyContent,#content {
+
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
 +
#content {width:100%; border:none;}
 +
 
 +
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1em; color: #34282C;}
 +
 
 +
h1{
 +
    border-bottom:none; 
 +
    /*background-image: url(https://static.igem.org/mediawiki/2015/9/93/Header_background_ex.png);
 +
  background-repeat: no-repeat;
 +
  background-size:auto;
 +
  background-position: 0px, -200px;
 +
  background-color:#FFFFFF;*/
 +
    font-weight:bold;
 +
    color:#00a000;
 +
    font-size:2.5em;
 +
}
 +
 
 +
.headerbanner{
 +
    border-bottom:none; 
 +
    background-image: url(https://static.igem.org/mediawiki/2015/9/93/Header_background_ex.png);
 +
  background-repeat: no-repeat;
 +
  /*background-size:auto;*/
 +
  background-position: 0px, 0px;
 +
  background-color:#FFFFFF;
 +
    font-weight:bold;
 +
    color:#FFFFFF;
 +
    font-size:2.5em;
 +
}
 +
 
 +
 
 +
h2 {border-bottom:none; font-weight:bold; color: #333333; font-size:2em}/*rgb(33,33,55)*/
 +
h3, h4, h5, h6 {border-bottom:none; font-weight:bold; color: #333333; font-size:1.5em}
 +
 
 +
section {text-align:justify; /*margin: 5px; margin-top:25px;*/}
 +
#wrapper {margin:20px; width:97%;}
 +
html, body {height: 100%;}
 +
 
 +
/* WIKI SETTINGS*/
 +
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
background-color: transparent;
 +
border: 0px;
 +
float: left;
 +
margin:0px;
 +
padding: 0px;
 +
}
 +
 
 +
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 20px; width:100%;
 +
}
 +
 
 +
#top_menu_under {
 +
    position: relative;
 +
    width: 100%;
 +
    height: 16px;
 +
    border-bottom: none;
 +
}
 +
 
 +
 
 +
a {
 +
color:#229640 !important;
 +
font-weight:bold !important;
 +
}
 +
a:hover {
 +
color:#96C11E !important;
 +
text-decoration:none !important;
 +
}
 +
 
 +
#twitterfeed {
 +
    margin-top:130px;
 +
}
 +
 
 +
nav {
 +
  border-bottom:none !important;
 +
  background-color:#FFFFFF;
 +
}
 +
/* Center the Navbar Items */
 +
.navbar .navbar-nav {
 +
  display:inline-block;
 +
  float:none;
 +
  vertical-align:top;
 +
}
 +
.navbar .navbar-collapse {
 +
  text-align:center;
 +
  margin-top:105px;
 +
  background-color:#FFFFFF;
 +
  top:500px;
 +
  position:relative;
 +
}
 +
.navbar-default {
 +
  border:none !important;
 +
  background-color:#FFFFFF;
 +
}
 +
.navbar-fixed-top {
 +
  background-color:#FFFFFF;
 +
  margin-top:15px !important;
 +
  padding-bottom:32px !important;
 +
  box-shadow:0px 10px 10px #888888;
 +
  border-radius:0px;
 +
  /*opacity:0.9;*/
 +
}
 +
/* Nav Button Style */
 +
.btn {
 +
background-color:#FFFFFF;
 +
        border:none;
 +
        box-shadow:none !important;
 +
        z-index:0;
 +
}
 +
.btn:hover {
 +
        z-index:0 !important;
 +
}
 +
.nav-btn {
 +
padding-right:0px;
 +
        z-index:1;
 +
}
 +
.nav-btn:hover {
 +
        z-index:1 !important;
 +
}
 +
.dropdown-toggle {
 +
color:#229640;
 +
font-weight:bold;
 +
        height:34px;
 +
}
 +
.open a {
 +
color:#96C11E !important;
 +
text-decoration:none !important;
 +
background-color:#FFFFFF; !important;
 +
}
 +
/* Dropdown Style */
 +
.dropdown-menu {
 +
/*width:fit-content;*/
 +
background-color:#FFFFFF;
 +
border:none;
 +
box-shadow:none;
 +
}
 +
.list-inline li a {
 +
color:#229640 !important;
 +
font-weight:bold;
 +
padding: 0px 10px 0px 10px;
 +
}
 +
.list-inline li a:hover {
 +
color:#96C11E !important;
 +
text-decoration:none;
 +
}
 +
.list-inline {
 +
  width: 100%;
 +
  display: table;
 +
  table-layout: auto; /* optional */
 +
}
 +
 
 +
.list-inline li {
 +
  padding-top:0px;
 +
  padding-bottom:0px;
 +
  display: table-cell;
 +
  width: auto;
 +
  text-align: center;
 +
  white-space: nowrap;
 +
}
 +
/* Navbar Header including Animation */
 +
.navbar-header {
 +
  position: absolute;
 +
  top: 0px;
 +
  left: 0px;
 +
  bottom:0px;
 +
  right:0px;
 +
  background-image: url(https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png);
 +
  background-repeat: no-repeat;
 +
  background-size:auto 80px;
 +
  background-position:20px 5px;
 +
  background-color:#FFFFFF;
 +
}
 +
#collapse-button {
 +
z-index:100;
 +
}
 +
.ribonostics {
 +
position:absolute;
 +
z-index:5;
 +
left:100px;
 +
top:10px;
 +
height:100px;
 +
margin-left:0px;
 +
}
 +
.igem {
 +
margin:10px 0px 45px 0px;
 +
position:absolute;
 +
right:80px;
 +
}
 +
/* Footer */
 +
footer {
 +
text-align:center;
 +
}
 +
.toeholdfooter {
 +
position:relative;
 +
overflow:hidden;
 +
margin:50px 0px 0px 0px;
 +
}
 +
.toeholdfooter img {
 +
    height:80px;
 +
}
 +
.sponsors img, #twitter img, #facebook img, #exeter img {
 +
height:60px;
 +
}
 +
.sponsors, #twitter, #facebook, #exeter {
 +
        text-decoration:none !important;
 +
display:inline-block !important;
 +
        padding:10px;
 +
}
 +
.sponsors {
 +
        /*border-bottom: 1px solid black;
 +
        border-top: 1px solid black;*/
 +
}
 +
#twitter, #facebook {
 +
float:right;
 +
margin-right:25px;
 +
}
 +
#exeter {
 +
float:left;
 +
margin-top:13px;
 +
margin-left:10px;
 +
}
 +
 
 +
/* For Smaller Screens */
 +
@media only screen and (max-width: 768px) {
 +
.dropdown-menu{
 +
background-color:none;
 +
border:none;
 +
box-shadow:none;
 +
        margin-top:-5px !important; 
 +
}
 +
.navbar-header {
 +
    height:150px;
 +
}
 +
}
 +
/* For mobile */
 +
@media only screen and (max-device-width: 768px) {
 +
.igem{
 +
    display:none;
 +
}
 +
}
 +
 
 +
/*Carousel*/
 +
.carousel {height: 350px;}
 +
.item, .active, .carousel-inner {height: 100%;}
 +
.fill {width: 100%; height: 100%; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;}
 +
 
 +
/*TEAM MEMBER PAGE STYLING*/
 +
.active {display:block;}
 +
.profile {display:none;}
 +
.profiletown {display:block; text-align:justify;}
 +
.profiletown ul {padding:0px; margin:0px;}
 +
.profiletown ul li img {margin:0px 10px 10px 0px; float:left;}
 +
.swagville {margin-top:50px; padding:0px; text-align:center;}
 +
.swagville li {display:inline-block; margin:5px; text-decoration:none; background: rgb(160,198,138); border:2px solid #229640; border-radius:5px; color:#229640; font-size:20px; font-weight:bold;}
 +
.swagville p {margin:0px; vertical-align:top;}
 +
.swagville div {padding:10px 20px 10px 20px;}
 +
.swagville div:hover {background: rgba(188,208,116, 0.5); color:#96C11E; cursor:pointer; cursor:hand;}
 +
 
 +
/*MEDAL PAGE STYLING*/
 +
.medalcontent ul {list-style-type: none !important;}
 +
.medalcontent li {text-decoration: none;}
 +
.bronzetitle h4 {color: rgb(178,71,0);}
 +
.silvertitle h4 {color: rgb(107,107,107);}
 +
.goldtitle h4 {color: rgb(230,184,0);}
 +
 
 +
 
 +
/* Level 3 nav bar
 +
-------------------------------------------------*/
 +
 
 +
.level_3 {
 +
  width:0%;
 +
  min-width: 140px;
 +
  cursor:pointer;
 +
  position: static;
 +
  left: 93px;
 +
  top: 21px;
 +
  height: 100%;
 +
  display: table;
 +
}
 +
 
 +
.level_3 p {
 +
display: table-cell;
 +
  vertical-align: middle;
 +
  text-align: center;
 +
}
 +
 
 +
#topmenu {
 +
    display: block;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 80px;
 +
    background: url('https://static.igem.org/mediawiki/2013/1/1d/Top-gradient.png') #f1f1f1 repeat-x left top;
 +
    box-shadow: 0 0 5px #888;
 +
    z-index: 10;
 +
}
 +
 
 +
#topmenu .selflink {font-weight: normal !important; color: #0d9c64; cursor: default; padding: 0 12px 0 8px;}
 +
#topmenu .menucenter li:hover .selflink {padding: 0 11px 0 9px}
 +
 
 +
#topmenu .menucenter{position: relative; display: block; line-height: 20px;}
 +
 
 +
#topmenu .menuleft {position: absolute; line-height: 76px; z-index: 3;}
 +
#topmenu .menuleft a img {position: relative; height: 60px; top: 10px;}
 +
 
 +
#topmenu .menucenter {
 +
    display:block;
 +
    margin: 0 auto;
 
     width:100%;
 
     width:100%;
−
     border:none;
+
     text-align: center;
−
     margin:none;
+
    font-size: 0;}
−
     padding:none;
+
    #topmenu .menucenter .level_3 {
 +
        display:inline-block;
 +
        margin: 0;
 +
        background: url('') no-repeat right top;
 +
        font-size: 16px;}
 +
    #topmenu .menucenter .level_3:first-child {
 +
        background: url('') no-repeat left top, url('') no-repeat right top;}
 +
    #topmenu .menucenter .level_3:hover {
 +
        background: url('') repeat-x top left;
 +
        border-left:1px solid #ccc;
 +
        border-right:1px solid #ccc;
 +
        margin: 0 0 0 -2px;}
 +
        #topmenu .menucenter .level_3 a {display:block; height: 79px; padding: 0 12px 0 8px;}
 +
        #topmenu .menucenter .level_3:hover a {padding: 0 11px 0 9px}
 +
 
 +
#topmenu .menuright {position: absolute; display: block; width: 109px; height: 80px; right: 5.46878%; top: 0; z-index: 3;}
 +
      
 +
#topmenu .menuright a{display: inline-block; position: relative;}
 +
 
 +
    #topmenu .menuright a.twitter {
 +
        display:block;
 +
        float: left;
 +
        width: 36px;
 +
        height: 30px;
 +
        margin-top: 25px;
 +
        padding: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/d/de/Twitterbtn.png') left top no-repeat;
 +
     }
 +
    #topmenu .menuright a.facebook {
 +
        display:block;
 +
        float: left;
 +
        width: 36px;
 +
        height: 34px;
 +
        margin-top: 23px;
 +
        padding: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/7/7c/Facebookbtn.png') left top no-repeat;
 +
    }
 +
    #topmenu .menuright a.mail {
 +
        display:block;
 +
        float: left;
 +
        width: 37px;
 +
        height: 29px;
 +
        margin-top: 26px;
 +
        padding: 0;
 +
        background: url('https://static.igem.org/mediawiki/2013/9/94/Mailbtn.png') left top no-repeat;
 +
    }
 +
    #topmenu .menuright a:hover {
 +
        background-position: right top;
 +
    }
 +
 
 +
 
 +
#topmenu ul, topmenu .level_3 {
 +
    -webkit-margin-before: 0;
 +
    -webkit-margin-after: 0;
 +
    -webkit-padding-start: 0;}
 +
 
 +
 
 +
/*ScrollUp*/
 +
#bodycontent {
 +
    padding-top: 100px;
 +
}
 +
 
 +
.navbar-fixed-top {
 +
    height: 100px;
 +
    position: fixed;
 +
    top: 0px;
 +
    transition: top 0.2s ease-in-out;
 +
}
 +
 
 +
.nav-up {
 +
top:-100px;
 
}
 
}
 
</style>
 
</style>
Line 35: Line 422:
 
       console.log($(window).scrollTop())
 
       console.log($(window).scrollTop())
 
     if ($(window).scrollTop() > 182) {
 
     if ($(window).scrollTop() > 182) {
−
       $('.navbar-collapse').addClass('is-hidden').addClass('navbar-fixed-top');
+
       $('.navbar-collapse').addClass('navbar-fixed-top');
 
     }
 
     }
 
     if ($(window).scrollTop() < 183) {
 
     if ($(window).scrollTop() < 183) {
−
       $('.navbar-collapse').removeClass('is-hidden').removeClass('navbar-fixed-top');
+
       $('.navbar-collapse').removeClass('navbar-fixed-top');
 
     }
 
     }
 
   });
 
   });
Line 45: Line 432:
  
 
<div id="wrapper">
 
<div id="wrapper">
−
<nav class="navbar navbar-default">
 
−
  <div class="container-fluid">
 
−
    <!-- Brand and toggle get grouped for better mobile display -->
 
 
     <div class="navbar-header">
 
     <div class="navbar-header">
 
       <button id="collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
 
       <button id="collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
Line 69: Line 453:
 
   </button>
 
   </button>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
               <ul class='list-inlin'>
+
               <ul class='list-inline'>
 
             <li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li>
 
             <li><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li>
 
<li><a href="https://2015.igem.org/Team:Exeter/RNA_Riboswitches">Toehold Background</a></li>
 
<li><a href="https://2015.igem.org/Team:Exeter/RNA_Riboswitches">Toehold Background</a></li>
Line 85: Line 469:
 
   </button>
 
   </button>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
               <ul class='list-inlin'>
+
               <ul class='list-inline'>
 
<li><a href="https://2015.igem.org/Team:Exeter/Experiments">Experiments</a></li>
 
<li><a href="https://2015.igem.org/Team:Exeter/Experiments">Experiments</a></li>
 
<li><a href="https://2015.igem.org/Team:Exeter/Results">Results</a></li>
 
<li><a href="https://2015.igem.org/Team:Exeter/Results">Results</a></li>
Line 100: Line 484:
 
   </button>
 
   </button>
 
             <ul class="dropdown-menu">
 
             <ul class="dropdown-menu">
−
               <ul class='list-inlin'>
+
               <ul class='list-inline'>
 
                 <li><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li>
 
                 <li><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li>
 
               </ul>
 
               </ul>
Line 112: Line 496:
 
   </button>
 
   </button>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
               <ul class='list-inlin'>
+
               <ul class='list-inline'>
 
                 <li><a href="https://2015.igem.org/Team:Exeter/Introduction">Introduction</a></li>
 
                 <li><a href="https://2015.igem.org/Team:Exeter/Introduction">Introduction</a></li>
 
           <li><a href="https://2015.igem.org/Team:Exeter/">What we did</a></li>
 
           <li><a href="https://2015.igem.org/Team:Exeter/">What we did</a></li>
Line 127: Line 511:
 
   </button>
 
   </button>
 
         <ul class="dropdown-menu">
 
         <ul class="dropdown-menu">
−
               <ul class='list-inlin'>
+
               <ul class='list-inline'>
 
                 <li><a href="https://2015.igem.org/Team:Exeter/Team">Team</a></li>
 
                 <li><a href="https://2015.igem.org/Team:Exeter/Team">Team</a></li>
 
             <li><a href="https://2015.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
 
             <li><a href="https://2015.igem.org/Team:Exeter/Collaborations">Collaborations</a></li>
Line 145: Line 529:
 
   </button>
 
   </button>
 
       <ul class="dropdown-menu">
 
       <ul class="dropdown-menu">
−
               <ul class='list-inlin'>
+
               <ul class='list-inline'>
 
                 <li><a href="">Gold </a></li>
 
                 <li><a href="">Gold </a></li>
 
             <li><a href="">Silver</a></li>
 
             <li><a href="">Silver</a></li>
Line 153: Line 537:
 
     </li>
 
     </li>
 
       </ul><!-- /.navbar-nav -->
 
       </ul><!-- /.navbar-nav -->
−
     </div><!-- /.navbar-collapse -->
+
     </div><!-- /.navbar-collapse -->      
−
  </div><!-- /.container-fluid -->
+
−
</nav>       
+
  
 
                 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 
                 <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
Line 441: Line 823:
 
</div>
 
</div>
 
</html>
 
</html>
−
{{Exeterfooter}}
 

Latest revision as of 12:59, 28 August 2015

Welcome to Exeter iGEM 2015!

Project Description

The primary aim of our project is to design a toehold switch (a type of riboregulator) with the potential to detect any given RNA sequence, and to standardise it into a BioBrick for the future use by other iGEM teams.

Tuberculosis in cattle is a problem local to our region, Devon, causing devastating economic and personal losses to farmers in the dairy and beef industries. Therefore, the immediate application of our project is the detection of Mycobacterium bovis, the causative agent of tuberculosis in cattle, in a safe, low-tech and cost-effective manner.

In order to make this a simple test which can be used in the field, we are aiming to express it as a cell-free system. We hope to use a chromoprotein as an indicator, and subsequently characterise it for use in cell-free systems.

Keep updated on our progress on our diary

Contact us at exeterigem@gmail.com

Exeter iGEM 2015
TOP ^