Difference between revisions of "Template:Melbourne"

Line 3: Line 3:
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
  
−
$(document).ready(function() {
+
// When the user scrolls down 20px from the top of the document, slide down the navbar
 +
// When the user scrolls to the top of the page, slide up the navbar (50px out of the top view)
 +
window.onscroll = function() {scrollFunction()};
 +
 
 +
function scrollFunction() {
 +
  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
    document.getElementById("navbar").style.top = "0";
 +
  } else {
 +
    document.getElementById("navbar").style.top = "-50px";
 +
  }
 +
}
 +
 
 +
 +
 
 +
$(document).ready(function() {
  
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
Line 64: Line 78:
  
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
 +
 +
 +
 +
#navbar {
 +
    background-color: #333; /* Black background color */
 +
    position: fixed; /* Make it stick/fixed */
 +
    top: -50px; /* Hide the navbar 50 px outside of the top view */
 +
    width: 100%; /* Full width */
 +
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
 +
}
 +
 +
/* Style the navbar links */
 +
#navbar a {
 +
    float: left;
 +
    display: block;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 15px;
 +
    text-decoration: none;
 +
}
 +
 +
#navbar a:hover {
 +
    background-color: #ddd;
 +
    color: black;
 +
}
  
  
Line 519: Line 559:
 
<!--- Menu --->
 
<!--- Menu --->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
 
+
<div id="navbar">
−
 
+
  <a href="#home">Home</a>
−
 
+
  <a href="#news">News</a>
−
 
+
  <a href="#contact">Contact</a>
−
<div class="igem_2018_team_mobile_bar">
+
−
 
+
−
<div class="igem_logo_mobile">
+
−
<img src="https://static.igem.org/mediawiki/2018/4/4f/2018_igem_mobile_menu_logo.svg">
+
−
</div>
+
−
 
+
−
 
+
−
<div class="igem_menu_control_mobile">
+
−
<img id="menu_control_image" src="https://static.igem.org/mediawiki/igem.org/3/3b/Menu_icon.svg">
+
−
</div>
+
−
 
+
 
</div>
 
</div>
  
−
 
−
 
−
 
−
<div class="igem_2018_team_menu displaying_menu">
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne">
 
−
<img src="https://static.igem.org/mediawiki/2014/9/9b/Melbourne_Banner.png">
 
−
</a>
 
−
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne">
 
−
<div class="menu_item direct_link">
 
−
HOME
 
−
</div>
 
−
</a>
 
−
 
−
<!-- Team -->
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
TEAM
 
−
</div>
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Team">
 
−
<div class="submenu_item">
 
−
Team Members
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Collaborations">
 
−
<div class="submenu_item">
 
−
Collaborations
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
 
−
<!-- Project -->
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
PROJECT
 
−
</div>
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Description">
 
−
<div class="submenu_item">
 
−
Description
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Design">
 
−
<div class="submenu_item">
 
−
Design
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Experiments">
 
−
<div class="submenu_item">
 
−
Experiments
 
−
                                        <div class="submenu">
 
−
    <div class="submenu_item">
 
−
        Sub-Experiment1
 
−
    </div>
 
−
                                        </div>
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Notebook">
 
−
<div class="submenu_item">
 
−
Notebook
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/InterLab">
 
−
<div class="submenu_item">
 
−
InterLab
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Model">
 
−
<div class="submenu_item">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Results">
 
−
<div class="submenu_item">
 
−
Results
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Demonstrate">
 
−
<div class="submenu_item">
 
−
Demonstrate
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Improve">
 
−
<div class="submenu_item">
 
−
Improve
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Attributions">
 
−
<div class="submenu_item">
 
−
Attributions
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
PARTS
 
−
</div>
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Parts">
 
−
<div class="submenu_item">
 
−
Parts Overview
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Basic_Part">
 
−
<div class="submenu_item">
 
−
Basic Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Composite_Part">
 
−
<div class="submenu_item">
 
−
Composite Parts
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Part_Collection">
 
−
<div class="submenu_item">
 
−
Part Collection
 
−
</div>
 
−
</a>
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Safety">
 
−
<div class="menu_item direct_link">
 
−
SAFETY
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
HUMAN PRACTICES
 
−
</div>
 
−
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Human_Practices">
 
−
<div class="submenu_item">
 
−
Human Practices
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Public_Engagement">
 
−
<div class="submenu_item">
 
−
Education & Engagement
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
<div class="menu_item">
 
−
<div class="submenu_control_icon"> </div>
 
−
AWARDS
 
−
</div>
 
−
 
−
<div class="submenu">
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Applied_Design">
 
−
<div class="submenu_item">
 
−
Applied Design
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Entrepreneurship">
 
−
<div class="submenu_item">
 
−
Entrepreneurship
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Hardware">
 
−
<div class="submenu_item">
 
−
Hardware
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Measurement">
 
−
<div class="submenu_item">
 
−
Measurement
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Model">
 
−
<div class="submenu_item">
 
−
Model
 
−
</div>
 
−
</a>
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Plant">
 
−
<div class="submenu_item">
 
−
Plant
 
−
</div>
 
−
</a>
 
−
 
−
 
−
<a href="https://2018.igem.org/Team:Melbourne/Software">
 
−
<div class="submenu_item">
 
−
Software
 
−
</div>
 
−
</a>
 
−
 
−
</div>
 
−
 
−
 
−
 
−
<a href="https://igem.org/2018_Judging_Form?team=Melbourne">
 
−
<div class="menu_item direct_link">
 
−
JUDGING FORM ⇗
 
−
</div>
 
−
</a>
 
−
 
−
 
−
 
−
 
−
 
−
 
−
</div>
 
  
  

Revision as of 12:17, 6 October 2018