Edwinlawisan (Talk | contribs) |
|||
Line 349: | Line 349: | ||
} | } | ||
− | . | + | <!---- MT NAVBAR ---> |
− | + | .sidebar-nav { | |
− | + | padding: 9px 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-menu .sub-menu { | |
− | + | left: 100%; | |
− | + | position: absolute; | |
− | + | top: 0; | |
− | + | visibility: hidden; | |
− | + | margin-top: -1px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .dropdown-menu li:hover .sub-menu { | |
− | + | visibility: visible; | |
− | + | } | |
− | + | ||
− | + | .dropdown:hover .dropdown-menu { | |
− | + | display: block; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .nav-tabs .dropdown-menu, | |
− | + | .nav-pills .dropdown-menu, | |
− | + | .navbar .dropdown-menu { | |
+ | margin-top: 0; | ||
+ | } | ||
− | + | .navbar .sub-menu:before { | |
− | + | border-bottom: 7px solid transparent; | |
− | + | border-left: none; | |
− | + | border-right: 7px solid rgba(0, 0, 0, 0.2); | |
− | + | border-top: 7px solid transparent; | |
− | + | left: -7px; | |
− | + | top: 10px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | .navbar .sub-menu:after { | |
− | + | border-top: 6px solid transparent; | |
− | + | border-left: none; | |
− | + | border-right: 6px solid #fff; | |
− | + | border-bottom: 6px solid transparent; | |
− | + | left: 10px; | |
− | + | top: 11px; | |
− | } | + | left: -6px; |
+ | } | ||
− | + | .dropdown>ul{ | |
− | + | background-color:#ddffdd; | |
− | + | } | |
− | + | .dropdown:hover{ | |
− | + | background-color:#9ff99f; | |
− | + | } | |
− | } | + | .navbar-header:hover{ |
+ | background-color:#4CAF50; | ||
+ | } | ||
+ | .dropdown-menu>li>a:hover{ | ||
+ | background-color:#4CAF50; | ||
+ | } | ||
+ | .navbar-nav>li:hover{ | ||
+ | background-color:#4CAF50; | ||
+ | } | ||
+ | |||
+ | .navbar-default{ | ||
+ | background-color:#1F2421} | ||
+ | border-color:none; | ||
+ | } | ||
+ | .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{ | ||
+ | color:white;} | ||
+ | .navbar-default .navbar-brand{ | ||
+ | color:white;} | ||
+ | .navbar-default .navbar-nav>li>a{ | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | .dropdown-menu{ | ||
+ | background-color:#ddffdd; | ||
+ | } | ||
+ | .current{ | ||
+ | background-color:#4CAF50; | ||
+ | } | ||
.w3-image { | .w3-image { | ||
Line 425: | Line 440: | ||
<body> | <body> | ||
<!-- Navbar --> | <!-- Navbar --> | ||
− | < | + | <nav class="navbar navbar-default"> |
− | < | + | <div class="navbar-inner"> |
− | < | + | <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://2018.igem.org/Team:UI_Indonesia/">Home</a> | |
− | + | </div> | |
− | + | <div class="collapse navbar-collapse" id="myNavbar"> | |
− | + | <ul class="nav navbar-nav navbar-right"> | |
− | + | <li class="dropdown navbar-project"> | |
− | + | <a class="dropdown-toggle" data-toggle="dropdown" href="asd.html">Project<span class="caret"></span></a> | |
− | < | + | <ul class="dropdown-menu"> |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="navbar-parts"><a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a></li> | |
− | + | <li class="navbar-safety"><a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a></li> | |
− | + | <li class="dropdown navbar-interlab current"> | |
− | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:UI_Indonesia/InterLab">InterLab<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li> | |
− | + | <li class="dropdown navbar-humanpractice"> | |
− | + | <a class="dropdown-toggle" data-toggle="dropdown" href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices<span class="caret"></span></a> | |
− | + | <ul class="dropdown-menu"> | |
− | < | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse1">Campus Campaign</a></li> |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse2">Social Work</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse3">Biosafety & Biosecurity Training</a></li> | |
− | + | <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse4">Human Practice Catalogue</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | <li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li> | |
− | + | <li class="current navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li> | |
− | + | <li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li> | |
− | + | <li class="navbar-attributions"><a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | </ | + | </nav> |
<!-- Container (Team Section) --> | <!-- Container (Team Section) --> |
Revision as of 13:08, 10 October 2018
<!DOCTYPE html>