Difference between revisions of "Team:Exeter/revised"

Line 1: Line 1:
 
<html>
 
<html>
  
−
<!-- 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 18:
  
 
<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)*/
−
     width:100%;
+
#content {width:100%; border:none;}
−
     border:none;
+
 
−
     margin:none;
+
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif; font-size:1em; color: #34282C;}
−
    padding:none;
+
 
 +
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;
 +
}
 +
.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 including Animation */
 
.navbar-header {
 
.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-image: url(https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png);
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
Line 31: Line 193:
 
   background-position:20px 5px;
 
   background-position:20px 5px;
 
   background-color:#FFFFFF;
 
   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:100px;
 +
}
 +
}
 +
/* 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%;
 +
    text-align: center;
 +
    font-size: 0;}
 +
    #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 43: Line 417:
 
       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');
 
     }
 
     }
 
   });
 
   });

Revision as of 12:41, 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 ^
  • Contact us:
    exeterigem@gmail.com