Difference between revisions of "Team:Oxford/Templates/Navi"

 
(571 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
<html>
+
{{Oxford/bootstrap}}
 +
 
 
<html lang="en">
 
<html lang="en">
−
  <head>
+
<head>
−
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
+
  <title>iGEM Oxford 2016 - Cure for Copper</title>
−
   
+
  <meta charset="utf-8">
−
    <script type="text/javascript" src="swfobject.js"></script>
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
−
    <script type="text/javascript">
+
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
−
      swfobject.registerObject("myFlashContent", "9.0.0", "expressInstall.swf");
+
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
−
    </script>
+
−
    <title>iGEM Dundee 2013 &middot; ToxiMop</title>
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
    <meta name="description" content="A synthetic biology project called Toximop from the Dundee iGEM Team.">
+
−
    <meta name="author" content="Dundee iGEM Team 2013">
+
  
−
    <!-- CSS -->
 
−
    <link href=' http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 
−
    <!-- <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap.css" rel="stylesheet">
 
  
−
  <link href="http://www.kyleharrison.co.uk/igem/assets/css/style.css" rel="stylesheet"> -->
 
  
−
  <link href="https://2013.igem.org/Team:Dundee/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
 
−
  <link href="https://2013.igem.org/Team:Dundee/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
  
−
    <!--
+
<script type='text/javascript'>//<![CDATA[
−
    <link href="http://www.kyleharrison.co.uk/igem/assets/css/bootstrap-responsive.css" rel="stylesheet">
+
$(window).load(function(){
−
-->
+
$('a').click(function(){
−
     <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
+
     $('html, body').animate({
−
    <!--[if lt IE 9]>
+
        scrollTop: $( $(this).attr('href') ).offset().top
−
      <script src="http://www.kyleharrison.co.uk/igem/assets/js/html5shiv.js"></script>
+
    }, 500);
−
    <![endif]-->
+
    return false;
 +
});
 +
});//]]>  
  
−
    <!-- Fav and touch icons -->
+
</script>
−
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
+
 
−
     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
+
<script type="text/javascript">
−
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
+
$('body').scrollspy({
−
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
+
    target: '.bs-docs-sidebar',
−
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
+
     offset: 130
 +
});
 +
</script>
 +
 
 +
 
 +
<script type='text/javascript'>//<![CDATA[
 +
$(window).load(function(){
 +
$('a').click(function(){
 +
    $('html, body').animate({
 +
        scrollTop: $( $(this).attr('href') ).offset().top
 +
    }, 500);
 +
    return false;
 +
});
 +
});//]]>
 +
 
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
$('body').scrollspy({
 +
    target: '.bs-docs-sidebar',
 +
    offset: 130
 +
});
 +
</script>
  
 
<style>
 
<style>
−
#HQ_page, #sideMenu {
+
 
 +
.row {
 +
background-color:#eef;
 +
}
 +
 
 +
figcaption {
 +
padding-top:10px;
 +
font-size:14px;
 +
font-style: italic;
 +
}
 +
 
 +
.navbar  {
 +
    margin-top: 16px;
 +
    position: fixed;
 +
    font-size: 13px;
 +
    background-color: #fff;
 +
    margin-bottom: 15;
 +
}
 +
 
 +
.navbar-toggle {
 +
  position: relative;
 +
  float: right;
 +
  padding: 9px 10px;
 +
  margin-top: 8px;
 +
  margin-right: 15px;
 +
  margin-bottom: 8px;
 +
  background-color: #fff;
 +
  background-image: none;
 +
  border: 1px solid #fff;
 +
  border-radius: 4px;
 +
}
 +
 
 +
.navbar-right li {
 +
    font-family: "Avenir",sans-serif;
 +
    color: #2800D7;
 +
}
 +
 
 +
.navbar-nav > li > a {
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
}
 +
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav> .active > a:hover {
 +
    background-color: #fff;
 +
    color:#2800D7;
 +
}
 +
 
 +
.navbar-default .navbar-nav > .active {
 +
    background-color: #fff;
 +
 
 +
}
 +
 
 +
.navbar-default .navbar-brand {
 +
    font-weight: bold;
 +
    color: #2800D7;
 +
    /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
 +
    -webkit-background-clip: text;
 +
    -webkit-text-fill-color: transparent;*/
 +
}
 +
 
 +
.navbar-default .navbar-brand:hover {
 +
    font-weight: bold;
 +
    color: #fa1e64;
 +
    /*background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #fa1e64),color-stop(100%, #2800D7));
 +
    -webkit-background-clip: text;
 +
    -webkit-text-fill-color: transparent;*/
 +
}
 +
 
 +
 
 +
 
 +
 
 +
 
 +
section {padding-top: 100px; margin-top:-100px;}
 +
 
 +
.popover h2, .popover h3 {
 +
margin-top: 5px;
 +
padding-top: 0px;
 +
}
 +
 
 +
table {
 +
margin: auto;
 +
/*text-align: center;*/
 +
}
 +
 
 +
#banner {
 +
text-align: center;
 +
background-size: 100%; 
 +
margin-bottom:0px; padding-bottom:0px;
 +
background-repeat: no-repeat; padding-top:50px;
 +
text-align: center; height:350px;
 +
}
 +
 
 +
@media (max-width: 1200px) {
 +
  #banner {
 +
  margin-top: 70px;
 +
  height:250px;
 +
  }
 +
}
 +
 
 +
@media (max-width: 750px) {
 +
  #banner {
 +
  margin-top: 70px;
 +
  height:150px;
 +
  margin-bottom: -60px;
 +
  }
 +
}
 +
 
 +
.content-main {
 +
padding-top:0px;
 +
margin-top:0px;
 +
text-align: center;
 +
background-color: #eef !important;
 +
}
 +
 
 +
.content-right {
 +
padding-left: 60px; padding-right: 80px; padding-bottom: 50px;
 +
}
 +
 
 +
@media (min-width: 640px) {
 +
.div33 {width: 31%; float: left; margin-left: 1%; margin-right: 1%;}
 +
}
 +
@media (min-width: 640px) {
 +
.div50 {width: 48%; float: left; margin-left: 1%; margin-right: 1%;}
 +
}
 +
 
 +
#sidebar.affix {
 +
    top: 120px;
 +
}
 +
 
 +
@media (max-width: 910px) {
 +
  #sidebar {
 +
  display: none;
 +
  }
 +
}
 +
 
 +
 
 +
 
 +
/* sidebar */
 +
.bs-docs-sidebar {
 +
    margin-top: 20px;
 +
    margin-left: 0px;
 +
    padding-left: 0px;
 +
font-family:Arial, Avenir !important;
 +
text-align: left;
 +
}
 +
 
 +
/* all links */
 +
 
 +
.bs-docs-sidebar .nav>li {
 +
line-height:100%;     
 +
}
 +
 
 +
.bs-docs-sidebar .nav>li>a {
 +
    color: #555;
 +
    border-left: 2px solid transparent;
 +
    padding: 4px 10px;
 +
    font-size: 13px;
 +
}
 +
 
 +
/* nested links */
 +
.bs-docs-sidebar .nav .nav>li>a {
 +
    padding-top: 1px;
 +
    padding-bottom: 1px;
 +
    padding-left: 20px;
 +
    font-size: 12px;
 +
}
 +
 
 +
/* active & hover links */
 +
.bs-docs-sidebar .nav>.active>a,
 +
.bs-docs-sidebar .nav>li>a:hover,
 +
.bs-docs-sidebar .nav>li>a:focus {
 +
    color: #005;               
 +
    text-decoration: none;       
 +
    background-color: #fff;
 +
}
 +
/* all active links */
 +
.bs-docs-sidebar .nav>.active>a,
 +
.bs-docs-sidebar .nav>.active:hover>a,
 +
.bs-docs-sidebar .nav>.active:focus>a {
 +
    font-size: 15px;
 +
}
 +
/* nested active links */
 +
.bs-docs-sidebar .nav .nav>.active>a,
 +
.bs-docs-sidebar .nav .nav>.active:hover>a,
 +
.bs-docs-sidebar .nav .nav>.active:focus>a {
 +
    font-size: 12px;
 +
}
 +
 
 +
/* hide inactive nested list */
 +
.bs-docs-sidebar .nav ul.nav {
 +
    display: none;         
 +
}
 +
/* show active nested list */
 +
.bs-docs-sidebar .nav>.active>ul.nav {
 +
    display: block;         
 +
}
 +
 
 +
 
 +
#sideMenu, #top_title {
 
display: none;
 
display: none;
 
}
 
}
−
</style>
+
body {
−
  </head>
+
font-family:Avenir !important;
−
  <body>
+
text-align: center;
 +
}
  
−
    <!-- Part 1: Wrap all page content here -->
+
#content {
−
    <div id="wrap">
+
width: 100%;
 +
margin: 0px;
 +
padding: 0px;
 +
background: #none;
 +
}
 +
.container-fluid img {
 +
margin: 5px;
 +
}
  
−
      <!-- Fixed navbar -->
+
.pageTitle {
−
      <div class="navbar navbar-fixed-top">
+
font-size:80px;
−
        <div class="navbar-inner">
+
line-height: 100%;
 +
font-weight:bold;
 +
font-family:Avenir, Calibri, Arial !important;
 +
padding-top:60px;
 +
padding-bottom:20px;
 +
}
  
−
          <div class="container" style="width:1024px">
+
@media (max-width: 720px) {
−
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
.pageTitle {
−
              <span class="icon-bar"></span>
+
font-size: 40px;
−
              <span class="icon-bar"></span>
+
}
−
              <span class="icon-bar"></span>
+
}
−
            </button>
+
−
<a class="brand" style="padding:0px 15px;width:70px;height:50px;" href="https://igem.org"><img width="70px" height="50px" src="https://static.igem.org/mediawiki/igem.org/9/93/IGEMLogoDundee-Small.png"> </a>
+
−
            <a class="brand" href="/Team:Dundee">Dundee 2013</a>
+
  
−
            <div class="nav-collapse collapse">
+
.pageTitleOrange
−
              <ul class="nav">
+
{
−
                <li class="active"><a href="/Team:Dundee">Home</a></li>
+
color: #ED7D31;
 +
}
  
 +
.pageTitleBlue
 +
{
 +
color: #00B0F0;
 +
}
  
 +
.pageTitleGreen
 +
{
 +
color: #3FC24A;
 +
}
  
−
                <li class="dropdown">
 
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Overviews <b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu">
 
−
                      <li><a href="/Team:Dundee/Project"> ToxiMop Project </a></li>
 
−
                      <!--<li><a href="/Team:Dundee/Project/LabOverview">Lab </a></li>-->
 
−
                      <li><a href="/Team:Dundee/Project/MathOverview">Modelling </a></li>
 
−
                      <li><a href="/Team:Dundee/Project/NetlogoIntro">Mop Simulation</a></li>
 
−
                    <li><a href="/Team:Dundee/HumanPractice">Human Practice </a></li>
 
−
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
 
−
                  </ul>
 
−
                </li>
 
  
 +
.pageTitlePurple
 +
{
 +
color: #D397E3;
 +
}
  
−
             
 
−
                <li class="dropdown">
 
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Project <b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu">
 
−
                    <li class="nav-header">Lab</li>
 
  
−
                  <!-- <li><a href="/Team:Dundee/Project/Mop">Mop</a></li>-->
+
.pageTitleNavy
−
<li><a href="/Team:Dundee/Project/MopMaking">Making the Mop</a></li>
+
{
−
<li><a href="/Team:Dundee/Project/MopQuantifying">Quantifying the Mop</a></li>
+
color: #203A77;
−
<li><a href="/Team:Dundee/Project/MopTesting">Testing the Mop</a></li>
+
}
−
                    <li><a href="/Team:Dundee/Project/Detector">Detector - EnvZ </a></li>
+
−
                    <li><a href="/Team:Dundee/Project/ReporterOmpC">Reporter <i>ompC-GFP</i> </a></li>
+
−
                    <li class="divider"></li>
+
−
                    <li class="nav-header">Modelling </li>
+
  
−
                    <!--<li><a href="/Team:Dundee/Project/MathTheory">Modelling Theoryy</a></li>-->
+
.pageTitleGold
−
                    <li><a href="/Team:Dundee/Project/DetectionComparison">Detection Time</a></li>
+
{
−
                    <li><a href="/Team:Dundee/Project/PP1Capacities">PP1 Packing</a></li>
+
color: #FFC935;
−
                    <li><a href="/Team:Dundee/Project/ProductionExport">Production & Export </a></li>
+
}
−
                    <li><a href="/Team:Dundee/Project/NetlogoDoc">Mop Simulation</a></li>
+
  
−
                    <li class="divider"></li>
+
.pageTitleSilver
−
                    <li class="nav-header">Software & Hardware</li>
+
{
−
                  <li><a href="/Team:Dundee/Project/SoftwareTheory">Moptopus</a></li>
+
color: #BFBEC0;
−
                  <li><a href="/Team:Dundee/Project/NetlogoSec">Sec Simulation Applet</a></li>
+
}
−
                  <li><a href="/Team:Dundee/Project/NetlogoTat">Tat Simulation Applet </a></li>
+
−
                  </ul>
+
−
                </li>
+
  
−
                <li class="dropdown">
 
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Parts <b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu">
 
−
                    <li><a href="/Team:Dundee/Parts/Ourbiobricks">Our Biobricks</a></li>
 
−
                    <!--<li><a href="/Team:Dundee/Parts/Improvements">Improvements</a></li>-->
 
−
                  </ul>
 
−
                </li>
 
  
−
                <li><a href="/Team:Dundee/Safety">Safety</a></li>
+
.container-fluid h1 {
 +
font-weight:bold;
 +
font-size:70px;
 +
font-family:Avenir, Calibri, Arial !important;
 +
padding-top: 100px; margin-top:-75px;
 +
padding-bottom:20px;
 +
}
 +
.container-fluid h2 {
 +
color: #A7689B;
 +
font-weight:bold;
 +
font-family:Avenir, Calibri, Arial !important;
 +
text-align:left;
 +
font-size:38px;
 +
padding-top: 100px; margin-top:-75px;
 +
padding-bottom:20px;
 +
}
 +
.container-fluid h3 {
 +
color: #BF78AE;
 +
text-decoration: bold;
 +
text-align:left;
 +
font-size:25px;
 +
font-family:Avenir, Calibri, Arial !important;
 +
padding-top: 100px; margin-top:-75px;
 +
padding-bottom:10px;
 +
}
  
−
<li class="dropdown">
+
@media (max-width: 600px) {
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
+
.container-fluid h1 {
−
                  <ul class="dropdown-menu">
+
font-size:40px;
−
                    <li><a href="/Team:Dundee/Team">Meet the Team</a></li>
+
}
−
                    <li><a href="https://igem.org/Team.cgi?id=1012">Team Information</a></li>
+
.container-fluid h2 {
−
                    <li><a href="/Team:Dundee/Team/Gallery">Gallery</a></li>
+
font-size:30px;
−
                    <li><a href="/Team:Dundee/Project/Notebook">Notebook</a></li>
+
}
−
                    <li><a href="/Team:Dundee/Team/Contact">Contact</a></li>
+
.container-fluid h3 {
−
                    <li class="divider"></li>
+
font-size:24px;
−
                    <li class="nav-header">Social Media</li>
+
}
−
                    <li><a href="https://www.facebook.com/DundeeiGem2013">Facebook</a></li>
+
}
−
                    <li><a href="https://twitter.com/DundeeiGEMTeam">Twitter</a></li>
+
−
                    <li><a href="https://plus.google.com/u/0/116223511035478208262/posts?hl=en_US">Google+</a></li>
+
−
                    <li><a href="https://github.com/iGEMTeamDundee/ToxiMop">GitHub</a></li>
+
−
                  </ul>
+
−
                </li>
+
  
−
                <li class="dropdown">
 
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice <!--<sup>*new</sup>--><b class="caret"></b></a>
 
−
                  <ul class="dropdown-menu">
 
  
−
                    <li><a href="/Team:Dundee/HumanPractice/Commercialisation ">
+
.h4Purple {
 +
color: #BF78AE;
 +
text-decoration: bold;
 +
font-style:italic;
 +
text-align:left;
 +
font-size:20px;
 +
font-family:Avenir, Calibri, Arial !important;
 +
line-height:170%;
 +
}
  
−
Commercialisation
+
.container-fluid b {
−
<div style=" 
+
text-decoration: bold;
−
    font-size: 100%;
+
font-family:Avenir, Calibri, Arial !important;
−
    font-weight: bold;
+
}
−
    line-height: 1;
+
@media (max-width: 1150px) {
−
    color: rgb(66, 139, 202);
+
  .caret {
−
    text-align: center;
+
  display: none;
−
    white-space: nowrap;
+
   }
−
    vertical-align: baseline;
+
}
−
    display: inline;">
+
−
   <sup>*New</sup></div>
+
  
−
</a></li>
 
  
−
                    <li><a href="/Team:Dundee/HumanPractice/MoptopusCommercialisation ">
 
−
Moptopus
 
−
<div style="   
 
−
    font-size: 75%;
 
−
    font-size: 100%;
 
−
    font-weight: bold;
 
−
    line-height: 1;
 
−
    color: rgb(66, 139, 202);
 
−
    text-align: center;
 
−
    white-space: nowrap;
 
−
    vertical-align: baseline;
 
−
    display: inline;">
 
−
  <sup>*New</sup></div>
 
  
−
</a></li>
+
#parent-banner {
 +
margin: 0px; padding: 15px 0px 30px;
 +
}
 +
 
 +
#parent-banner img {
 +
width: 100%;
 +
margin: 0px;
 +
}
 +
 
 +
#banner-discription {
 +
margin-left: 25px;
 +
margin-right: 25px;
 +
  border-radius: 10px;
 +
  background-color: #005;
 +
  padding-bottom: 10px;
 +
}
 +
 
 +
 
 +
#banner-discription h2 {
 +
color: #fff;
 +
border-color: #fff;
 +
}
 +
 
 +
/* #banner-discription p {
 +
color: #fff;
 +
} */
 +
#child-discription div {
 +
padding: 10px;
 +
}
 +
 
 +
#child-discription div div {
 +
border-radius: 10px;
 +
border: 2px solid #ddd;
 +
background-color: #ccc;
 +
}
 +
 
 +
#child-discription h2 {
 +
margin-top: -10px;
 +
color: #fff;
 +
text-align: center;
 +
border-color: #fff;
 +
}
 +
 
 +
/*
 +
#child-discription p {
 +
color: #fff;
 +
}
 +
*/
 +
 
 +
#child-discription a {
 +
text-decoration: none;
 +
}
 +
 
 +
 
 +
@media (min-width: 900px) {
 +
#parent-banner {
 +
position: relative;
 +
}
 +
#banner-discription {
 +
  margin: 50px 25px 50px;
 +
  padding: 20px;
 +
  position: absolute;
 +
  bottom: 0;
 +
  left: 0;
 +
  opacity: 0.7;
 +
}
 +
 
 +
#banner-discription h2 {
 +
color: #fff;
 +
opacity: 5.0;
 +
font-size: 24px;
 +
margin: 0px 0px 10px;
 +
padding: 0px;
 +
}
 +
/*
 +
#banner-discription p {
 +
color: #fff;
 +
opacity: 5.0;
 +
}
 +
*/
 +
 
 +
p
 +
{
 +
font-family:Avenir, Calibri, Arial !important;
 +
font-size: 18px !important;
 +
color: #3F3F3F;
 +
line-height:200%;
 +
margin-top:20px;
 +
margin-bottom:20px;
 +
}
 +
 
 +
.footnote
 +
{
 +
font-family:Avenir, Calibri, Arial !important;
 +
font-size: 12px !important;
 +
color: #3F3F3F;
 +
line-height:200%;
 +
margin-top:20px;
 +
margin-bottom:20px;
 +
}
 +
 
 +
.container-fluid li {
 +
font-family:Avenir, Calibri, Arial !important;
 +
list-style-type: square;
 +
text-align: left; !important;
 +
line-height:180%;
 +
font-size:16px !important;
 +
 
 +
}
 +
 
 +
.navFont
 +
{
 +
font-size:20px !important;
 +
}
 +
 
 +
.textLiFont
 +
{
 +
font-size:16px !important;
 +
font-family:Avenir, Calibri, Arial !important;
 +
color: #3F3F3F;
 +
line-height:200%;
 +
list-style-type: square;
 +
}
 +
 
 +
.container-fluid li li {
 +
list-style-type: circle;
 +
}
 +
 
 +
.nav li {
 +
list-style-type: none;
 +
font-size:20px !important;
 +
}
 +
 
 +
.nav li li {
 +
list-style-type: none;
 +
}
 +
 
 +
.navbar-header {
 +
background-color:#FFF;
 +
}
 +
 
 +
.references
 +
{
 +
font-size:8px !important;
 +
line-height:200% !important;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<nav class="navbar navbar-default navbar-fixed-top" style="margin-top: 10px; padding-top: 14px; height:80px; font-size:22px !important;">
 +
  <div class="container-fluid">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
      </button>
 +
 
 +
 
 +
 
 +
<a class="navbar-brand" href="https://2016.igem.org/Team:Oxford"><img src="https://static.igem.org/mediawiki/2016/thumb/a/af/T--Oxford--logofinal.png/800px-T--Oxford--logofinal.png" height="60" style="margin-left: 30px; margin-top:-16px;"/></a>
 +
 
 +
 
 +
 
 +
<!--    <a class="navbar-brand" href="https://2016.igem.org/Team:Oxford"><img src="https://static.igem.org/mediawiki/2016/thumb/d/df/T--Oxford--logo.png/320px-T--Oxford--logo.png" height="60" style="margin-left: 30px; margin-top:-16px;"/></a>-->
 +
 
 +
 
  
−
<li><a href="/Team:Dundee/HumanPractice/MediaCoverage">Media Coverage</a></li>
+
    </div>
−
                    <li><a href="/Team:Dundee/HumanPractice/PoliticalCampaign">Political Campaign</a></li>
+
    <div class="collapse navbar-collapse collapse" id="myNavbar" style="background-color: #fff;">
−
<li><a href="/Team:Dundee/HumanPractice/MediaCoverage">Media Coverage</a></li>
+
      <ul class="nav navbar-nav">
−
                    <li><a href="/Team:Dundee/HumanPractice/CaseStudy">Clatto Case Study</a></li>
+
        <li class="dropdown">
−
                    <li><a href="/Team:Dundee/HumanPractice/PublicEngagement">Public Engagement</a></li>
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
−
                    <!--<li><a href="/Team:Dundee/HumanPractice/Interviews">Interviews</a></li>-->
+
          <ul class="dropdown-menu">
−
                    <li><a href="/Team:Dundee/HumanPractice/Collaboration">Collaboration</a></li>
+
            <li><a href="https://2016.igem.org/Team:Oxford/Description">Description</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Wilson_Disease">Wilson's Disease</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Timeline">Timeline</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Safety">Safety</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Proof">Proof of Concept</a></li>
 +
 +
<li><a href="https://2016.igem.org/Team:Oxford/Achievements">Achievements</a></li>
 +
          </ul>
 +
        </li>
  
−
                    <li class="divider"></li>
+
        <li class="dropdown">
−
                    <li class="nav-header">Media</li>
+
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts <span class="caret"></span></a>
−
                    <li><a href="http://www.youtube.com/channel/UCvHOQ9Y1PqKInj6iCwLqTJw/feed?view_as=public">Youtube Channel</a></li>
+
          <ul class="dropdown-menu">
−
                    <li><a href="http://www.flickr.com/photos/97927329@N05/">Flickr</a></li>
+
<li><a href="https://2016.igem.org/Team:Oxford/Parts">Parts Overview</a></li>          
−
                    <li><a href="/Team:Dundee/HumanPractice/Comic">Comic</a></li>
+
<li><a href="https://2016.igem.org/Team:Oxford/Basic_Part">Basic Part</a></li>
−
                    <li><a href="/Team:Dundee/HumanPractice/Game">Video Game</a></li>
+
<li><a href="https://2016.igem.org/Team:Oxford/Composite_Part">Composite Part</a></li>
−
<li><a href="/Team:Dundee/Digi-Poster">Digital Poster</a></li>
+
<li><a href="https://2016.igem.org/Team:Oxford/Part_Collection">Part Collection</a></li>
 +
<li><a href="https://2016.igem.org/Team:Oxford/CueR_MOI">CueR Mechanism</a></li>
 +
          </ul>
 +
        </li>
  
−
                   
+
        <li class="dropdown">
−
                  </ul>
+
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Wet lab <span class="caret"></span></a>
−
                </li>
+
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Results">Overview and Results</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Experiments">Experiments</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Protocols">Protocols</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Chemicals">Chemicals</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Sequences">Sequences</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/InterLab">InterLab Study</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Notebook">Notebook</a></li>
 +
          </ul>
 +
        </li>
  
−
               
+
        <li class="dropdown">
−
                <li class="dropdown">
+
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dry lab <span class="caret"></span></a>
−
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Attributions <b class="caret"></b></a>
+
          <ul class="dropdown-menu">
−
                  <ul class="dropdown-menu">
+
            <li><a href="https://2016.igem.org/Team:Oxford/Model">Modelling Overview</a></li>
−
                    <li><a href="/Team:Dundee/Team/Attributions">Attributions</a></li>
+
            <li><a href="https://2016.igem.org/Team:Oxford/Model#ModelA">Reaction Kinetics</a></li>
−
                    <li><a href="/Team:Dundee/Sponsors">Our Sponsors</a></li>
+
            <li><a href="https://2016.igem.org/Team:Oxford/Model#ModelB">Promoter Characterisation</a></li>
−
                  </ul>
+
            <li><a href="https://2016.igem.org/Team:Oxford/Model#ModelC">Copper Advection</a></li>
−
                </li>
+
            <li><a href="https://2016.igem.org/Team:Oxford/Model#ModelD">Bacteria Distribution</a></li>
 +
          </ul>
 +
        </li>
  
 +
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Practices <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Human_Practices">Human Practices</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/HP/Silver">Silver Criterion</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/HP/Gold">Gold Criterion</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Integrated_Practices">Integrated Practices</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Questionnaires">Surveys</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Engagement">Engagement</a></li>
 +
          </ul>
 +
        </li>
  
−
             
+
        <li class="dropdown">
 +
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">People <span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Team">Team</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Collaborations">Collaborations</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Attributions">Attributions</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Sponsors">Sponsors</a></li>
 +
            <li><a href="https://2016.igem.org/Team:Oxford/Contact">Contact Us</a></li>
 +
          </ul>
 +
        </li>
  
−
              </ul>
 
−
            </div><!--/.nav-collapse -->
 
−
          </div>
 
−
        </div>
 
−
      </div>
 
  
 +
      </ul>
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li><a href="https://oxfordigem2016.wordpress.com">Blog</a></li>
 +
<!--        <li><a href="https://www.gofundme.com/oxfordigem2016">Donate</a></li>-->
 +
      </ul>
 +
    </div>
 +
  </div>
 +
</nav>
 +
<!--<div style="height:50px;">&nbsp;</div>-->
 +
</body>
 
</html>
 
</html>

Latest revision as of 00:30, 12 November 2016

iGEM Oxford 2016 - Cure for Copper