Difference between revisions of "Team:UCL/amandeep"

Line 1: Line 1:
−
<!DOCTYPE html>
+
* Header Navbar */
−
<html lang="en" dir="ltr" class="client-nojs">
+
−
<head>
+
−
<meta charset="UTF-8" />
+
−
<meta name="generator" content="MediaWiki 1.24.1" />
+
−
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
+
−
<link rel="EditURI" type="application/rsd+xml" href="https://2015.igem.org/wiki/api.php?action=rsd" />
+
−
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
+
−
<link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
+
−
<link rel="stylesheet" href="https://2015.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&amp;only=styles&amp;skin=igem&amp;*" />
+
−
<!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
+
−
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
+
−
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
−
/* cache key: 2015_igem_org:resourceloader:filter:minify-css:7:875d2068ffef0b9ce1dbab8400ce2379 */</style>
+
−
<script src="https://2015.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
−
<script>if(window.mw){
+
−
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Peking","wgTitle":"Team:Peking","wgCurRevisionId":414956,"wgRevisionId":414956,"wgArticleId":2865,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Amanabc","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Peking","wgUserId":5202,"wgUserEditCount":0,"wgUserRegistration":1465054970000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
−
}</script><script>if(window.mw){
+
−
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
+
−
"wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"1d9e5bb1166c54cfa77d5e77cd86f1ac+\\","patrolToken":"4324c690b33fb8b8a5fe14d01e9c175b+\\","watchToken":"0396e03ffe0c25602a1297d2c6e453ad+\\"});},{},{});
+
−
/* cache key: 2015_igem_org:resourceloader:filter:minify-js:7:0e36b386105b14167f5006e62a819129 */
+
−
}</script>
+
−
<script>if(window.mw){
+
−
mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
+
−
}</script>
+
−
</head>
+
−
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Peking skin-igem action-view">
+
  
−
        <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
+
.navbar-default {
−
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
+
    background-color: white;
−
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
+
    border-color: rgba(34, 34, 34, 0.05);
 +
    font-family: OpenSans, 'Helvetica Neue', Arial, sans-serif;
 +
    -webkit-transition: all 0.35s;
 +
    -moz-transition: all 0.35s;
 +
    transition: all 0.35s;
 +
}
  
−
    <div id='globalWrapper'>
+
.navbar-default .navbar-header .navbar-brand {
−
        <div id='top_menu_under' class='noprint'></div>
+
     color:#222222;
−
        <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
+
    font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Arial, sans-serif;
−
<script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
+
     font-weight: 700;
−
    {   t:"Team%3APeking",
+
     text-transform: uppercase;
−
a:"View+%2FTeam%3APeking++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3APeking%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3APeking%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3APeking++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3APeking%26action%3Dwatch%26token%3Da9c4d2844959db6960a3a121da1eb140%252B%255C++Page+%2FTeam%3APeking++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3APeking%26action%3Dedit%26redlink%3D1++" });
+
−
+
−
</script>
+
−
<div id="content" class="mw-body" role="main">
+
−
    <a id="top"></a>
+
−
    <h1 id="firstHeading" class="firstHeading">
+
−
        <span dir="auto">Team:Peking</span>
+
−
    </h1>
+
−
    <div id="bodyContent">
+
−
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
+
−
<head>
+
−
  <meta charset="utf-8">
+
−
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+
−
  <meta name="Peking-iGEM-2015" content="iGEM - Peking iGEM 2015">
+
−
  <!--add  ?action=raw&amp;ctype=text/css     when using Css-->
+
−
  <link rel="stylesheet" href="https://2015.igem.org/Template:Peking/new?action=raw&amp;ctype=text/css" type="text/css" media="screen">
+
−
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Style/new?action=raw&amp;ctype=text/css" media="screen">
+
−
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Responsive/new?action=raw&amp;ctype=text/css" media="screen">
+
−
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Animate/new?action=raw&amp;ctype=text/css" media="screen">
+
−
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Peking/Blue/new?action=raw&amp;ctype=text/css " title="blue" media="screen" />
+
−
  <style type="text/css">/*get rid of the annoying iGEM style*/
+
−
      #content{padding:0;border:0;width:100%;}
+
−
     
+
−
      h2{border-bottom:none;padding-bottom:.5em;}   
+
−
      .carousel-control.left, .carousel-control.right{background-image: none}
+
−
    /* to style the sidebar*/
+
−
        @media (min-width:1024px){
+
−
      #sidebar1{position:relative;top:120px;max-width:200px;}
+
−
      #sidebar2{display:none;}
+
−
      #nav-top{height:88px;}
+
−
    }
+
−
      @media (max-width: 1023px){
+
−
      #sidebar1{display:none;}
+
−
      #sidebar2{display:block;}
+
−
    }
+
−
    .back-to-top{z-index:9999;}
+
−
      ul.dropdown{margin-left: 0px; margin-top: 0px;}
+
−
    .classic-title span {
+
−
     position: absolute;
+
−
    margin-top: -30px;
+
−
     border-bottom-color: #00afd1;
+
 
}
 
}
−
.page-banner{
+
 
−
  background-color:#004574;margin-top:1%;margin-bottom:20px;padding:20px;padding-top:40px;
+
.navbar-default .navbar-header .navbar-brand:hover,
 +
.navbar-default .navbar-header .navbar-brand:focus {
 +
    color: #222222;
 
}
 
}
−
        #top_menu_inside, #top_menu_inside:before, #top_menu_inside:after { -webkit-box-sizing: content-box; -moz-box-sizing: border-box; box-sizing: content-box;}
 
−
        #top_menu_under{font-size: 12px;}
 
−
        #top_menu_14{font-size: 12px; height:18px}
 
−
        #top_menu_inside li{font-size: 12px;}
 
−
        #user_item{font-size: 12px;}
 
−
    </style>
 
−
</head>
 
  
−
<body>
+
.navbar-default .nav > li > a,
−
  <!-- Container -->
+
.navbar-default .nav > li > a:focus {
−
  <div id="container">
+
    text-transform: uppercase;
−
    <!-- Start Header -->
+
    font-weight: 700;
−
    <header class="clearfix">
+
    font-size: 13px;
−
        <!-- Start  Logo &amp; Naviagtion  -->
+
    color: #222222;
−
            <div class="navbar navbar-default navbar-top">
+
}
−
                <div class="container">
+
−
                    <div class="navbar-header" >
+
−
                        <!-- Stat Toggle Nav Link For Mobiles -->
+
−
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" style="margin-top:40px">
+
−
                            <i class="fa"><img  style="margin-left:0;height:30px;"src="https://static.igem.org/mediawiki/2015/4/45/Peking-Hambergur-1.png" ></i>
+
−
                        </button>
+
−
                        <!-- End Toggle Nav Link For Mobiles -->
+
−
                        <a class="navbar-brand" href="https://2015.igem.org/Team:Peking">
+
−
                            <img alt="Peking iGEM 2015" src="https://static.igem.org/mediawiki/2015/8/8b/Peking-header-logo-1.png" style="height:55px;margin-top:7px">
+
−
                        </a>
+
−
                    </div>
+
−
                    <div class="navbar-collapse collapse"  style="padding-top:5px;padding-bottom:0">
+
−
                        <!-- Start Navigation List -->
+
−
                        <ul class="nav navbar-nav navbar-right " style="padding-bottom:15px;padding-top:10px">
+
−
                            <li>
+
−
                                <a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Achievements</a>
+
−
                                <ul class="dropdown">
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/JudgingCriteria">Judging Criteria</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Parts">Parts</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Collaborations">Collaborations</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2015.igem.org/Team:Peking/Design">Project</a>
+
−
                                <ul class="dropdown">
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Design">Overview</a>
+
−
                                    </li>
+
−
<li><a href="https://2015.igem.org/Team:Peking/Design/PC_Reporter">Paired<span style="text-transform:lowercase"> d</span>Cas9 Reporter</a>                                   
+
−
</li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Isothermal">Iso-<span style="text-transform:lowercase">t</span>hermal Amplification</a></li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Device">Hardware</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Design/Speculation">Speculation</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2015.igem.org/Team:Peking/Modeling">Modeling</a>
+
−
                                <ul class="dropdown">
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling">Array Design</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Modeling/Analysis">Analysis Algorithm</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2015.igem.org/Team:Peking/Practices">Practices</a>
+
−
                                <ul class="dropdown">
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices">Overview</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Background">TB Facts</a>
+
−
                                    </li>
+
−
                                    <li><a  href="https://2015.igem.org/Team:Peking/Practices/Consultation">Consultation and Interview</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Engagement">Public Engagement</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Practices/Outreach">Ethics and Economics Issues</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                            <li>
+
−
                                <a href="https://2015.igem.org/Team:Peking/Team">Lab</a>
+
−
                                <ul>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Team">Team</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Notebook">Notebook</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Attributions">Attributions</a>
+
−
                                    </li>
+
−
                                    <li><a href="https://2015.igem.org/Team:Peking/Safety">Safety</a>
+
−
                                    </li>
+
−
                                </ul>
+
−
                            </li>
+
−
                        </ul>
+
−
                        <!-- End Navigation List -->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
            <!-- End Header Logo &amp; Naviagtion -->
+
−
           
+
−
        </header>
+
−
        <!-- End Header Section -->
+
−
   
+
−
 
+
−
 
+
−
  <div id="loader">
+
−
    <div class="spinner">
+
−
      <div class="dot1"></div>
+
−
      <div class="dot2"></div>
+
−
    </div>
+
−
  </div>
+
  
 +
.navbar-default .nav > li > a:hover,
 +
.navbar-default .nav > li > a:focus:hover {
 +
    color: #c0392b;
 +
}
  
−
<!-- add  ?action=raw&amp;ctype=text/javascript    when using Js-->
+
.navbar-default .nav > li.active > a,
−
  <!-- Margo JS  -->
+
.navbar-default .nav > li.active > a:focus {
−
  <script type="text/javascript" src="https://igem.org/common/jquery-1.11.1.min.js?action=raw&amp;ctype=text/javascript"></script>
+
    color: #222222 !important;
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Migrate?action=raw&amp;ctype=text/javascript"></script>
+
    background-color: transparent;
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Modernizr?action=raw&amp;ctype=text/javascript "></script>
+
}
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Carousel?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Appear?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Count-to?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Textillate?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Easypiechart?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Nicescroll?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" src="https://2015.igem.org/Template:Peking/Javascript/Script?action=raw&amp;ctype=text/javascript"></script>
+
−
  <script type="text/javascript" >
+
−
function menuFixed(id){
+
−
var obj = document.getElementById(id);
+
−
var _getHeight = obj.offsetTop;
+
  
−
window.onscroll = function(){
+
.navbar-default .nav > li.active > a:hover,
−
changePos(id,_getHeight);
+
.navbar-default .nav > li.active > a:focus:hover {
 +
    background-color: transparent;
 
}
 
}
 +
 +
@media (min-width: 768px) {
 +
  .navbar-default {
 +
      background-color: transparent;
 +
      border-color: rgba(255, 255, 255, 0.3);
 +
  }
 +
  .navbar-default .navbar-header .navbar-brand {
 +
      color: rgba(255, 255, 255, 0.7);
 +
  }
 +
  .navbar-default .navbar-header .navbar-brand:hover,
 +
  .navbar-default .navbar-header .navbar-brand:focus {
 +
      color: white;
 +
  }
 +
  .navbar-default .nav > li > a,
 +
  .navbar-default .nav > li > a:focus {
 +
      color: rgba(255, 255, 255, 0.7);
 +
  }
 +
  .navbar-default .nav > li > a:hover,
 +
  .navbar-default .nav > li > a:focus:hover {
 +
      color: white;
 +
  }
 +
  .navbar-default.affix {
 +
      background-color: white;
 +
      border-color: rgba(34, 34, 34, 0.05);
 +
  }
 +
  .navbar-default.affix .navbar-header .navbar-brand {
 +
      color: #222222;
 +
      font-size: 18px;
 +
  }
 +
  .navbar-default.affix .navbar-header .navbar-brand:hover,
 +
  .navbar-default.affix .navbar-header .navbar-brand:focus {
 +
      color: #222222;
 +
  }
 +
  .navbar-default.affix .nav > li > a,
 +
  .navbar-default.affix .nav > li > a:focus {
 +
      color: #222222;
 +
  }
 +
  .navbar-default.affix .nav > li > a:hover,
 +
  .navbar-default.affix .nav > li > a:focus:hover {
 +
      color: #222222;
 +
  }
 
}
 
}
−
function changePos(id,height){
+
#mainNav {
−
var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
  margin-top:15px;
−
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150;
+
   transition:background-color .52s ease
−
var windowBottom = $(window).scrollTop() + $(window).innerHeight();
+
−
var w = window.innerWidth;
+
−
if(w>=1024){
+
−
   if($(window).scrollTop() + $(window).height() > $(document).height() - 260){
+
−
                $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");}
+
−
}
+
−
if(scrollTop < height){ obj.style.position = 'relative';     
+
−
}else{
+
−
obj.style.position = 'fixed';
+
 
}
 
}
 +
 +
 +
ul.nav li.dropdown:hover > ul.dropdown-menu {
 +
    display: block;   
 
}
 
}
−
</script>
 
  
−
<script type="text/javascript">
+
−
window.onload = function(){
+
 
−
menuFixed('sidebar1');
+
section {
 +
 
 +
padding-bottom: 70px;
 +
 
 
}
 
}
−
</script>
 
  
  
−
 
 
−
</body>
 
  
−
</p>
+
</style>
 +
 
 +
 
 +
 
 +
 
 +
<body>
 +
 
 +
 
 +
 
 +
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
 +
    <div class="container-fluid">
 +
            <!-- Brand and toggle get grouped for better mobile display -->
 +
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
                <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 page-scroll" href="https://2016.igem.org/Team:BostonU_HW">BU HW 2016</a>
 +
        </div>
 +
       
 +
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
 +
            <ul class="nav navbar-nav navbar-right">
 +
 
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Team">Us</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Collaborations">Collaborations</a></li>
 +
                    </ul>
 +
                </li>
 +
 
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Description">Overview</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Project Build</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Proof">Application</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Design">Documentation</a></li>
 +
                        <li role="separator" class="divider"></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Attributions">Attributions</a></li>
 +
                    </ul>
 +
                </li>
  
−
</div> <div class="visualClear"></div>
+
                <li class="dropdown">
−
    </div>
+
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
−
</div>
+
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Experiments">Experiments</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Safety">Safety</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown">
 +
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Human_Practices">Overview</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/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">Awards <span class="caret"></span></a>
 +
                    <ul class="dropdown-menu">
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Hardware">Hardware</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Entrepreneurship">Entrepreneurship</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Measurement">Measurement</a></li>
 +
                        <li><a href="https://2016.igem.org/Team:BostonU_HW/Model">Model</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
            <!-- /.navbar-collapse -->
 
     </div>
 
     </div>
−
</body>
+
        <!-- /.container-fluid -->
−
</html>
+
</nav>

Revision as of 21:18, 26 July 2016

  • Header Navbar */

.navbar-default { 

   background-color: white;
   border-color: rgba(34, 34, 34, 0.05);
   font-family: OpenSans, 'Helvetica Neue', Arial, sans-serif;
   -webkit-transition: all 0.35s;
   -moz-transition: all 0.35s;
   transition: all 0.35s;

}

.navbar-default .navbar-header .navbar-brand { 

   color:#222222;
   font-family:  'Open Sans', sans-serif, 'Helvetica Neue', Arial, sans-serif;
   font-weight: 700;
   text-transform: uppercase;

}

.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus { 

   color: #222222;

}

.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus { 

   text-transform: uppercase;
   font-weight: 700;
   font-size: 13px;
   color: #222222;

}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover { 

   color: #c0392b;

}

.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus { 

   color: #222222 !important;
   background-color: transparent;

}

.navbar-default .nav > li.active > a:hover, .navbar-default .nav > li.active > a:focus:hover { 

   background-color: transparent;

}

@media (min-width: 768px) { 

 .navbar-default {
     background-color: transparent;
     border-color: rgba(255, 255, 255, 0.3);
 }
 .navbar-default .navbar-header .navbar-brand {
     color: rgba(255, 255, 255, 0.7);
 }
 .navbar-default .navbar-header .navbar-brand:hover,
 .navbar-default .navbar-header .navbar-brand:focus {
     color: white;
 }
 .navbar-default .nav > li > a,
 .navbar-default .nav > li > a:focus {
     color: rgba(255, 255, 255, 0.7);
 }
 .navbar-default .nav > li > a:hover,
 .navbar-default .nav > li > a:focus:hover {
     color: white;
 }
 .navbar-default.affix {
     background-color: white;
     border-color: rgba(34, 34, 34, 0.05);
 }
 .navbar-default.affix .navbar-header .navbar-brand {
     color: #222222;
     font-size: 18px;
 }
 .navbar-default.affix .navbar-header .navbar-brand:hover,
 .navbar-default.affix .navbar-header .navbar-brand:focus {
     color: #222222;
 }
 .navbar-default.affix .nav > li > a,
 .navbar-default.affix .nav > li > a:focus {
     color: #222222;
 }
 .navbar-default.affix .nav > li > a:hover,
 .navbar-default.affix .nav > li > a:focus:hover {
     color: #222222;
 }

}

  1. mainNav {
 margin-top:15px;
 transition:background-color .52s ease

}


ul.nav li.dropdown:hover > ul.dropdown-menu { 

   display: block;

}


section {

padding-bottom: 70px;

}


</style>



<body>


<nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> 

           <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
               Toggle navigation
               
               
               
           </button>
           <a class="navbar-brand page-scroll" href="https://2016.igem.org/Team:BostonU_HW">BU HW 2016</a>

</nav>