|
|
(84 intermediate revisions by 2 users not shown) |
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 = "18px"; |
| + | } |
| + | } |
| + | |
| + | |
| + | |
| + | $(document).ready(function() { |
| | | |
| $("#HQ_page").attr('id',''); | | $("#HQ_page").attr('id',''); |
Line 64: |
Line 79: |
| | | |
| .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;} |
| + | |
| + | |
| + | .nav_text{ |
| + | font-size: 18px; |
| + | margin-top: 10px; |
| + | padding-top: 35px; |
| + | padding-bottom: 35px; |
| + | } |
| + | |
| + | .nav_icon { |
| + | padding-top: 10px; |
| + | padding-bottom: 5px; |
| + | } |
| + | |
| + | |
| + | |
| + | #navbar { |
| + | background-color: #333; /* Black background color */ |
| + | position: fixed; /* Make it stick/fixed */ |
| + | top: 19px; /* 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-decoration: none; |
| + | width: 20%; |
| + | text-align: center; |
| + | |
| + | } |
| + | |
| + | #navbar a:hover { |
| + | background-color: #ddd; |
| + | color: black; |
| + | } |
| + | |
| + | |
| + | |
| + | |
| + | |
| + | |
| | | |
| | | |
Line 521: |
Line 581: |
| | | |
| | | |
| + | <div id="navbar"> |
| | | |
| | | |
− | <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">
| + | <a href="https://2018.igem.org/Team:Melbourne" class="nav_item, nav_text">Home</a> |
− | </div>
| + | <a href="https://2018.igem.org/Team:Melbourne/Team" class="nav_item, nav_text">Team</a> |
| + | <a href="https://igem.org/2018_Judging_Form?team=Melbourne" class="nav_item, nav_icon"> |
| + | <img src="http://www.ampc.ms.unimelb.edu.au/srg/index_files/UOM.png" width="115px", height="95px"> |
| + | </a> |
| + | <a href="https://2018.igem.org/Team:Melbourne/Project" class="nav_item, nav_text">Project</a> |
| + | <a href="https://2018.igem.org/Team:Melbourne/Experiment" class="nav_item, nav_text">Experiment</a> |
| | | |
| | | |
− | <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>
| |
| | | |
| | | |
Line 797: |
Line 603: |
| <!--- Content of the page ---> | | <!--- Content of the page ---> |
| <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | | <!-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> |
− |
| |
− |
| |
− | <div class="igem_2018_team_content">
| |
− | <div class="igem_2018_team_column_wrapper">
| |
− | <div class="clear extra_space"></div>
| |
− | <div class="clear extra_space"></div>
| |