Difference between revisions of "Template:Exeter"

 
(371 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
−
 
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
 +
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2015/5/56/Exeter_igem_favicon.png">
 +
</head>
  
−
     <meta charset="utf-8">
+
     <!-- Bootstrap Core CSS -->
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
    <meta name="description" content="">
+
−
    <meta name="author" content="">
+
  
−
<style>
+
    <!-- Custom CSS -->
−
#wpTextbox1 {
+
    <link href="https://2015.igem.org/Team:Exeter/sb-admin-2?action=raw&amp;ctype=text/css" rel="stylesheet">
−
width: 1000px;
+
 
−
height: 450px;
+
    <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
−
margin-left: 150px;
+
 
−
     font-family: monospace;
+
    <script src="https://2015.igem.org/Team:Exeter/ajax-googleapis-com/ajax/libs/jquery/1-8-2/jquery-min?action=raw&amp;ctype=text/javascript"></script>
−
font-size: 13.3333330154419px;
+
 
−
     font-style: normal;
+
    <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script>
−
     font-variant: normal;
+
 
−
     font-weight: normal;
+
    <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&amp;ctype=text/css" rel="stylesheet">
−
     font-stretch: normal;
+
 
−
    line-height: normal;
+
 
−
     text-rendering: auto;
+
<style type="text/css">
−
     color: initial;
+
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
−
     letter-spacing: normal;
+
#content {width:100%; border:none;}
−
     word-spacing: normal;
+
 
−
     text-transform: none;
+
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif !important; font-size:1em; color: #34282C;}
−
     text-indent: 0px;
+
 
−
     text-shadow: 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, h3, h4, h5, h6 {border-bottom:none;}
 +
h2 {font-size:2.3em;}
 +
h3 {font-size:2em;}
 +
h4 {font-size:1.7em;}
 +
h5 {font-size:1.4em;}
 +
h6 {font-size:1.2em;}
 +
 
 +
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;
 +
}
 +
 
 +
#content a {
 +
color:#229640 !important;
 +
font-weight:bold !important;
 +
}
 +
#content 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;
 +
        margin:0px !important;
 +
}
 +
.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 */
 +
  margin:0px !important;
 +
}
 +
 
 +
.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: solid 1px;
 +
}*/
 +
.sponsors img {
 +
        padding-bottom:10px;
 +
}
 +
#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;
 +
}
 +
img {
 +
     display:block;
 +
    clear:both;
 +
    float:none !important;
 +
}
 +
.navbar-header {
 +
    height:100px;
 +
}
 +
.container {
 +
     margin-top:55px !important;
 +
}
 +
}
 +
 
 +
/*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;
 +
}
 +
 
 +
#level_3-menu {
 +
    display: block;
 +
    position: relative;
 +
    top: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    height: 25px;
 +
    z-index: 10;
 +
}
 +
 
 +
.menucenter{
 +
    position: relative;
 +
    line-height: 20px;
 +
    display:block;
 +
    margin: 0;
 +
    width:100%;
 +
     text-align: center;
 +
    font-size: 0;}
 +
.level_3 {
 +
        display:inline-block;
 +
        margin: 0;
 +
        font-size: 16px;}
 +
.level_3 a {display:block; height: 25px; padding: 0 12px 0 8px;}
 +
.level_3:hover a {padding: 0 11px 0 9px}
 +
#level_3-menu ul, .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;
 +
}
 +
.base1 {
 +
    background:rgb(255,238,123)
 +
}
 +
.base2 {
 +
    background:rgb(88,132,179)
 +
}
 +
.base3 {
 +
    background:rgb(204,102,134)
 +
}
 +
.base4 {
 +
    background:rgb(166,199,118)
 +
}
 +
.base5 {
 +
    background:rgb(230,134,112)
 +
}
 +
.base6 {
 +
    background:rgb(97,204,159)
 +
}
 +
.base7 {
 +
    background:rgb(237,28,36)
 +
}
 +
/*JOE'S STUFF*/
 +
#p1 {
 +
    text-indent: 55px;
 +
    font-size: 30px;
 +
    padding-left:60px;
 +
    padding-top:30px;
 +
    }
 +
#p2 {
 +
    font-size: 30px;
 +
    text-align: right;
 +
    float: right;
 +
    width:700px;
 
     display: inline-block;
 
     display: inline-block;
−
    text-align: start;
 
 
}
 
}
  
−
#toolbar {
+
 
−
margin-left: 150px;
+
.toeholdheadergreen{
 +
  height: 100px;
 +
  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;
 +
  margin-bottom:20px;
 +
  border-radius:10px;
 
}
 
}
−
</style>
 
  
 +
/*page next, page back button CSS */
 +
nav > .pager {
 +
  padding-top:10px;
 +
  margin-top:50px;
 +
}
  
 +
/*TABLE*/
 +
table {
 +
    /*border-collapse: collapse;*/
 +
    border-radius: 25px;
 +
    border: 0px !important;
 +
    box-shadow: 0px 0px 25px #888888;
 +
    overflow: hidden;
 +
    margin: 15px;
 +
}
 +
td, th {
 +
    border: 1px solid #274e13;
 +
    background: #b6d7a8;
 +
    padding: 15px;
 +
    padding-right: 25px;
 +
    vertical-align: top;
 +
    text-align: justify;
 +
}
 +
table tr th:first-child,
 +
table tr td:first-child {
 +
    border-left: 0px;
 +
}
 +
table tr th:last-child,
 +
table tr td:last-child {
 +
    border-right: 0px;
 +
}
 +
table tr:first-child th {
 +
    border-top: 0px;
 +
}
 +
table tr:last-child td {
 +
    border-bottom: 0px;
 +
}
  
−
     <!-- Bootstrap Core CSS -->
+
.navbar-search {
−
     <link href="https://2015.igem.org/Team:Exeter/bootstrap-min.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
     width:200px;
 +
    padding-left:25px;
 +
    float:right;
 +
    display: inline-block;
 +
}
 +
.navbar-search button {
 +
    border: 1px solid #888888;
 +
}
 +
</style>
 +
<!--
 +
<script>
 +
  (function() {
 +
     var cx = '013872312295473225681:zjqk8ipootc';
 +
    var gcse = document.createElement('script');
 +
    gcse.type = 'text/javascript';
 +
    gcse.async = true;
 +
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
 +
        '//cse.google.com/cse.js?cx=' + cx;
 +
    var s = document.getElementsByTagName('script')[0];
 +
    s.parentNode.insertBefore(gcse, s);
 +
  })();
 +
</script>
 +
<gcse:search></gcse:search>
 +
-->
 +
<script>
 +
$(document).ready(function() {
 +
 
 +
  $(window).scroll(function () {
 +
      //if you hard code, then use console
 +
      //.log to determine when you want the
 +
      //nav bar to stick. 
 +
      console.log($(window).scrollTop())
 +
    if ($(window).scrollTop() > 182) {
 +
      $('.navbar-collapse').addClass('navbar-fixed-top');
 +
    }
 +
    if ($(window).scrollTop() < 183) {
 +
      $('.navbar-collapse').removeClass('navbar-fixed-top');
 +
    }
 +
  });
 +
});
 +
</script>
  
−
     <!-- Custom CSS -->
+
<div id="wrapper">
−
     <link href="https://2015.igem.org/Team:Exeter/sb-admin-2.css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<nav class="navbar navbar-default">
 +
  <div class="container-fluid">
 +
     <!-- Brand and toggle get grouped for better mobile display -->
 +
     <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">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
      <a class="navbar-brand" href="https://2015.igem.org/Team:Exeter"><img class="ribonostics" src="https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png"></a>
 +
      <a href="https://2015.igem.org/Main_Page" target="_blank"><img class="igem" src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a>
 +
    </div>
 +
 
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
      <ul class="span12 offset1 nav navbar-nav">
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Description">Description</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/BovineTB">Bovine TB</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/diary">General Diary</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Future">Future</a></li>
 +
              </ul>
 +
        </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">LAB</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">Toehold Design</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/Lab_Diary">Lab Diary</a></li>-->
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Safety">Safety</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Interlab">Interlab</a></li>
 +
              </ul>
 +
        </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Modeling">MODELLING</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
            <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modeling#simulation">Simulation</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modeling#parameter">Parameter Scanning</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modeling#scripts">Scripts</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li>
 +
              </ul>
 +
            </ul>
 +
        </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Practices#introduction">Introduction</a></li>
 +
          <li><a href="https://2015.igem.org/Team:Exeter/Practices#timeline">What we did</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Practices#integration">Integration and design</a></li>
 +
              </ul>
 +
        </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a></button>
 +
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <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/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Attributions">Attributions</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Sponsors">Sponsors</a></li>
 +
              </ul>
 +
      </ul>
 +
</li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a></button>
 +
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Parts#toeholds">Toeholds</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Parts#reporters">Reporters</a></li>
 +
              </ul>
 +
              </ul>
 +
    </li>
 +
        <li class="dropdown btn-group">
 +
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a></button>
 +
        <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
    <span class="caret"></span>
 +
    <span class="sr-only">Toggle Dropdown</span>
 +
  </button>
 +
        <ul class="dropdown-menu">
 +
              <ul class='list-inline'>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#bronze">Bronze</a></li>
 +
            <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#silver">Silver</a></li>
 +
                <li><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements#gold">Gold</a></li>
 +
              </ul>
 +
              </ul>
 +
    </li>
 +
        <li class="navbar-search">
 +
        <!--<div class="input-group custom-search-form">
 +
                <form id="frmSearch" method="get" action="default.html" />
 +
                <input id="txtSearch" type="text" class="form-control" placeholder="Search...">
 +
                <span class="input-group-btn">
 +
                <button class="btn btn-default" type="button">
 +
                  <img src="https://static.igem.org/mediawiki/2015/d/d2/ExeterSearch.png" height="20px;">
 +
                </button>
 +
                </span>
 +
            </div>-->
 +
<searchbox
 +
    label="Search this wiki for:"
 +
    searchlabel="Find it..."
 +
    golabel="Go!"
 +
/>
 +
            <!-- /input-group -->
 +
        </li>
 +
      </ul><!-- /.navbar-nav -->
 +
    </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 -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
     <!--[if lt IE 9]>
 
     <!--[if lt IE 9]>
Line 53: Line 654:
 
 
 
<!-- jQuery Scripts -->
 
<!-- jQuery Scripts -->
−
<script src="https://2015.igem.org/Team:Exeter/jquery-1-11-0-min.js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="https://2015.igem.org/Team:Exeter/jquery-1-11-0-min?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Exeter/jquery-migrate-1-2-1-min?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Team:Exeter/jquery-migrate-1-2-1-min?action=raw&amp;ctype=text/javascript"></script>
−
 
−
<link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
 
−
<link href="https://2015.igem.org/Team:Exeter/stylesheet.css?action=raw&amp;ctype=text/css" rel='stylesheet' type='text/css'>
 
−
 
−
    <!-- Page Content -->
 
−
    <div id="wrapper">
 
−
    <div class="row">
 
−
<div class="col-md-12">
 
−
            <a style="float:right;" href="https://2015.igem.org/Main_Page" target="_blank"><img style="margin-bottom:45px;" src="https://static.igem.org/mediawiki/2015/f/f0/IGEM_logo.png" height="55px"></a>
 
−
 
−
 
−
<div style="overflow:hidden; position:relative;">
 
−
      <img class="toehold" src="https://static.igem.org/mediawiki/2015/b/b2/Exeter_switch.png">
 
−
</div>
 
−
 
−
 
−
    <a href="https://2015.igem.org/Team:Exeter"><img class="ribonostics" src="https://static.igem.org/mediawiki/2015/d/d4/IGEM_ribosome_v1.1.png"></a>
 
−
  </div>
 
−
</div>
 
−
    <div class="row">
 
−
    <!-- Navigation -->
 
−
    <nav class="navbar navbar-default" role="navigation">
 
−
            <!-- Collect the nav links, forms, and other content for toggling -->
 
−
            <div align="center" class="collapse navbar-collapse navbar-ex1-collapse">
 
−
                <ul>
 
−
                    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a>
 
−
        <ul>
 
−
                        <li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Design">Design</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Toehold_Background">Toehold Background</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Toehold_Design">Toehold Design</a></li>
 
−
                            <li><a href="https://2015.igem.org/Team:Exeter/diary">General Diary</a></li>
 
−
                            <li><a href="https://2015.igem.org/Team:Exeter/Future">Future</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Lab">LAB</a>
 
−
        <ul>
 
−
    <li class="first-button"><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/Safety">Safety</a></li>
 
−
                            <li><a href="https://2015.igem.org/Team:Exeter/Interlab">Interlab</a></li>
 
−
        </ul>
 
−
    </li>
 
−
                    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Modeling">MODELLING</a>
 
−
                    <ul>
 
−
                        <li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Modelling_Diary">Modelling Diary</a></li>
 
−
                        </ul>
 
−
                    </li>
 
−
                    <li class="button" style="width:210px"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a>
 
−
        <ul><li class="beyond-button"><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/Integration">Integration and design</a></li>
 
−
                            <li><a href="https://2015.igem.org/Team:Exeter/Timeline">Timeline</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a>
 
−
        <ul><li class="first-button"><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/Attributions">Attributions</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Sponsors">Sponsors</a></li>
 
−
        </ul>
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a>
 
−
        <!--
 
−
                                        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Parts">Team Parts</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Basic_Part">Basic Parts</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Composite_Part">Composite Parts</a></li>
 
−
            <li><a href="https://2015.igem.org/Team:Exeter/Part_Collection">Part Collection</a></li>
 
−
        </ul>
 
−
                                        -->
 
−
    </li>
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDALS</a>
 
−
      <ul><li class="first-button"><a href="">Gold </a></li>
 
−
            <li><a href="">Silver</a></li>
 
−
            <li><a href="">Bronze</a></li>
 
−
    </ul>
 
−
    </li>
 
−
                    <!--
 
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/diary">DIARY</a>
 
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/diary#june">June</a></li>
 
−
            <li class="second-button"><a href="https://2015.igem.org/Team:Exeter/diary#july">July</a></li>
 
−
            <li class="third-button"><a href="https://2015.igem.org/Team:Exeter/diary#august">August</a></li>
 
−
            <li class="fourth-button"><a href="https://2015.igem.org/Team:Exeter/diary#september">September</a></li>
 
−
        </ul>
 
−
    </li>
 
−
                    -->
 
−
  </ul>
 
−
            </div>
 
−
            <!-- /.navbar-collapse -->
 
−
    </nav>
 
−
    </div>
 
  
 
     <!-- jQuery -->
 
     <!-- jQuery -->
−
     <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery.js?action=raw&amp;ctype=text/javascript"></script>
+
     <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery?action=raw&amp;ctype=text/javascript"></script>
  
 
     <!-- Bootstrap Core JavaScript -->
 
     <!-- Bootstrap Core JavaScript -->
−
     <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min.js?action=raw&amp;ctype=text/javascript"></script>
+
     <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min?action=raw&amp;ctype=text/javascript"></script>
  
 
     <!-- Script to Activate the Carousel -->
 
     <!-- Script to Activate the Carousel -->
Line 160: Line 671:
 
      
 
      
 
<script>
 
<script>
 +
       
 +
var main = function() {
  
−
var main = function() {
+
var width = $(window).width();
−
+
var mouseX = 0, limitX = width-350;
−
var mouseX = 0, limitX = 1000;
+
 
$(window).mousemove(function(e){
 
$(window).mousemove(function(e){
−
  var offset = $('.toehold').offset();
+
// don't follow mouse while collapsed
−
  mouseX = Math.min(e.pageX - offset.left, limitX);
+
if ($(window).width() > 768) {
−
  if (mouseX < 0) mouseX = 0;
+
  var offset = $('.navbar-header').offset();
−
  if (e.pageY < 0) mouseX = 0;
+
  mouseX = Math.min(e.pageX - offset.left, limitX);
−
  if (e.pageY > 225) mouseX = 0;
+
  if (mouseX < 0) mouseX = 0;
 +
  if (e.pageY < 0) mouseX = 0;
 +
}
 +
// but it will still return to original position when resized
 +
  if (e.pageY > 220) mouseX = 0;
 
});
 
});
  
Line 180: Line 696:
 
if (xp < 100) follower.css({left:100});
 
if (xp < 100) follower.css({left:100});
 
     else follower.css({left:xp});
 
     else follower.css({left:xp});
−
   
+
 
 
}, 30);
 
}, 30);
  
 
};
 
};
 +
   
 
$(document).ready(main);
 
$(document).ready(main);
  
−
</script>
 
−
 
−
<script>
 
−
$(document).ready(function() {
 
−
 
 
−
  $(window).scroll(function () {
 
−
      //if you hard code, then use console
 
−
      //.log to determine when you want the
 
−
      //nav bar to stick. 
 
−
      console.log($(window).scrollTop())
 
−
    if ($(window).scrollTop() > 190) {
 
−
      $('.navbar').addClass('navbar-fixed-top');
 
−
    }
 
−
    if ($(window).scrollTop() < 191) {
 
−
      $('.navbar').removeClass('navbar-fixed-top');
 
−
    }
 
−
  });
 
−
});
 
 
</script>
 
</script>
  
Line 226: Line 725:
 
$("#Rach").removeClass("profile");
 
$("#Rach").removeClass("profile");
 
   });
 
   });
−
  $("#Yem").click(function() {
+
  $("#Yem").click(function() {
 
$(".active").addClass("profile");
 
$(".active").addClass("profile");
 
$(".active").removeClass("active");
 
$(".active").removeClass("active");
Line 284: Line 783:
 
$(document).ready(main);
 
$(document).ready(main);
 
</script>
 
</script>
−
 
−
</html>
 

Latest revision as of 01:14, 19 September 2015