|
|
| Line 1: |
Line 1: |
| − | <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>
| |
| | | | |
| − | <!-- Bootstrap Core CSS -->
| |
| − | <link href="https://2015.igem.org/Team:Exeter/bootstrap-min?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − | <!-- Custom CSS -->
| |
| − | <link href="https://2015.igem.org/Team:Exeter/sb-admin-2?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − | <link href='http://fonts.googleapis.com/css?family=Ek+Mukta' rel='stylesheet' type='text/css'>
| |
| − |
| |
| − | <script src="https://2015.igem.org/Team:Exeter/ajax-googleapis-com/ajax/libs/jquery/1-8-2/jquery-min?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script src="https://2015.igem.org/Team:Exeter/js/jquery-bxslider-min?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <link href="https://2015.igem.org/Team:Exeter/lib/jquery-bxslider?action=raw&ctype=text/css" rel="stylesheet">
| |
| − |
| |
| − |
| |
| − | <style type="text/css">
| |
| − | body {background:#FFFFFF; margin: 0px; text-align:justify;}/*rgb(239,239,242)*/
| |
| − | #content {width:100%; border:none;}
| |
| − |
| |
| − | #bodyContent {font-family: 'Ek Mukta', Verdana, sans-serif !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>
| |
| − | <!--
| |
| − | <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&ctype=text/javascript"></script>
| |
| − | <script src="https://2015.igem.org/Team:Exeter/jquery-migrate-1-2-1-min?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <!-- jQuery -->
| |
| − | <script src="https://2015.igem.org/Team:Exeter/half-slider-jquery?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <!-- Bootstrap Core JavaScript -->
| |
| − | <script src="https://2015.igem.org/Team:Exeter/half-slider-bootstrap-min?action=raw&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>
| |
| − |
| |
| − | <script>
| |
| − | var main = function() {
| |
| − | $("#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");
| |
| − | });
| |
| − | };
| |
| − |
| |
| − | $(document).ready(main);
| |
| − | </script>
| |
