(48 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
+ | |||
+ | <script> | ||
+ | $('.dropdown-menu a.dropdown-toggle').on('click', function(e) { | ||
+ | if (!$(this).next().hasClass('show')) { | ||
+ | $(this).parents('.dropdown-menu').first().find('.show').removeClass("show"); | ||
+ | } | ||
+ | var $subMenu = $(this).next(".dropdown-menu"); | ||
+ | $subMenu.toggleClass('show'); | ||
+ | |||
+ | |||
+ | $(this).parents('li.nav-item.dropdown.show').on('hidden.bs.dropdown', function(e) { | ||
+ | $('.dropdown-submenu .show').removeClass("show"); | ||
+ | }); | ||
+ | |||
+ | |||
+ | return false; | ||
+ | }); | ||
+ | </script> | ||
<style> | <style> | ||
Line 18: | Line 36: | ||
− | #content-desktop {display: | + | #content-desktop {display: flex;} |
#content-mobile {display: none;} | #content-mobile {display: none;} | ||
− | @media only screen and (max-width: | + | @media only screen and (max-width: 600px) { |
#content-desktop {display: none;} | #content-desktop {display: none;} | ||
− | #content-mobile {display: | + | #content-mobile {display: flex;} |
} | } | ||
+ | /* | ||
+ | * | ||
+ | * ========================================== | ||
+ | * CUSTOM UTIL CLASSES | ||
+ | * ========================================== | ||
+ | * | ||
+ | */ | ||
+ | |||
+ | .dropdown-submenu { | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu>a:after { | ||
+ | content: "\f0da"; | ||
+ | float: right; | ||
+ | border: none; | ||
+ | font-family: 'FontAwesome'; | ||
+ | } | ||
+ | |||
+ | .dropdown-submenu>.dropdown-menu { | ||
+ | top: 0; | ||
+ | left: 100%; | ||
+ | margin-top: 0px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | |||
+ | <!-- End --> | ||
</style> | </style> | ||
Line 36: | Line 81: | ||
<div class="text-center container-fluid" id="content-desktop"> | <div class="text-center container-fluid" id="content-desktop"> | ||
− | + | <a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/8/8a/T--Ruperto_Carola--logo_navbar_test1.png" style="height:60px"> | |
− | + | </a> | |
− | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02"> | |
− | + | <span class="navbar-toggler-icon"></span> | |
− | + | </button> | |
− | + | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | |
− | + | <ul class="navbar-nav"> | |
− | + | <li class="nav-item narrow"> | |
− | + | <a class="nav-link noline text-center" href="https://2019.igem.org/Team:Ruperto_Carola"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/e/e7/T--Ruperto_Carola--Home.png"><br>Home | |
− | + | </a> | |
− | + | </li> | |
− | + | <!-- TEAM --> | |
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/a/a6/T--Ruperto_Carola--Team.png"><br>Team | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Team"> | |
− | + | Team Members | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions"> | |
− | + | Attributions | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Sponsors"> | |
− | + | Sponsors | |
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <!-- PROJECT --> | |
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/9/9b/T--Ruperto_Carola--Project.png"><br>Project | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description"> | |
− | + | Description | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook"> | |
− | + | Notebook | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution"> | |
− | + | Contribution | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Results"> | |
− | + | Results | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Demonstrate"> | |
− | + | Demonstrate | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Improve"> | |
− | + | Improve | |
− | + | </a> | |
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- PARTS --> | |
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/5/57/T--Ruperto_Carola--Parts.png"><br>Parts | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Parts"> | |
− | + | Parts Overview | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Basic_Part"> | |
− | + | Basic Parts | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part"> | |
− | + | Composite Parts | |
− | + | </a> | |
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item narrow"> | |
− | + | <a class="nav-link noline text-center" href="https://2019.igem.org/Team:Ruperto_Carola/Safety"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/2/25/T--Ruperto_Carola--Safety.svg"><br>Safety | |
− | + | </a> | |
− | + | </li> | |
− | + | <!-- HUMAN PRACTICES --> | |
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/1/11/T--Ruperto_Carola--Human.png"><br>Human Practices | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices"> | |
− | + | Overview | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/integrated"> | |
− | + | Integrated Human Practices | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement"> | |
− | + | Education & Engagement | |
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Expert_Interviews"> | ||
+ | Expert Interviews | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Collaborations"> | ||
+ | Collaborations | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <!-- In Silico --> | |
− | + | <li class="nav-item dropdown narrow"> | |
− | + | <a class="nav-link dropdown-toggle noline text-center" href="#" role="button" data-toggle="dropdown"> | |
− | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/7/73/T--Ruperto_Carola--Modelling.png"><br>In Silico | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Model"> | |
− | + | Model | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Software"> | |
− | + | Software | |
− | + | </a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <li class="nav-item narrow align-content-center" style="font-size: .7rem !important;"> | |
− | + | <a class="nav-link noline text-center" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola"> | |
− | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/ | + | <img class="nav-pic" src="https://static.igem.org/mediawiki/2019/0/0c/T--Ruperto_Carola--Form.png"><br> |
− | + | JUDGING FORM ⇗</a> | |
+ | </li> | ||
− | + | </ul> | |
− | + | </div> | |
Line 183: | Line 229: | ||
<div class="text-center container-fluid" id="content-mobile"> | <div class="text-center container-fluid" id="content-mobile"> | ||
− | + | <a class="navbar-brand" href="https://2019.igem.org/Team:Ruperto_Carola"> | |
− | + | <img src="https://static.igem.org/mediawiki/2019/8/8a/T--Ruperto_Carola--logo_navbar_test1.png" style="height:60px"> | |
− | + | </a> | |
− | + | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarTogglerDemo02"> | |
− | + | <span class="navbar-toggler-icon"></span> | |
− | + | </button> | |
− | + | <div class="collapse navbar-collapse" id="navbarNavDropdown"> | |
− | + | <ul class="navbar-nav"> | |
− | + | <!--<li class="nav-item"> | |
− | + | <a class="nav-link" href="https://2019.igem.org/Team:Ruperto_Carola"> | |
− | + | Home | |
− | + | </a> | |
− | + | </li>--> | |
− | + | <!-- TEAM --> | |
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | |
− | + | Team | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Team"> | |
− | + | Team Members | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Attributions"> | |
− | + | Attributions | |
− | + | </a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <!-- PROJECT --> | |
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | |
− | + | Project | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Description"> | |
− | + | Description | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Design"> | |
− | + | Design | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Experiments"> | |
− | + | Experiments | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Notebook"> | |
− | + | Notebook | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Contribution"> | |
− | + | Contribution | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Results"> | |
− | + | Results | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Demonstrate"> | |
− | + | Demonstrate | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Improve"> | |
− | + | Improve | |
− | + | </div> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!-- PARTS --> | |
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | |
− | + | Parts | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Parts"> | |
− | + | Parts Overview | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Basic_Part"> | |
− | + | Basic Parts | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Composite_Part"> | |
− | + | Composite Parts | |
− | + | </a> | |
− | + | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Part_Collection"> | |
− | + | Part Collection | |
− | + | </a> | |
− | + | </div> | |
− | + | </li> | |
− | + | <!-- HUMAN PRACTICES --> | |
− | + | <li class="nav-item dropdown"> | |
− | + | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | |
− | + | Human Practices | |
− | + | </a> | |
− | + | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | |
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Human_Practices"> | ||
+ | Human Practices | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/integrated"> | ||
+ | Integrated Human Practices | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Public_Engagement"> | ||
+ | Education & Engagement | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Expert_Interviews"> | ||
+ | Expert Interviews | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/HP/Collaborations"> | ||
+ | Collaborations | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | + | <!-- AWARDS --> | |
+ | <li class="nav-item dropdown"> | ||
+ | <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"> | ||
+ | <it>In Silico</it> | ||
+ | </a> | ||
+ | <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink"> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Model"> | ||
+ | Model | ||
+ | </a> | ||
+ | <a class="dropdown-item" href="https://2019.igem.org/Team:Ruperto_Carola/Software"> | ||
+ | Software | ||
+ | </a> | ||
+ | </div> | ||
+ | </li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!-- SAFETY --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li class="nav-item"> | |
+ | <a class="nav-link" href="https://2019.igem.org/Team:Ruperto_Carola/Safety"> | ||
+ | Safety | ||
+ | </a> | ||
+ | </li> | ||
− | + | <!-- JUDGING FORM --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Ruperto_Carola">JUDGING FORM ⇗ </a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
</div> | </div> | ||
+ | |||
+ | </nav> | ||
</html> | </html> |
Latest revision as of 02:25, 13 December 2019