Difference between revisions of "Team:UCSC"

Line 1: Line 1:
−
{{UCSC-Header}}
+
{{UCSC-Styles}}
  
 
<html>
 
<html>
  
−
<style>
+
  <!-- External scripts -->
  
−
h1 {
+
   <!-- Fonts Used On Page -->
−
   font-family: 'objektiv-mk1'!important;
+
   <link href="https://fonts.googleapis.com/css?family=Quicksand" rel="stylesheet">
−
   font-size: 300%; /*!important*/
+
   <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'>
−
   font-weight: 300 !important;
+
−
    width: 80%;
+
−
}
+
  
−
h2 {
 
−
  font-family: 'objektiv-mk1' !important;
 
−
  font-size: 200%;
 
−
  font-weight: 300;
 
−
}
 
  
 +
  <!-- For mobile friendly version of website. -->
 +
  <head>
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
 +
  </head>
  
−
.proj-button {
+
  <!-- Functionallity and behaviour JS -->
−
    position: relative;
+
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
−
    width: 10%;
+
  <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
−
    text-decoration: none !important;
+
−
}
+
  
−
.proj-button-image {
+
  <!-- Necessary for nav bar header-->
−
  opacity: 1;
+
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
−
  display: inline-block;
+
   <!-- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> -->
−
   width: 14%;
+
−
  height: auto;
+
−
  transition: .5s ease;
+
−
   backface-visibility: hidden;
+
−
  margin: 20px;
+
−
}
+
  
−
.proj-button-desc {
+
  <!-- TypeKit Fonts (BW) --> 
−
   transition: .5s ease;
+
   <script src="https://use.typekit.net/hii0ztv.js"></script>
−
   opacity: 0;
+
   <script>try{Typekit.load({ async: true });}catch(e){}</script>
−
  position: absolute;
+
−
  top: 100%;
+
−
  left: 50%;
+
−
  background: transparent;
+
−
  transform: translate(-50%, -50%);
+
−
  -ms-transform: translate(-50%, -50%)
+
−
}
+
  
−
.proj-button:hover .proj-button-image {
+
<style type="text/css">
−
  opacity: 0.3;
+
  * {
−
}
+
      margin:0;
 +
      padding:0;
 +
      text-decoration:none
 +
  }
  
−
.proj-button:hover .proj-button-desc {
+
  body {
−
  opacity: 0.6;
+
      background:#555;
−
}
+
  }
  
−
.overlap-button-text {
+
  header {
−
  background-color: transparent;
+
      z-index: 9999;
−
  color: black;
+
      position:relative;
−
  font-size: 20px;
+
      width:100%;
−
  font-family: "Objektiv-mk1" !important;
+
      background:#333;
−
  font-weight: 600 !important;
+
  }
−
  padding: 16px 32px;
+
−
}
+
  
−
.desktop-frontpage {
+
  .logo-header-custom {
−
display: block;
+
      position:relative;
−
user-drag: none;  
+
      z-index:123;
−
user-select: none;
+
      padding-left: 12px;
−
-moz-user-select: none;
+
      padding-right: 10px;
−
-webkit-user-drag: none;
+
      padding-top: 2px;
−
-webkit-user-select: none;
+
      padding-bottom: 2px;
−
-ms-user-select: none;
+
      font:18px verdana;
−
        background: honeydew;
+
      color:#6DDB07;
−
        width: 80%;
+
      float:left;
−
        padding: 50px 0px;
+
      width:15%
−
}
+
  }
  
−
.mobile-frontpage {
+
  .logo-header-custom a {
−
display: none;
+
      color:#6DDB07;
−
}
+
  }
  
−
@media (max-width: 768px) {
+
  nav {
 +
      position:relative;
 +
      width:100%;
 +
      margin:0 auto;
 +
  }
  
−
  h1 {
+
  #cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile {
−
       font-family: 'objektiv-mk1'; /*!important*/
+
       border:0;
−
       font-size: 250%; /*!important*/
+
      list-style:none;
−
  }
+
      margin-bottom: -1px;
 +
       display:block;
 +
      position:relative;
 +
      -webkit-box-sizing:border-box;
 +
      -moz-box-sizing:border-box;
 +
      box-sizing:border-box
 +
  }
  
−
  h2 {
+
  #cssmenu:after,#cssmenu > ul:after {
−
       font-family: 'objektiv-mk1'; /*!important*/
+
       content:".";
−
       font-size: 20px; /*!important*/
+
       display:block;
−
  }
+
      clear:both;
 +
      visibility:hidden;
 +
      line-height:0;
 +
      height:0
 +
  }
  
−
.overlap-button-text {
+
  #cssmenu #head-mobile {
−
background-color: rgba(94, 94, 94, 0.4);
+
      display:none
−
border-radius: 60px;
+
  }
−
color: white;
+
−
}
+
  
−
.proj-button-image {
+
  #cssmenu {
−
opacity: 0.7;
+
      font-family:"Objektiv-mk1";
−
      display: inline-block;
+
      background: #fff;
−
      width: 30%;
+
      top: 16px;
−
      height: auto;
+
  }
−
      transition: .5s ease;
+
−
      backface-visibility: hidden;
+
−
}
+
  
−
.desktop-frontpage {
+
  #cssmenu > ul > li {
−
width: 95%;
+
      float:right;
−
}
+
  }
  
−
    .proj-button-desc {
+
  #cssmenu > ul > li > a {
−
       transition: .5s ease;
+
      padding:17px;
−
       opacity: 1;
+
      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: 1208px) {
 +
 
 +
  /*#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;
 
       position: absolute;
−
       top: 100%;
+
      left: -9999px;
−
       left: 50%;
+
       top: 20px;
−
       transform: translate(-50%, -50%);
+
  }
−
       -ms-transform: translate(-50%, -50%)
+
 
−
  }
+
  #cssmenu ul ul ul a:after {
 +
       display: block;
 +
       position: absolute;
 +
       left: -9999px;
 +
      top: 20px;
 +
  }
 +
 
 +
  h4 {
 +
      display: none;
 +
  }
 
}
 
}
  
−
@media (max-width: 576px) {
+
@media screen and (min-width: 200px) and (max-width:1208px){
  
−
.proj-button-image {
+
  .logo-header-custom2 {
−
      opacity: 0.7;
+
       display:none
−
       display: inline-block;
+
  }
−
      width: 35%;
+
−
      height: auto;
+
−
      transition: .5s ease;
+
−
      backface-visibility: hidden;
+
−
    }
+
  
−
    .proj-button-desc {
+
  header {
−
       transition: .5s ease;
+
       display: block;
−
       opacity: 1;
+
       z-index: 999999;
−
      position: absolute;
+
  }
−
      top: 100%;
+
 
−
      left: 50%;
+
  nav {
−
       transform: translate(-50%, -50%);
+
       width:100%;
−
       -ms-transform: translate(-50%, -50%)
+
       z-index: 999999;
−
  }
+
  }
  
−
.desktop-frontpage {
+
  h4 {
−
display: none;
+
      display: block;
−
}
+
  }
  
−
.mobile-frontpage {
+
  #cssmenu {
−
display: block;
+
      display: block;
−
user-drag: none;
+
      width:100%;
−
user-select: none;
+
      z-index: 999999;
−
-moz-user-select: none;
+
  }
−
-webkit-user-drag: none;
+
−
-webkit-user-select: none;
+
−
-ms-user-select: none;
+
−
        background: honeydew;
+
−
        width: 96%;
+
−
        padding-top: 5px;
+
−
}
+
  
−
.overlap-button-text {
+
  #cssmenu ul {
−
background-color: rgba(94, 94, 94, 0.4);
+
      z-index: 9999;
−
border-radius: 60px;
+
      width:100%;
−
color: white;
+
      display:none;
−
font-size: 16px;
+
      margin-left: 0px;
−
}
+
      margin-top: 20px;
−
}
+
  }
  
−
</style>
+
   #cssmenu ul li {
−
   <head>
+
       width:100%;
−
       <meta name="UCSC IGEM" content="The legendary, UCSC igem Science Superheros">
+
      border-top:1px solid #444;
−
        <title>Santa Cruz IGEM</title>
+
      border-bottom: 1px solid #444;
−
   </head>
+
   }
  
−
<div class="page">
+
  #cssmenu ul li,#cssmenu ul li a {
−
<center>
+
      line-height: 0.6;
−
<div class="desktop-frontpage">
+
  }
−
<img src="https://static.igem.org/mediawiki/2017/e/e6/UCSC-Frontpage.png" style="width: 100%;">
+
−
</div>
+
−
<center>
+
  
−
<div class="mobile-frontpage">
+
  #cssmenu ul li:hover {
−
<img src="https://static.igem.org/mediawiki/2017/e/e6/UCSC-Frontpage_Mobile_evan.png" style="width: 100%;">
+
      color: #fff !important;
−
</div>
+
      background:#1B4900;
 +
  }
  
−
<br>
+
  #cssmenu ul ul li,#cssmenu li:hover > ul > li {
−
<h2>Click on an icon below to learn more about our project!</h2>
+
      height:auto
−
<br>
+
  }
  
−
<div class="row">
+
  #cssmenu ul li a,#cssmenu ul ul li a {
−
  <a href="https://2017.igem.org/Team:UCSC/Team" class="proj-button">
+
       width:100%;
−
       <img src="https://static.igem.org/mediawiki/2017/0/0b/Cyano_button_icon.png" class="proj-button-image">
+
       border-bottom:0
−
       <div class="proj-button-desc">
+
  }
−
        <div class="overlap-button-text">Meet The Team</div>
+
−
      </div>
+
−
  </a>
+
  
−
  <a href="https://2017.igem.org/Team:UCSC/Project" class="proj-button">
+
  #cssmenu > ul > li {
−
       <img src="https://static.igem.org/mediawiki/2017/0/0b/Cyano_button_icon.png" class="proj-button-image">
+
       float:none;
−
      <div class="proj-button-desc">
+
  }
−
        <div class="overlap-button-text">The Project</div>
+
−
      </div>
+
−
  </a>
+
  
−
  <a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices" class="proj-button">
+
  #cssmenu ul ul li a {
−
       <img src="https://static.igem.org/mediawiki/2017/0/0b/Cyano_button_icon.png" class="proj-button-image">
+
       padding-left:25px
−
      <div class="proj-button-desc">
+
  }
−
        <div class="overlap-button-text">Human Practices</div>
+
−
      </div>
+
−
  </a>
+
  
−
  <a href="https://2017.igem.org/Team:UCSC/Judging" class="proj-button">
+
  #cssmenu ul ul li {
−
       <img src="https://static.igem.org/mediawiki/2017/2/2d/Medal_button.png" class="proj-button-image">
+
       background:#DCDCDC!important;
−
      <div class="proj-button-desc">
+
  }
−
        <div class="overlap-button-text">Judging</div>
+
−
      </div>
+
−
  </a>
+
  
−
</div>
+
  #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:35px
 +
  }
 +
 +
  #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 = 1208;
 +
    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">
 +
  <h4 style="margin-bottom: 0px; position: fixed; top: 12px; right: 8px; font-size: 75%;">MENU</h4>
 +
</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/Model-Organism'>TARGET ORGANISM</a></li>
 +
      </ul>
 +
  </li>
 +
  <li><a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">HUMAN PRACTICES</a>
 +
      <ul>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Integrated-Human-Practices">PROJECT INTEGRATION</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Safety">SAFETY</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Engagement">EDUCATION</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Collaborations">COLLABORATIONS</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/HP/Silver">SILVER</a></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 B12</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/Results">RESULTS</a></li>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Parts">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/Team1">TEAM</a>
 +
      <ul>
 +
        <li><a href="https://2017.igem.org/Team:UCSC/Team1">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>
 +
</nav>
 +
</header>
 
</html>
 
</html>
  
−
{{UCSC-Footer}}
+
{{Scroll}}

Revision as of 07:37, 25 October 2017