Difference between revisions of "Template:Exeter"

 
(570 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams}}
 
−
 
 
<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>
  
−
<style>
+
    <!-- Bootstrap Core CSS -->
−
body, #globalWrapper, #content, #bodyContent, nav ul {width:1200px;}
+
    <link href="https://2015.igem.org/Team:Exeter/bootstrap-min?action=raw&amp;ctype=text/css" rel="stylesheet">
−
#bodyContent {position:relative; left:5vw; width:1200px;  font-family: 'Ek Mukta', Verdana, sans-serif; font-size:0.8em;}
+
 
−
body {background:rgb(222,233,229);}
+
    <!-- Custom CSS -->
−
nav, header, footer {margin:5px; background:rgb(160,198,138); display:table; table-layout:fixed; border-radius:5px;}
+
    <link href="https://2015.igem.org/Team:Exeter/sb-admin-2?action=raw&amp;ctype=text/css" rel="stylesheet">
−
nav ul {display:table-cell; vertical-align:middle;}
+
 
−
nav ul li {display:table-cell; vertical-align:middle; padding-bottom:0px; color:rgb(217,235,205)}
+
    <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
−
nav ul li a {display:block; padding:10px; text-decoration:none;}
+
 
−
.button {width:50px;}
+
    <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>
−
.button a {color:rgb(217,235,205); text-decoration:none; font-size:20px; font-weight:bold; font-family: 'Ek Mukta', Century Gothic, Courier, monospace; text-align:center;}
+
 
−
.button a:hover {text-decoration:none; background:#bcd074; border-radius:10px; color:#390; font-size:20px; font-weight:bold;}
+
    <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script>
−
.button ul {display:none;}
+
 
−
.button:hover ul {display:block; background:rgb(160,198,138); position:absolute; width:530px; left:420px;}
+
    <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&amp;ctype=text/css" rel="stylesheet">
−
.button:hover ul li {display:block; float:left;}
+
 
−
.button:hover ul a {font-size:15px; color:rgb(217,235,205)}
+
 
−
.first-button {margin-left:-50px;}
+
<style type="text/css">
−
.social {vertical-align:top;}
+
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
−
section {margin:40px;}
+
#content {width:100%; border:none;}
−
footer {clear:both;}
+
 
 +
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif !important; 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, 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;
 +
}
 +
 
 +
 
 +
.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;
 +
}
 +
 
 +
/*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;
 +
}
 +
 
 +
.navbar-search {
 +
    width:200px;
 +
    padding-left:25px;
 +
    float:right;
 +
    display: inline-block;
 +
}
 +
.navbar-search button {
 +
    border: 1px solid #888888;
 +
}
 
</style>
 
</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>
 +
 +
<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">
 +
      <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 -->
 +
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->   
 +
 +
<!-- jQuery Scripts -->
 +
<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>
 +
 +
    <!-- jQuery -->
 +
    <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery?action=raw&amp;ctype=text/javascript"></script>
 +
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <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>
 +
    $('.carousel').carousel({
 +
        interval: 5000 //changes the speed
 +
    })
 +
    </script>
 +
   
 +
<script>
 +
       
 +
var main = function() {
 +
 +
var width = $(window).width();
 +
var mouseX = 0, limitX = width-350;
 +
$(window).mousemove(function(e){
 +
// don't follow mouse while collapsed
 +
if ($(window).width() > 768) {
 +
  var offset = $('.navbar-header').offset();
 +
  mouseX = Math.min(e.pageX - offset.left, limitX);
 +
  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;
 +
});
 +
 +
// cache the selector
 +
var follower = $(".ribonostics");
 +
var xp = 0;
 +
var loop = setInterval(function(){
 +
    // change 12 to alter damping higher is slower
 +
    xp += (mouseX - xp) / 12;
 +
if (xp < 100) follower.css({left:100});
 +
    else follower.css({left:xp});
 +
 +
}, 30);
 +
 +
};
 +
   
 +
$(document).ready(main);
 +
 +
</script>
  
−
<header>
+
<script>
−
<nav>
+
var main = function() {
−
   <ul>
+
   $("#Bra").click(function() {
−
    <li style="width:400px; height:155px"><a style="padding:0px; float:left" href="https://2015.igem.org/Team:Exeter/Description"><img src="https://static.igem.org/mediawiki/2015/3/3e/Exeter_Toehold_transparent.png" height="150px"/></a></li>
+
$(".active").addClass("profile");
−
     <li class="button"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a>
+
$(".active").removeClass("active");
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Overview</a></li>
+
    $("#Brad").addClass("active");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Experiments</a></li>
+
$("#Brad").removeClass("profile");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Results</a></li>
+
  });
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Design</a></li>
+
  $("#Tod").click(function() {
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Modelling</a></li>
+
$(".active").addClass("profile");
−
        </ul>
+
$(".active").removeClass("active");
−
     </li>
+
     $("#Todd").addClass("active");
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Team">PARTICIPANTS</a>
+
$("#Todd").removeClass("profile");
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Members</a></li>
+
  });
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Collaborations</a></li>
+
  $("#Rac").click(function() {
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Attributions</a></li>
+
$(".active").addClass("profile");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Sponsors</a></li>
+
$(".active").removeClass("active");
−
        </ul>
+
    $("#Rach").addClass("active");
−
     </li>
+
$("#Rach").removeClass("profile");
−
    <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/Description">June</a></li>
+
  $("#Yem").click(function() {
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">July</a></li>
+
$(".active").addClass("profile");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">August</a></li>
+
$(".active").removeClass("active");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">September</a></li>
+
     $("#Yemi").addClass("active");
−
        </ul>
+
$("#Yemi").removeClass("profile");
−
     </li>
+
  });
−
    <li class="button"><a href="https://2015.igem.org/Team:Exeter/Parts">PARTS</a>
+
  $("#Dan").click(function() {
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Team Parts</a></li>
+
$(".active").addClass("profile");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Basic Parts</a></li>
+
$(".active").removeClass("active");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Composite Parts</a></li>
+
    $("#Dani").addClass("active");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Part Collection</a></li>
+
$("#Dani").removeClass("profile");
−
        </ul>
+
  });
−
     </li>
+
  $("#Dav").click(function() {
−
    <li class="button" style="width:250px;"><a href="https://2015.igem.org/Team:Exeter/Practices">BEYOND THE BENCH</a>
+
$(".active").addClass("profile");
−
        <ul><li class="first-button"><a href="https://2015.igem.org/Team:Exeter/Description">Coming Soon</a></li>
+
$(".active").removeClass("active");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Coming Soon</a></li>
+
     $("#Davi").addClass("active");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Coming Soon</a></li>
+
$("#Davi").removeClass("profile");
−
            <li><a href="https://2015.igem.org/Team:Exeter/Description">Coming Soon</a></li>
+
  });
−
        </ul>
+
  $("#Amy").click(function() {
−
    </li>
+
$(".active").addClass("profile");
−
    <li><a href="https://2015.igem.org/Team:Exeter"><img src="https://static.igem.org/mediawiki/2015/7/73/Exeter_igem_logo_transparent.jpg" height="100px"/></a></li>
+
$(".active").removeClass("active");
−
   </ul>
+
    $("#Amy_").addClass("active");
−
</nav>
+
$("#Amy_").removeClass("profile");
−
</header>
+
  });
 +
  $("#Jos").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
     $("#Jose").addClass("active");
 +
$("#Jose").removeClass("profile");
 +
  });
 +
  $("#Geo").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Geor").addClass("active");
 +
$("#Geor").removeClass("profile");
 +
  });
 +
  $("#Emi").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
     $("#Emil").addClass("active");
 +
$("#Emil").removeClass("profile");
 +
  });
 +
  $("#Jas").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Jasm").addClass("active");
 +
$("#Jasm").removeClass("profile");
 +
  });
 +
  $("#Team").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Home").addClass("active");
 +
$("#Home").removeClass("profile");
 +
   });
 +
};
  
−
<footer>
+
$(document).ready(main);
−
<nav>
+
</script>
−
  <ul style="vertical-align:middle;">
+
−
    <li><a href="https://www.facebook.com/exeterigem2015?fref=ts"><img src="https://static.igem.org/mediawiki/2015/1/17/Exe_fb_logo.png" height="60px"/></a></li>
+
−
    <li><a href="https://twitter.com/exeterigem2015"><img src="https://static.igem.org/mediawiki/2015/7/76/Exe_twitter_logo.png" height="60px"/></a></li>
+
−
    <li><a href="exeterigem@gmail.com"><img src="https://static.igem.org/mediawiki/2015/3/36/Exe_email_icon.png" height="60px"/></a></li>
+
−
    <li class="button" style="margin-left:150px"><a href="https://2015.igem.org/Team:Exeter/Safety">SAFETY</a></li>
+
−
    <li class="button" style="width:250px"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">MEDAL REQUIREMENTS</a></li>
+
−
    <li class="button" style="width:170px"><a href="https://2015.igem.org/Team:Exeter/Medal_Requirements">INTERLAB STUDY</a></li>
+
−
    <li><a href="https://2015.igem.org/Team:Exeter"><img src="https://static.igem.org/mediawiki/2015/7/73/Exeter_igem_logo_transparent.jpg" height="60px"/></a></li>
+
−
    <li><a href="https://2015.igem.org/Team:Exeter"><img src="https://static.igem.org/mediawiki/2015/7/73/Exeter_igem_logo_transparent.jpg" height="60px"/></a></li>
+
−
    <li><a href="https://2015.igem.org/Team:Exeter"><img src="https://static.igem.org/mediawiki/2015/7/73/Exeter_igem_logo_transparent.jpg" height="60px"/></a></li>
+
−
  </ul>
+
−
</nav>
+
−
</footer>
+
−
</html>
+

Latest revision as of 01:14, 19 September 2015