Difference between revisions of "Template:Exeter"

 
(571 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Template_All_Teams}}
 
−
<!--{{Exeter/stylesheet}}-->
 
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
−
 
−
<!-- Remove comments from {{Exeter/stylesheet}} above and <link rel="stylesheet...> below, and comment-out all of the CSS below to change the styling -->
 
−
 
 
<html>
 
<html>
 
<head>
 
<head>
−
<!--<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Exeter/stylesheet">-->
+
<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>
 
</head>
−
<!-- Start of CSS-->
 
  
−
<style type="text/css">
+
    <!-- Bootstrap Core CSS -->
 +
    <link href="https://2015.igem.org/Team:Exeter/bootstrap-min?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
/* PAGE LAYOUT */
+
    <!-- Custom CSS -->
 +
    <link href="https://2015.igem.org/Team:Exeter/sb-admin-2?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
/* Change Background color*/
+
    <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
−
body {
+
−
background-color: #fff;
+
−
}
+
  
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
    <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>
−
#mainContainer { 
+
−
width: 978px;
+
−
overflow:hidden;
+
−
float:left;
+
−
margin-left:20px;
+
−
margin-bottom: 10px;
+
−
background-color: #fff;
+
−
border-bottom: 14px solid #565656;
+
−
border-right: 2px solid #565656;
+
−
border-left: 2px solid #565656;
+
−
border-top: 2px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
  
−
/* Creates the container for the menu */
+
    <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script>
−
#menuContainer  {
+
−
float:left;
+
−
width: 134px;
+
−
padding: 20px 0px;
+
−
border-top: 14px solid #565656;
+
−
background-color: #E8E8E9;
+
−
}
+
  
−
/* Creates the container for the content */
+
    <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&amp;ctype=text/css" rel="stylesheet">
−
#contentContainer {
+
−
padding-top:20px;
+
−
padding-right:10px;
+
−
margin-bottom: 20px;
+
−
width: 814px;
+
−
padding-left: 20px;
+
−
float: left;
+
−
background-color: #fff;
+
−
border-top: 14px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
  
−
/*Set up height place holder for the banner*/
 
−
#bannerContainer {
 
−
height:200px;
 
−
margin:auto;
 
−
text-align:center;
 
−
color: #24B694;
 
−
}
 
  
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
<style type="text/css">
 +
body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
 +
#content {width:100%; border:none;}
  
−
/*Change the styling of text for everything inside main container*/
+
#bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif !important; font-size:1em; color: #34282C;}
−
#mainContainer p {  
+
−
font-size: 13px;
+
−
color: #000000;
+
−
}
+
−
+
−
/*This changes the color and font family */
+
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
−
color: #565656;
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
}
+
  
−
/*Style of the links - links are different inside the menu */
+
h1{
−
#contentContainer a {
+
    border-bottom:none; 
−
font-weight: bold;
+
    /*background-image: url(https://static.igem.org/mediawiki/2015/9/93/Header_background_ex.png);
−
color: #608341;
+
  background-repeat: no-repeat;
−
}
+
  background-size:auto;
 +
  background-position: 0px, -200px;
 +
  background-color:#FFFFFF;*/
 +
    font-weight:bold;  
 +
    color:#00a000;
 +
    font-size:2.5em;
 +
}
  
−
  /* Styling links on hover- links are different inside the menu */
+
.headerbanner{
−
#contentContainer a:hover {
+
    border-bottom:none; 
−
color: #59bf92;
+
    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;
 +
}
  
−
/*Change the styling of tables */
+
h2, h3, h4, h5, h6 {border-bottom:none;}
−
        #contentContainer table {
+
h2 {font-size:2.3em;}
−
    border: none;
+
h3 {font-size:2em;}
−
    border-collapse: collapse;
+
h4 {font-size:1.7em;}
−
    width: 90%
+
h5 {font-size:1.4em;}
−
    margin: auto;
+
h6 {font-size:1.2em;}
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
  
−
/*Change the styling of table cells*/
+
section {text-align:justify; /*margin: 5px; margin-top:25px;*/}
−
    #contentContainer  td {
+
#wrapper {margin:20px; width:97%;}
−
    padding: 10px;
+
html, body {height: 100%;}
−
    border: none;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
  
−
/*Change the styling of table headers */
+
/* WIKI SETTINGS*/
−
    #contentContainer th {
+
−
    background-color: #E8E8E9;
+
/* Hide first heading */
−
    padding: 10px;
+
.firstHeading {
−
    border: none;
+
display: none;
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #565656;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
 
}
 
}
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
/*-- Remove borders, float content left and remove padding/margin */
−
#menuContainer ul {  
+
#globalWrapper, #content{
−
list-style: none;
+
background-color: transparent;
−
margin-left:0px;
+
border: 0px;
 +
float: left;
 +
margin:0px;
 +
padding: 0px;
 
}
 
}
  
−
/*Styles the list items to become menu buttons */
+
/*left align Black Menu Bar */
−
#menuContainer ul li {  
+
#top_menu_inside {  
−
text-align: center;
+
margin-left: 20px; /*width:100%;*/
−
display: block;
+
−
width: 100%;
+
−
height:30px;
+
−
padding-top:10px;
+
 
}
 
}
  
−
/*For the menu buttons, changes the color when hovering*/
+
#top_menu_under {
−
#menuContainer li:hover {
+
    position: relative;
−
color: #FFF;
+
    width: 100%;
−
background-color: #24B694;
+
    height: 16px;
−
}
+
    border-bottom: none;
 +
}
  
−
/*Submenus are not displayed as default*/
+
#content a {
−
#menuContainer li ul {
+
color:#229640 !important;
−
display: none;
+
font-weight:bold !important;
−
padding-top:15px;
+
}
−
margin-left: -19px;
+
#content a:hover {
−
}
+
color:#96C11E !important;
 +
text-decoration:none !important;
 +
}
  
−
/*Submenus are displayed when hovering the menu button */
+
#twitterfeed {
−
#menuContainer li:hover ul {
+
    margin-top:130px;
−
/*display: inline-block; */
+
}
−
display: block;
+
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
  
−
/*Style the submenu buttons*/
+
nav {
−
#menuContainer li ul li{
+
  border-bottom:none !important;
−
background-color: #59BF92;  
+
  background-color:#FFFFFF;
−
padding-left:20px;
+
}
−
padding-right:20px;
+
/* Center the Navbar Items */
−
height:30px;
+
.navbar .navbar-nav {
−
padding-top:10px;
+
  display:inline-block;
−
margin-top:-2px;
+
  float:none;
−
color: #565656;
+
  vertical-align:top;
−
width: 150px;
+
}
−
}
+
.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;
 +
}
  
−
/*CLASSES */
+
.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;
 +
}
  
−
/*Clear class for all the pages, adds spacing too*/
+
/* For Smaller Screens */
−
.clear{
+
@media only screen and (max-width: 768px) {
−
clear:both;
+
.dropdown-menu{
−
height: 10px;
+
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;}
  
−
/* highlight box for special messages */
+
/*TEAM MEMBER PAGE STYLING*/
−
    .highlightBox {
+
.active {display:block;}
−
        width:500px;  
+
.profile {display:none;}
−
        margin:auto;  
+
.profiletown {display:block; text-align:justify;}
−
        background-color: #E8E8E9;  
+
.profiletown ul {padding:0px; margin:0px;}
−
margin-bottom: 15px;
+
.profiletown ul li img {margin:0px 10px 10px 0px; float:left;}
−
margin-top: 15px;
+
.swagville {margin-top:50px; padding:0px; text-align:center;}
−
padding: 15px;
+
.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;}
−
padding-top: 5px;
+
.swagville p {margin:0px; vertical-align:top;}
−
    }
+
.swagville div {padding:10px 20px 10px 20px;}
−
                  #photo1 {
+
.swagville div:hover {background: rgba(188,208,116, 0.5); color:#96C11E; cursor:pointer; cursor:hand;}
−
                                border: 2px solid #608341;
+
−
                                text-align: center;
+
−
                                border-radius: 40px
+
−
                                }
+
−
                  #button1, #button2, #button3 {
+
−
                                border-radius: 5px;
+
−
                        border: 2px solid black;
+
−
                        background-color: #DEEAF6;
+
−
                        height: 50px;
+
−
                        width: 120px;
+
−
                        margin: auto;
+
−
                        text-align: center;
+
−
                              display: inline-block
+
−
                              }
+
−
                                   
+
  
 +
/*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);}
  
  
−
</style>
+
/* 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 {
−
<!-- End of CSS -->
+
    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;
 +
}
  
−
<!-- Start of the template html elements. -->
+
.nav-up {
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
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;
 +
}
  
  
−
<div id="bannerContainer">
+
.toeholdheadergreen{
−
                          <img src="https://static.igem.org/mediawiki/2015/a/ad/Exe_construction_cover.png" height="200px"/>
+
  height: 100px;
−
</div>
+
  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;
 +
}
  
−
<!-- Start of menu -->
+
/*page next, page back button CSS */
−
<div id="menuContainer">
+
nav > .pager {
 +
  padding-top:10px;
 +
  margin-top:50px;
 +
}
  
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
/*TABLE*/
−
<ul>
+
table {
−
<a href="https://2015.igem.org/Team:Exeter"><li>HOME</li></a>
+
    /*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;
 +
}
  
−
<a href="https://2015.igem.org/Team:Exeter/Team"><li>TEAM</li></a>
+
.navbar-search {
 +
    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>
  
−
<a href="#"><li>PROJECT
+
<div id="wrapper">
−
            <ul>
+
<nav class="navbar navbar-default">
−
<a href="https://2015.igem.org/Team:Exeter/Description"><li>Description</li></a>
+
  <div class="container-fluid">
−
<a href="https://2015.igem.org/Team:Exeter/Experiments"><li>Experiments &amp; Protocols</li></a>
+
    <!-- Brand and toggle get grouped for better mobile display -->
−
<a href="https://2015.igem.org/Team:Exeter/Results"><li>Results</li></a> 
+
    <div class="navbar-header">
−
<a href="https://2015.igem.org/Team:Exeter/Design"><li>Design</li></a>
+
      <button id="collapse-button" type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
−
</ul>
+
        <span class="sr-only">Toggle navigation</span>
−
</li></a>
+
        <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>
  
−
<a href="#"><li>PARTS
+
    <!-- Collect the nav links, forms, and other content for toggling -->
−
            <ul>
+
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
−
<a href="https://2015.igem.org/Team:Exeter/Parts"><li>Team Parts</li></a>
+
      <ul class="span12 offset1 nav navbar-nav">
−
<a href="https://2015.igem.org/Team:Exeter/Basic_Part"><li>Basic Parts</li></a>
+
        <li class="dropdown btn-group">
−
<a href="https://2015.igem.org/Team:Exeter/Composite_Part"><li>Composite Parts</li></a>
+
        <button type="button" class="btn nav-btn"><a href="https://2015.igem.org/Team:Exeter/Description">PROJECT</a></button>
−
<a href="https://2015.igem.org/Team:Exeter/Part_Collection"><li>Part Collection</li></a>
+
  <button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
</ul>
+
    <span class="caret"></span>
−
</li></a>
+
    <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>       
  
−
<a href="https://2015.igem.org/Team:Exeter/Notebook"><li>NOTEBOOK</li></a>
+
                <!-- 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>
  
−
                                        <a href="https://2015.igem.org/Team:Exeter/diary"><li>DIARY</li></a>
+
    <!-- jQuery -->
−
     
+
    <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery?action=raw&amp;ctype=text/javascript"></script>
−
<a href="https://2015.igem.org/Team:Exeter/Attributions"><li>ATTRIBUTIONS</li></a>
+
  
−
<a href="https://2015.igem.org/Team:Exeter/Collaborations"><li>COLLABORATIONS</li></a>
+
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min?action=raw&amp;ctype=text/javascript"></script>
  
−
<a href="https://2015.igem.org/Team:Exeter/Practices"><li>HUMAN PRACTICES</li></a>
+
    <!-- Script to Activate the Carousel -->
 +
    <script>
 +
    $('.carousel').carousel({
 +
        interval: 5000 //changes the speed
 +
    })
 +
    </script>
 +
   
 +
<script>
 +
       
 +
var main = function() {
  
−
<a href="https://2015.igem.org/Team:Exeter/Safety"><li>SAFETY</li></a>
+
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;
 +
});
  
−
<a href="https://2015.igem.org/Team:Exeter/Modeling"><li>MODELING</li></a>
+
// 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});
  
−
<a href="https://2015.igem.org/Team:Exeter/Measurement"><li>MEASUREMENT</li></a>
+
}, 30);
  
−
<a href="https://2015.igem.org/Team:Exeter/Software"><li>SOFTWARE</li></a>
+
};
 +
   
 +
$(document).ready(main);
  
−
<a href="https://2015.igem.org/Team:Exeter/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
</script>
  
−
</ul>
+
<script>
−
</div>
+
var main = function() {
−
<!-- End of menu  -->
+
  $("#Bra").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Brad").addClass("active");
 +
$("#Brad").removeClass("profile");
 +
  });
 +
  $("#Tod").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Todd").addClass("active");
 +
$("#Todd").removeClass("profile");
 +
  });
 +
  $("#Rac").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Rach").addClass("active");
 +
$("#Rach").removeClass("profile");
 +
  });
 +
  $("#Yem").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Yemi").addClass("active");
 +
$("#Yemi").removeClass("profile");
 +
  });
 +
  $("#Dan").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Dani").addClass("active");
 +
$("#Dani").removeClass("profile");
 +
  });
 +
  $("#Dav").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Davi").addClass("active");
 +
$("#Davi").removeClass("profile");
 +
  });
 +
  $("#Amy").click(function() {
 +
$(".active").addClass("profile");
 +
$(".active").removeClass("active");
 +
    $("#Amy_").addClass("active");
 +
$("#Amy_").removeClass("profile");
 +
  });
 +
  $("#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");
 +
  });
 +
};
  
−
<!-- Start of content -->
+
$(document).ready(main);
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
</script>
−
</html>
+

Latest revision as of 01:14, 19 September 2015