Difference between revisions of "Template:UM Macau"

 
(29 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{UM_Macau/bootstrap}}
 
 
<html>
 
<html>
  
−
<style>
+
<script>
−
.dropdown:hover .dropdown-menu {
+
−
display: block;
+
−
}
+
  
−
.dropdown-backdrop {position: static;}
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
#navbar {top: 0px;}
 
  
−
#header h1 {margin: 0px;}
+
$(document).ready(function() {
  
−
body {margin: 0;}
 
  
−
nav.navbar {padding-bottom: 10px;}
+
//remove the HQ_page id
  
−
.navbar {z-index: 100; top: 0px; position: fixed; width: 100%;}
+
$("#HQ_page").attr('id','');
  
−
.nav-link {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
 
  
−
a:visited {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #001438;}
 
  
−
.dropdown-toggle::after {display:none;}
+
//highlight current page on the menu
  
−
.navbar-toggler:not(:disabled):not(.disabled) {position: relative;}
+
highlight_current_page_menu();
  
−
#navbarDropdownMenuLink {font-family: Raleway, Montserrat, Ariel, sans-serif !important; color: #FFF;}
 
  
−
#navbarDropdown {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFF;}
+
//accessing submenus
  
−
#navbar-brand {height: 60px;}
+
$(".menu_item").click(function(){
  
−
.navbar-toggler {font-family: Raleway, Montserrat, Ariel, sans-serif !important;color: #FFF;}
+
$(".submenu_control_icon", this).toggleClass("open");
  
−
.navbar-nav .nav-link {color: #FFF;}
+
$(this).next(".submenu").fadeToggle(400);
  
−
</style>
+
});
  
−
<nav class="navbar navbar-expand-lg navbar-light carroll" style=" background-color: #001438">
 
−
  <a class="navbar-brand" href="https://2019.igem.org/Team:US_AFRL_CarrollHS" style="color: white;">US_AFRL_CarrollHS</a>
 
−
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
 
−
    <span class="navbar-toggler-icon"></span>
 
−
  </button>
 
  
−
  <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
//mobile menu access
−
    <ul class="navbar-nav mr-auto">
+
  
−
      <li class="nav-item dropdown">
+
$(".igem_2019_team_mobile_bar").click(function(){
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Team
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Team">Team</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Collaborations">Collaborations</a>
+
−
        </div>
+
−
      </li>
+
  
−
    <li class="nav-item dropdown">
+
$(this).next().toggleClass("displaying_menu");
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
 
−
          Project
+
});
−
        </a>
+
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Description">Description</a>
+
});
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Design">Design</a>
+
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Experiments">Experiments</a>
+
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Notebook">Notebook</a>
+
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Contribution">Contribution</a>
+
function highlight_current_page_menu() {
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Results">Results</a>
+
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Demonstrate">Demonstrate</a>
+
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Improve">Improve</a>
+
var page_url="https://2019.igem.org/";
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Attributions">Attributions</a>
+
 
−
        </div>
+
page_url = page_url + wgPageName;
−
      </li>
+
 
 +
$("a[href$='"+ page_url +"']").children().addClass("current_page");
 +
 
 +
 
 +
//if the page is in a submenu, open the submenu and make the appropiate changes
 +
 
 +
if( $( ".current_page" ).hasClass( "submenu_item" )){
 +
 
 +
 
 +
$(".current_page").parent().parent().fadeToggle(400);
 +
 
 +
$(".current_page").parent().parent().prev().addClass("current_page");
 +
 
 +
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 +
 
 +
 
 +
}
 +
 
 +
}
  
−
      <li class="nav-item dropdown">
 
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
−
          Parts
 
−
        </a>
 
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Parts">Parts Overview</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Basic_Part">Basic Parts</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Composite_Part">Composite Parts</a>
 
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Part_Collection">Part Collection</a>
 
−
        </div>
 
−
      </li>
 
  
−
      <li class="nav-item">
 
−
        <a class="nav-link" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Safety" style="color: white;">Safety</a>
 
  
−
      <li class="nav-item dropdown">
+
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Human Practices
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Human_Practices">Human Practices</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Public_Engagement">Education & Engagement</a>
+
−
        </div>
+
−
      </li>
+
  
−
      <li class="nav-item dropdown">
+
</script>
−
        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
−
          Awards
+
−
        </a>
+
−
        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Entrepreneurship">Entrepreneurship</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Hardware">Hardware</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Measurement">Measurement</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Model">Model</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Plant">Plant</a>
+
−
          <a class="dropdown-item" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/Software">Software</a>
+
−
        </div>
+
−
      </li>
+
  
−
      <li class="nav-item">
 
−
<a class="nav-link" href="https://igem.org/2019_Judging_Form?team=US_AFRL_CarrollHS" style="color: white;">Judging Form</a>
 
−
      </li>
 
  
−
      <li class="nav-item"style=" color: #FFF">
 
−
        <a class="nav-link" href="https://2019.igem.org/Team:US_AFRL_CarrollHS/WikiGuide" style="color: white;">Wiki Guide</a>
 
−
      </li>
 
−
  </div>
 
−
</nav>
 
 
</html>
 
</html>

Latest revision as of 07:25, 12 October 2019