Difference between revisions of "Template:UCSC-Header"

 
(260 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{UCSC-Styles}}
 +
 
<html>
 
<html>
−
+
 
 
   <!-- External scripts -->
 
   <!-- External scripts -->
−
   <link href="//2017.igem.org/Team:UCSC/Assets/Test_Style_css?action=raw&ctype=text/css" rel="stylesheet">
+
 
 +
   <!-- Fonts Used On Page -->
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
 
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
 
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
−
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <!-- Necessary for nav bar header-->
+
 
−
   <!-- <meta name="viewport" content="user-scalable=1, width=400">
+
 
−
   <meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" /> -->
+
   <!-- For mobile friendly version of website. -->
−
   <meta name="viewport" content="width=device-width, initial-scale=1">
+
   <head>
 +
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
 +
   </head>
 +
 
 
   <!-- Functionallity and behaviour JS -->
 
   <!-- Functionallity and behaviour JS -->
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 
   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
−
 
+
 
−
 
+
   <!-- Necessary for nav bar header-->
−
   <div class="navbar navbar-default navbar-fixed-top" style="margin-top:12px">
+
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
−
    <nav class="navbar-inner">
+
  <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> -->
−
      <div class="col-xs-2">
+
 
−
        <a href="https://2017.igem.org/Team:UCSC"><img class="logo" src="https://static.igem.org/mediawiki/2017/d/d4/Logo_edit_new.png" height="60" width="auto">
+
  <!-- TypeKit Fonts (BW) --> 
−
        </a>
+
  <script src="https://use.typekit.net/hii0ztv.js"></script>
−
      </div>
+
  <script>try{Typekit.load({ async: true });}catch(e){}</script>
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+
 
−
       <span>Menu</span>
+
<style type="text/css">
−
       <span class="sr-only">Toggle navigation</span>
+
  * {
−
       <span class="icon-bar"></span>
+
      margin:0;
−
       <span class="icon-bar"></span>
+
      padding:0;
−
       <span class="icon-bar"></span>
+
      text-decoration:none
−
       </button>
+
  }
−
       <div id="navbar" class="navbar-collapse collapse" aria-expanded="false" style="height:1 px;">
+
 
−
        <ul class="nav navbar-nav" style="margin-top:10px; margin-left: -85px">
+
  body {
−
          <li class="menu-item">
+
      background:#555;
−
            <a href="https://2017.igem.org/Team:UCSC">
+
  }
−
              <span>Home</span>
+
 
−
              <span class="green-effect"></span>
+
  header {
−
            </a>
+
      z-index: 9999;
−
          </li>
+
      position:relative;
−
          <li class="menu-item">
+
      width:100%;
−
            <a href="https://2017.igem.org/Team:UCSC/Team">
+
      background:#333;
−
              <span class="dropdown-toggle">Team <b class="caret"></b></span>
+
  }
−
            </a>
+
 
−
            <ul class="dropdown-menu multi-level">
+
  .logo-header-custom {
−
              <li><a href="https://2017.igem.org/Team:UCSC/Team1" id="shift">Meet the Team </a></li>
+
      position:relative;
−
            </li>
+
      z-index:123;
−
            <li><a href="https://2017.igem.org/Team:UCSC/Attributions">Attributions </a>
+
      padding-left: 12px;
−
          </li>
+
      padding-right: 10px;
−
        </ul>
+
      padding-top: 2px;
−
      </li>
+
      padding-bottom: 2px;
−
       <li class="menu-item">
+
      font:18px verdana;
−
        <a href="https://2017.igem.org/Team:UCSC/Project">
+
      color:#6DDB07;
−
          <span class="dropdown-toggle">Project <b class="caret"></b></span>
+
      float:left;
−
        </a>
+
      width:15%
−
        <ul class="dropdown-menu multi-level">
+
  }
−
          <li><a href="https://2017.igem.org/Team:UCSC/Project">The Project</a>
+
 
−
        </li>
+
  .logo-header-custom a {
−
        <li class="divider"></li>
+
      color:#6DDB07;
−
        <li class="dropdown-submenu">
+
  }
−
          <a href="https://2017.igem.org/Team:UCSC/Metabolic-Engineering">
+
 
−
            <span class="dropdown-toggle">Metabolic Engineering</span>
+
  nav {
−
          </a>
+
      position:relative;
−
          <ul class="dropdown-menu">
+
      width:100%;
−
            <li><a href="https://2017.igem.org/Team:UCSC/Acetaminophen">Acetaminophen</a>
+
      margin:0 auto;
−
          </li>
+
  }
−
          <li><a href="https://2017.igem.org/Team:UCSC/B-12">Vitamin B-12</a>
+
 
−
        </li>
+
  #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
 +
      border:0;
 +
      list-style:none;
 +
      margin-bottom: -1px;
 +
      display:block;
 +
      position:relative;
 +
      -webkit-box-sizing:border-box;
 +
      -moz-box-sizing:border-box;
 +
      box-sizing:border-box
 +
  }
 +
 
 +
  #cssmenu:after,#cssmenu > ul:after {
 +
      content:".";
 +
      display:block;
 +
      clear:both;
 +
      visibility:hidden;
 +
      line-height:0;
 +
      height:0
 +
  }
 +
 
 +
  #cssmenu #head-mobile {
 +
      display:none
 +
  }
 +
 
 +
  #cssmenu {
 +
      font-family:"Objektiv-mk1";
 +
      background: #fff;
 +
      top: 16px;
 +
  }
 +
 
 +
  #cssmenu > ul > li {
 +
       float:right;
 +
  }
 +
 
 +
  #cssmenu > ul > li > a {
 +
       padding:17px;
 +
      font-size:14px;
 +
      letter-spacing:1px;
 +
      text-decoration:none;
 +
      color:#333;
 +
      font-weight:300;
 +
  }
 +
 
 +
  #cssmenu > ul > li:hover > a,#cssmenu ul li.active a {
 +
       color:#fff !important;
 +
  }
 +
 
 +
  #cssmenu ul li:hover {
 +
      color: white !important;
 +
  }
 +
 
 +
  #cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover {
 +
       background-color:#50A500!important;
 +
      -webkit-transition:background .3s ease;
 +
      -ms-transition:background .3s ease;
 +
      transition:background .3s ease;
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub > a {
 +
       padding-right:30px
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub > a:after {
 +
       position:absolute;
 +
      top:28px;
 +
      right:11px;
 +
      width:8px;
 +
      height:2px;
 +
      display:block;
 +
      background:#363636;
 +
      content:''
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub > a:before {
 +
      position:absolute;
 +
      top:25px;
 +
      right:14px;
 +
      display:block;
 +
      width:2px;
 +
      height:8px;
 +
      background:#363636;
 +
      content:'';
 +
       -webkit-transition:all .25s ease;
 +
      -ms-transition:all .25s ease;
 +
      transition:all .25s ease
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub:hover > a:before {
 +
      top:29px;
 +
      height:0
 +
  }
 +
 
 +
  #cssmenu ul ul {
 +
      position:fixed;
 +
      left:-9999px;
 +
      top: 75px;
 +
  }
 +
 
 +
  #cssmenu ul ul li {
 +
      height:0;
 +
      line-height: 1;
 +
      -webkit-transition:all .25s ease;
 +
      -ms-transition:all .25s ease;
 +
      background: #fff;
 +
      transition: all .25s ease;
 +
      border-bottom: 1px solid #999;
 +
      border-left: 1px solid #999;
 +
      border-right: 1px solid #999;
 +
  }
 +
 
 +
  #cssmenu ul ul li:hover {
 +
      background-color: #DCDCDC;
 +
  }
 +
 
 +
  #cssmenu ul ul li.has-sub:hover {
 +
      background-color: #DCDCDC !important;
 +
  }
 +
 
 +
  #cssmenu li:hover > ul {
 +
      left:auto
 +
  }
 +
 
 +
  #cssmenu li:hover > ul > li {
 +
      height:35px
 +
  }
 +
 
 +
  #cssmenu ul ul li a {
 +
      border-bottom:1px solid rgba(150,150,150,0.15);
 +
      padding:11px 15px;
 +
      width:200px;
 +
      font-size:11px;
 +
      text-decoration:none;
 +
      color:#333;
 +
      font-weight:300;
 +
  }
 +
 
 +
  #cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a {
 +
      border-bottom:0
 +
  }
 +
 
 +
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {
 +
      color:#fff
 +
  }
 +
 
 +
  #cssmenu ul ul li.has-sub > a:after {
 +
      position:absolute;
 +
      top:16px;
 +
      right:11px;
 +
      display:block;
 +
      width:8px;
 +
      height:2px;
 +
      background:#363636;
 +
      content:''
 +
  }
 +
 
 +
  #cssmenu ul ul li.has-sub > a:before {
 +
      position:absolute;
 +
      top:13px;
 +
      right:14px;
 +
      display:block;
 +
      width:2px;
 +
      height:8px;
 +
      background:#363636;
 +
      content:'';
 +
      -webkit-transition:all .25s ease;
 +
      -ms-transition:all .25s ease;
 +
      transition:all .25s ease
 +
  }
 +
 
 +
  #cssmenu ul ul > li.has-sub:hover > a:before {
 +
      top:17px;
 +
      height:0
 +
  }
 +
 
 +
  #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover {
 +
      background:#363636;
 +
  }
 +
 
 +
  #cssmenu ul ul ul li.active a {
 +
      border-left:1px solid #333
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a {
 +
      border-top:1px solid #333
 +
  }
 +
 
 +
@media screen and (min-width: 1020px) {
 +
 
 +
  /*#bodyContent h4 {
 +
      margin-bottom: 0px;
 +
      position: fixed;
 +
      top: 12px;
 +
      right: 5px;
 +
      font-size: 80%;
 +
  }*/
 +
 
 +
  #cssmenu ul ul li {
 +
      left: -28px;
 +
  }
 +
 
 +
  #cssmenu ul ul li a:hover {
 +
      color: white !important;
 +
      background-color: #1B4900 !important;
 +
  }
 +
 
 +
  #cssmenu ul ul ul li {
 +
      position: relative;
 +
      left: 171px !important;
 +
      top: 34px;
 +
  }
 +
 
 +
 
 +
  #cssmenu ul ul ul a:before{
 +
      display: none;
 +
      position: absolute;
 +
      left: -9999px;
 +
      top: 20px;
 +
  }
 +
 
 +
  #cssmenu ul ul ul a:after {
 +
      display: block;
 +
      position: absolute;
 +
      left: -9999px;
 +
      top: 20px;
 +
  }
 +
 
 +
  /*h4 {
 +
      display: none;
 +
  }*/
 +
 
 +
  .tiny-little-menu-word-above-button {
 +
      display: none;
 +
  }
 +
}
 +
 
 +
@media screen and (min-width: 200px) and (max-width:1020px){
 +
 
 +
  .logo-header-custom2 {
 +
      display:none
 +
  }
 +
 
 +
  header {
 +
      display: block;
 +
      z-index: 999999;
 +
  }
 +
 
 +
  nav {
 +
      width:100%;
 +
      z-index: 999999;
 +
  }
 +
 
 +
  .tiny-little-menu-word-above-button {
 +
      display: block;
 +
      font-family: 'objektiv-mk1';
 +
      font-size: 80%;
 +
      font-weight: 400;
 +
      margin-bottom: 0px;
 +
      position: fixed;
 +
      top: 21px;
 +
      right: 7px;
 +
  }
 +
 
 +
  /*h4 {
 +
      display: block;
 +
  }*/
 +
 
 +
  #cssmenu {
 +
      display: block;
 +
      width:100%;
 +
      z-index: 999999;
 +
  }
 +
 
 +
  #cssmenu ul {
 +
      z-index: 9999;
 +
      width:100%;
 +
      display:none;
 +
      margin-left: 0px;
 +
      margin-top: 20px;
 +
  }
 +
 
 +
  #cssmenu ul li {
 +
      width:100%;
 +
      border-top:1px solid #444;
 +
      border-bottom: 1px solid #444;
 +
  }
 +
 
 +
  #cssmenu ul li,#cssmenu ul li a {
 +
      line-height: 0.6;
 +
  }
 +
 
 +
  #cssmenu ul li:hover {
 +
      color: #fff !important;
 +
      background:#1B4900;
 +
  }
 +
 
 +
  #cssmenu ul ul li,#cssmenu li:hover > ul > li {
 +
      height:auto
 +
  }
 +
 
 +
  #cssmenu ul li a,#cssmenu ul ul li a {
 +
      width:100%;
 +
      border-bottom:0
 +
  }
 +
 
 +
  #cssmenu > ul > li {
 +
      float:none;
 +
  }
 +
 
 +
  #cssmenu ul ul li a {
 +
      padding-left:25px
 +
  }
 +
 
 +
  #cssmenu ul ul li {
 +
      background:#DCDCDC!important;
 +
  }
 +
 
 +
  #cssmenu li a:hover {
 +
      color: #fff !important;
 +
  }
 +
 
 +
  #cssmenu ul ul li:hover {
 +
      color: #fff !important;
 +
      background:#1B4900!important;
 +
  }
 +
 
 +
  #cssmenu ul ul ul li a {
 +
      padding-left:50px
 +
  }
 +
 
 +
  #cssmenu ul ul li a {
 +
      color:#ddd;
 +
      background:none
 +
  }
 +
 
 +
  #cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a {
 +
      color:#ddd
 +
  }
 +
 
 +
  #cssmenu ul ul,#cssmenu ul ul ul {
 +
      position:initial;
 +
      left:0;
 +
      width:100%;
 +
      margin:0;
 +
      text-align:left
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before {
 +
      display:none
 +
  }
 +
 
 +
  #cssmenu #head-mobile {
 +
      display:block;
 +
      padding:23px;
 +
      color:#ddd;
 +
      font-size:12px;
 +
      font-weight:700
 +
  }
 +
 
 +
  .button-custom {
 +
      width:55px;
 +
      height:46px;
 +
      position:absolute;
 +
      right:0;
 +
      top:16px;
 +
      cursor:pointer;
 +
      z-index: 12399994;
 +
  }
 +
 
 +
  .button-custom:after {
 +
      position:absolute;
 +
      top:22px;
 +
      right:20px;
 +
      display:block;
 +
      height:8px;
 +
      width:20px;
 +
      border-top:2px solid #363636;
 +
      border-bottom:2px solid #363636;
 +
      content:''
 +
  }
 +
 
 +
  .button-custom:before {
 +
      -webkit-transition:all .3s ease;
 +
      -ms-transition:all .3s ease;
 +
      transition:all .3s ease;
 +
      position:absolute;
 +
      top:16px;
 +
      right:20px;
 +
      display:block;
 +
      height:2px;
 +
      width:20px;
 +
      background:#363636;
 +
      content:''
 +
  }
 +
 
 +
  .button-custom.menu-opened:after {
 +
      -webkit-transition:all .3s ease;
 +
      -ms-transition:all .3s ease;
 +
      transition:all .3s ease;
 +
      top:23px;
 +
      border:0;height:2px;
 +
      width:19px;
 +
      background:#363636;
 +
      -webkit-transform:rotate(45deg);
 +
      -moz-transform:rotate(45deg);
 +
      -ms-transform:rotate(45deg);
 +
      -o-transform:rotate(45deg);
 +
      transform:rotate(45deg)
 +
  }
 +
 
 +
  .button-custom.menu-opened:before {
 +
      top:23px;
 +
      background:#363636;
 +
      width:19px;
 +
      -webkit-transform:rotate(-45deg);
 +
      -moz-transform:rotate(-45deg);
 +
      -ms-transform:rotate(-45deg);
 +
      -o-transform:rotate(-45deg);
 +
      transform:rotate(-45deg)
 +
  }
 +
 
 +
  #cssmenu .submenu-button-custom {
 +
      position:absolute;
 +
      z-index:99;
 +
      right:0;
 +
      top:0;
 +
      display:block;
 +
      border-left:1px solid #444;
 +
      height:42px;
 +
      width:46px;
 +
      cursor:pointer
 +
  }
 +
 
 +
  #cssmenu .submenu-button-custom.submenu-opened {
 +
 
 +
  }
 +
 
 +
  #cssmenu ul ul .submenu-button-custom {
 +
      height:28px;
 +
      width:34px
 +
  }
 +
 
 +
  #cssmenu .submenu-button-custom:after {
 +
      position:absolute;
 +
      top:22px;
 +
      right:19px;
 +
      width:8px;
 +
      height:2px;
 +
      display:block;
 +
      background:#363636;
 +
      content:''
 +
  }
 +
 
 +
  #cssmenu ul ul .submenu-button-custom:after {
 +
      top:15px;
 +
      right:13px
 +
  }
 +
 
 +
  #cssmenu .submenu-button-custom.submenu-opened:after {
 +
      background:#fff
 +
  }
 +
 
 +
  #cssmenu .submenu-button-custom:before {
 +
      position:absolute;
 +
      top:19px;
 +
      right:22px;
 +
      display:block;
 +
      width:2px;
 +
      height:8px;
 +
      background:#363636;
 +
      content:''
 +
  }
 +
 
 +
  #cssmenu ul ul .submenu-button-custom:before {
 +
      top:12px;
 +
      right:16px
 +
  }
 +
 
 +
  #cssmenu .submenu-button-custom.submenu-opened:before {
 +
      display:none
 +
  }
 +
 
 +
  #cssmenu ul ul ul li.active a {
 +
      border-left:none
 +
  }
 +
 
 +
  #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a {
 +
      border-top:none
 +
  }
 +
 
 +
}
 +
</style>
 +
 
 +
<script type="text/javascript">
 +
  (function($) {
 +
$.fn.menumaker = function(options) { 
 +
var cssmenu = $(this), settings = $.extend({
 +
  format: "dropdown",
 +
  sticky: false
 +
}, options);
 +
return this.each(function() {
 +
  $(this).find(".button-custom").on('click', function(){
 +
    $(this).toggleClass('menu-opened');
 +
    var mainmenu = $(this).next('ul');
 +
    if (mainmenu.hasClass('open')) {
 +
      mainmenu.slideToggle().removeClass('open');
 +
    }
 +
    else {
 +
      mainmenu.slideToggle().addClass('open');
 +
      if (settings.format === "dropdown") {
 +
        mainmenu.find('ul').show();
 +
      }
 +
    }
 +
  });
 +
  cssmenu.find('li ul').parent().addClass('has-sub');
 +
multiTg = function() {
 +
    cssmenu.find(".has-sub").prepend('<span class="submenu-button-custom"></span>');
 +
    cssmenu.find('.submenu-button-custom').on('click', function() {
 +
      $(this).toggleClass('submenu-opened');
 +
      if ($(this).siblings('ul').hasClass('open')) {
 +
        $(this).siblings('ul').removeClass('open').slideToggle();
 +
      }
 +
      else {
 +
        $(this).siblings('ul').addClass('open').slideToggle();
 +
      }
 +
    });
 +
  };
 +
  if (settings.format === 'multitoggle') multiTg();
 +
  else cssmenu.addClass('dropdown');
 +
  if (settings.sticky === true) cssmenu.css('position', 'fixed');
 +
resizeFix = function() {
 +
  var mediasize = 1020;
 +
    if ($( window ).width() > mediasize) {
 +
      cssmenu.find('ul').show();
 +
    }
 +
    // if ($(window).width() <= mediasize) {
 +
    //   cssmenu.find('ul').hide().removeClass('open');
 +
    // }
 +
  };
 +
  resizeFix();
 +
  return $(window).on('resize', resizeFix);
 +
});
 +
  };
 +
})(jQuery);
 +
 
 +
(function($){
 +
$(document).ready(function(){
 +
$("#cssmenu").menumaker({
 +
  format: "multitoggle"
 +
});
 +
});
 +
})(jQuery);
 +
 
 +
</script>
 +
 
 +
 
 +
<header>
 +
<nav id='cssmenu' style="position: fixed;">
 +
<div class="logo-header-custom">
 +
  <a href="https://2017.igem.org/Team:UCSC">
 +
      <img class="logo" src="https://static.igem.org/mediawiki/2017/2/23/UCSC-logo.png" height="60" width="auto">
 +
       <!--<img class="logo" src="https://static.igem.org/mediawiki/2017/4/42/Logo_click6.png" height ="60" width="auto">-->
 +
  </a>
 +
</div>
 +
<div id="head-mobile"></div>
 +
<div class="button-custom">
 +
  <div class="tiny-little-menu-word-above-button">MENU</div>
 +
</div>
 +
<ul>
 +
  <li><a href="https://2017.igem.org/Team:UCSC/Judging">JUDGING</a></li>
 +
  <li><a href='https://2017.igem.org/Team:UCSC/Notebook'>NOTEBOOK</a></li>
 +
  <!-- <li><a href='https://2017.igem.org/Team:UCSC/Moving-Forward'>MOVING FORWARD</a>
 +
      <ul>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Implementation">IMPLEMENTATION</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Target-Organism">TARGET ORGANISM</a></li>
 
       </ul>
 
       </ul>
−
    </li>
+
  </li> -->
−
    <li class="dropdown-submenu">
+
  <li><a href="https://2017.igem.org/Team:UCSC/Human_Practices">HUMAN PRACTICES</a>
−
       <a href="https://2017.igem.org/Team:UCSC/Bioreactor" class="dropdown-toggle">Bioreactor</a>
+
       <ul>
−
       <ul class="dropdown-menu">
+
        <li><a href="https://2017.igem.org/Team:UCSC/Human_Practices">INTRODUCTION</a></li>
−
        <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Design">Design</a>
+
        <li><a href="https://2017.igem.org/Team:UCSC/Safety">SAFETY</a></li>
−
      </li>
+
        <li><a href="https://2017.igem.org/Team:UCSC/Applied_Design">APPLIED DESIGN</a></li>
−
       <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Parts">Parts</a>
+
        <li><a href="https://2017.igem.org/Team:UCSC/Engagement">EDUCATION</a></li>
−
    </li>
+
        <li><a href="https://2017.igem.org/Team:UCSC/Collaborations">COLLABORATIONS</a></li>
−
    <li><a href="https://2017.igem.org/Team:UCSC/Bioreactor-Implementation">Implementation</a>
+
        <li><a href="https://2017.igem.org/Team:UCSC/HP/Silver">SILVER</a></li>
−
  </li>
+
        <li><a href="https://2017.igem.org/Team:UCSC/HP/Gold_Integrated">GOLD INTEGRATED</a></li>
 +
       </ul>
 +
  </li>
 +
  <li><a href="https://2017.igem.org/Team:UCSC/Project">PROJECT</a>
 +
      <ul>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Project">THE PROJECT</a></li>
 +
        <li><a href="#">METABOLIC ENGINEERING</a>
 +
            <ul>
 +
              <li><a href="https://2017.igem.org/Team:UCSC/Acetaminophen">ACETAMINOPHEN</a></li>
 +
              <li><a href="https://2017.igem.org/Team:UCSC/B-12">VITAMIN B<sub>12</sub></a></li>
 +
            </ul>
 +
        </li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Model">MODELING</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Demonstrate">RESULTS</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Target-Organism">TARGET ORGANISM</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Part_Collection">PARTS</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/InterLab">INTERLAB STUDY</a></li>
 +
       </ul>
 +
  </li>
 +
  <li><a href="https://2017.igem.org/Team:UCSC/Team">TEAM</a>
 +
      <ul>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Team">MEET THE TEAM</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Attributions">ATTRIBUTIONS</a></li>
 +
      </ul>
 +
  </li>
 +
  <li><a href='https://2017.igem.org/Team:UCSC'>HOME</a></li>
 
</ul>
 
</ul>
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Modeling">Modeling</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Quantification">Quantification</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Results">Results</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Protocols">Protocols</a>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li class="menu-item">
 
−
<a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">
 
−
<span class="dropdown-toggle">Human Practices<b class="caret"></b></span>
 
−
</a>
 
−
<ul class="dropdown-menu multi-level">
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">Integrated Human Practices</a>
 
−
</li>
 
−
<li class="divider"></li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Safety">Safety</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Collaborations">Collaborations</a>
 
−
</li>
 
−
<li class="dropdown-submenu">
 
−
<a href="https://2017.igem.org/Team:UCSC/Outreach" class="dropdown-toggle">Outreach</a>
 
−
<ul class="dropdown-menu">
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Clinical-Correspondance">Clinical Correspondance</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Policy-Legality">Policy and Legality</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Community-Outreach">Community Outreach</a>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Silver">Silver</a>
 
−
</li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Gold">Gold</a>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li class="menu-item">
 
−
<a href="https://2017.igem.org/Team:UCSC/Moving-Forward">
 
−
<span class="dropdown-toggle">Moving Forward <b class="caret"></b>
 
−
</a>
 
−
<ul class="dropdown-menu multi-level">
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Moving-Forward">Moving Forward - Home</a></li>
 
−
<li class="divider"></li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Model-Organism">Model Organism</a></li>
 
−
<li><a href="https://2017.igem.org/Team:UCSC/Impact">Impact</a></li>
 
−
</ul>
 
−
</li>
 
−
<li class="menu-item">
 
−
<a href="https://2017.igem.org/Team:UCSC/Notebook">
 
−
<span>Notebook</span>
 
−
<span class="green-effect"></span>
 
−
</a>
 
−
</li>
 
−
<li class="menu-item">
 
−
<a href="https://2017.igem.org/Team:UCSC/Judging">
 
−
<span>Judging</span>
 
−
<span class="green-effect"></span>
 
−
</a>
 
−
</li>
 
−
</ul>
 
−
</div>
 
 
</nav>
 
</nav>
−
</div>
+
</header>
 
</html>
 
</html>
−
{{scroll}}
+
 
 +
{{Scroll}}

Latest revision as of 00:03, 2 November 2017