Difference between revisions of "Template:UM Macau/Navbar"

 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<head>
 
<head>
 +
 
<style>
 
<style>
  
 
body{
 
body{
 
background: #ffffff;
 
background: #ffffff;
−
font-family:"Poppins";
 
 
}
 
}
  
−
#mainnavbar .navbar-brand{
+
#HQ_page #mainnavbar .navbar-brand{
 
color: #fbd326;
 
color: #fbd326;
 
font-size: 1.6rem;
 
font-size: 1.6rem;
 
font-weight: 400;
 
font-weight: 400;
 +
font-family:"Poppins";
 
}
 
}
  
  
  
−
#mainnavbar{
+
#HQ_page #mainnavbar{
 
background-color: #131111;
 
background-color: #131111;
−
transition: top 500ms;
+
transition: top 600ms;
 
position: fixed;
 
position: fixed;
 
width: 100%;
 
width: 100%;
 
opacity: 0.95;
 
opacity: 0.95;
 
font-weight: 400;
 
font-weight: 400;
−
font-size: 1.2rem;
+
font-size: 1.25rem;
 +
font-family:"Poppins";
 
}
 
}
  
−
#mainnavbar .navlink{
+
#HQ_page #mainnavbar .navlink{
−
font-size: 1.2rem;
+
font-size: 1.25rem;
 +
font-family:"Poppins";
 
}
 
}
  
−
#mainnavbar .dropdown-item{
+
#HQ_page #mainnavbar .dropdown-item{
−
font-size: 1.2rem;
+
font-size: 1.25rem;
 +
font-family:"Poppins";
 
}
 
}
  
Line 43: Line 47:
  
 
#mainnavbar .dropdown-item:hover{
 
#mainnavbar .dropdown-item:hover{
−
color: #ffffff;
+
color: #fff;
 
background: #131111;
 
background: #131111;
 
opacity: 0.9;
 
opacity: 0.9;
Line 49: Line 53:
  
  
−
 
+
.dropdown:hover>.dropdown-menu {
 +
display: block;
 +
}
  
 
</style>
 
</style>
−
 
 
</head>
 
</head>
  
Line 105: Line 110:
 
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Demonstrate" >
 
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Demonstrate" >
 
Demonstrate
 
Demonstrate
−
</a>
 
−
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Measurement" >
 
−
Measurement
 
 
</a>
 
</a>
 
</div>
 
</div>
Line 117: Line 119:
 
</a>
 
</a>
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Basic_Part" >
+
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Basic_Part" >
−
Basic Parts
+
Basic Part
 
</a>
 
</a>
 
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Composite_Part" >
 
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Composite_Part" >
 
Composite Part
 
Composite Part
 
</a>
 
</a>
−
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Characterization" >
+
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Part_Collection" >
−
Characterization
+
Part Collection
−
</a>
+
−
<a class="dropdown-item" href="https://2019.igem.org/Team:UM_Macau/Improve" >
+
−
Improvement
+
 
</a>
 
</a>
 
</div>
 
</div>
Line 156: Line 155:
 
</li>
 
</li>
  
−
<li class="nav-item">
+
<li class="nav-item dropdown">
−
<a href="https://igem.org/2019_Judging_Form?team=UM_Macau" class="nav-link">Judging Form</a>
+
<a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" id="navbarDropdownMenuLink" role="button" aria-haspopup="true" aria-expanded="false">
 +
Achievement
 +
</a>
 +
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
<a class="dropdown-item" href="https://igem.org/2019_Judging_Form?team=UM_Macau" >
 +
Judging Form
 +
</a>
 +
<a class="dropdown-item" href="https://2019.igem.org/Template:UM_Macau/Medal_Criteria" >
 +
Medal Criteria
 +
</a>
 +
</div>
 
</li>
 
</li>
 +
 +
  
  
Line 165: Line 176:
 
</div>
 
</div>
 
</nav>
 
</nav>
−
 
  
 
<script>
 
<script>
Line 174: Line 184:
 
     document.getElementById("mainnavbar").style.top = "0";
 
     document.getElementById("mainnavbar").style.top = "0";
 
   } else {
 
   } else {
−
     document.getElementById("mainnavbar").style.top = "-50px";
+
     document.getElementById("mainnavbar").style.top = "-80px";
 
     $nav.toggleClass("scrolled")
 
     $nav.toggleClass("scrolled")
 
   }
 
   }
 
}
 
}
 
</script>
 
</script>
−
 
+
<script>
 +
  $( document ).ready( function() {
 +
    $('link[rel="shortcut icon"]').attr('href','https://static.igem.org/mediawiki/2019/0/00/T--UM_Macau--favicon.png');
 +
  });
 +
</script>
  
  
 
</html>
 
</html>

Latest revision as of 19:45, 21 October 2019