Difference between revisions of "Template:NUDT CHINA/navbar"

(Created page with "<html> <link href="https://2018.igem.org/Template:NUDT_CHINA/CSS?action=raw&ctype=text/css" rel="stylesheet"/> <script type="text/javascript" src="https://2018.igem.org/Template...")
 
 
(54 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<link href="https://2018.igem.org/Template:NUDT_CHINA/CSS?action=raw&ctype=text/css" rel="stylesheet"/>
 
<link href="https://2018.igem.org/Template:NUDT_CHINA/CSS?action=raw&ctype=text/css" rel="stylesheet"/>
−
<script type="text/javascript" src="https://2018.igem.org/Template:NUDT_CHINA/JS_jquery_3?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:NUDT_CHINA/JS?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(document).ready(function() {
 +
//my_bar_for_igem
 +
$(".igem_menu").hide();
 +
$(".igem_mobile_menu_bar").hide();
 +
hide_menu();
 +
});
 +
 +
function hide_menu() {
 +
//my_bar_for_igem is  clicked
 +
$("#my_bar_for_igem").click(function(){
 +
$(".igem_menu").toggle();
 +
$(".igem_menu").css("z-index","501");
 +
});
 +
$("#my_bar_for_igem").mouseleave(function(){
 +
$(".igem_mobile_menu_bar").toggle();
 +
$(".igem_mobile_menu_bar").css("z-index","501");
 +
});
 +
 +
}
 +
</script>
 
<div class="container">
 
<div class="container">
 
<div class="row clearfix">
 
<div class="row clearfix">
−
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style= "top:14px">
+
<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style= "top:14px;font-size: 100%;background-color: rgba(0, 0, 0, 0.48);border-color: rgba(0,0,0,.075);">
−
<div class="navbar-header">
+
                        <div class="navbar-header" style="padding: 0% 0% 0% 1%;">
−
<span class="icon-bar"></span></button> <a class="navbar-brand" href="#" style="font-size: 28px;">NUDT</a>
+
<span class="icon-bar"></span>
 +
                                <img style="width:125px;padding: 3% 2% 2% 4%;" src="https://static.igem.org/mediawiki/2018/b/b4/T--NUDT_CHINA--mainpage-top_left_corner.png">
 
</div>
 
</div>
−
<div class="collapse navbar-collapse navbar-inverse" id="bs-example-navbar-collapse-1">
+
<div class="collapse navbar-collapse navbar-inverse" id="bs-example-navbar-collapse-1" style="background-color: rgba(0, 0, 0, 0.23);">
 
<ul class="nav navbar-nav">
 
<ul class="nav navbar-nav">
−
<li class="active">
+
<li class="">
−
<a href="./home_template.html">Home</a>
+
<a href="https://2018.igem.org/Team:NUDT_CHINA">HOME</a>
 
</li>
 
</li>
−
<li>
+
 
−
<a href="./content_template.html">Content</a>
+
<!-- Team -->
−
</li>
+
<li class="dropdown">
−
<li>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">TEAM<strong class="caret"></strong></a>
−
<a href="./team_template.html">Team</a>
+
<ul class="dropdown-menu">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Team">Team Members</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
      <a href= "https://2018.igem.org/Team:NUDT_CHINA/Collaborations" > Collaborations </a>
 +
</li>
 +
</ul>
 +
</li>
 +
<!-- Project -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PROJECT<strong class="caret"></strong></a>
 +
<ul class="dropdown-menu">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Description">Description</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Design">Design</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Experiments">Experiments</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Notebook">Notebook</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/InterLab">InterLab</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Results">Results</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Demonstrate">Demonstrate</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Improve">Improve</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Attributions">Attributions</a>
 +
</li>
 +
</ul>
 
</li>
 
</li>
 +
<!-- Model-->
 +
 
<li class="dropdown">
 
<li class="dropdown">
−
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown<strong class="caret"></strong></a>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">MODEL<strong class="caret"></strong></a>
 
<ul class="dropdown-menu">
 
<ul class="dropdown-menu">
 
<li>
 
<li>
−
<a href="#">Action</a>
+
<a href="https://2018.igem.org/Team:NUDT_CHINA/Model">Model</a>
 
</li>
 
</li>
 +
<li class="divider"></li>
 
<li>
 
<li>
−
<a href="#">Another action</a>
+
<a href="https://2018.igem.org/Team:NUDT_CHINA/Model/Overview">Overview</a>
 
</li>
 
</li>
 +
<li class="divider"></li>
 
<li>
 
<li>
−
<a href="#">Something else here</a>
+
<a href="https://2018.igem.org/Team:NUDT_CHINA/Model/Basic Design">Basic Design</a>
 
</li>
 
</li>
−
<li class="divider">
+
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Model/Deduction">Deduction</a>
 
</li>
 
</li>
 +
<li class="divider"></li>
 
<li>
 
<li>
−
<a href="#">Separated link</a>
+
                <a href="https://2018.igem.org/Team:NUDT_CHINA/Model/Discussion">Discussion</a>
 
</li>
 
</li>
−
<li class="divider">
+
 
 +
</ul>
 +
</li>
 +
<!-- PARTS -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">PARTS<strong class="caret"></strong></a>
 +
<ul class="dropdown-menu">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Parts">Parts Overview</a>
 
</li>
 
</li>
 +
<li class="divider"></li>
 
<li>
 
<li>
−
<a href="#">One more separated link</a>
+
<a href="https://2018.igem.org/Team:NUDT_CHINA/Basic_Part">Basic Parts</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Composite_Part">Composite Parts</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Part_Collection">Part Collection</a>
 
</li>
 
</li>
 
</ul>
 
</ul>
 
</li>
 
</li>
−
</ul>
+
<!-- SAFETY -->
−
<form class="navbar-form navbar-left" role="search">
+
<li>
−
<div class="form-group">
+
<a href="https://2018.igem.org/Team:NUDT_CHINA/Safety">SAFETY</a>
−
<input type="text" class="form-control" />
+
</li>
−
</div> <button type="submit" class="btn btn-default">Submit</button>
+
<!-- HUMAN PRACTICES -->
−
</form>
+
<li class="dropdown">
−
<ul class="nav navbar-nav navbar-right">
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practices<strong class="caret"></strong></a>
−
<li id="my_bar_for_igem" style="margin-right:20px">
+
<ul class="dropdown-menu">
−
<a href="#"><img src="img/bars_20.png"></a>
+
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Human_Practices">Human Practices</a>
 +
</li>
 +
<li class="divider"></li>
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Public_Engagement">Education &amp; Engagement</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<!-- AWARDS -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">AWARDS<strong class="caret"></strong></a>
 +
<ul class="dropdown-menu">
 +
<li>
 +
<a href="https://2018.igem.org/Team:NUDT_CHINA/Model">Model</a>
 +
</li>
 +
</ul>
 
</li>
 
</li>
−
</ul>
+
</ul>
 
</div>
 
</div>
 
</nav>
 
</nav>

Latest revision as of 16:36, 16 October 2018