Difference between revisions of "Template:Melbourne"

 
(89 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 34: Line 49:
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
 
if( $( ".current_page" ).hasClass( "submenu_item" )){
  
$(".current_page").parent().parent().fadeToggle(400);
+
$(".current_page").parent().parent().fadeToggle(600);
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".current_page").parent().parent().prev().addClass("current_page");
 
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
 
$(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
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 72: Line 132:
 
/*this wraps the whole of the menu*/
 
/*this wraps the whole of the menu*/
 
.igem_2018_team_menu {
 
.igem_2018_team_menu {
background-color: #acc7dc; /*#c4baba;*/
+
background-color: #acc7dc;  
 
border-left: 1px solid #c4baba;
 
border-left: 1px solid #c4baba;
 
display:block;
 
display:block;
Line 125: Line 185:
  
 
.igem_2018_team_menu .menu_item .submenu_control_icon {
 
.igem_2018_team_menu .menu_item .submenu_control_icon {
color: #484848;
+
color: #ACC7DC;
 
float: left;
 
float: left;
 
width: 10%;
 
width: 10%;
Line 169: Line 229:
 
.igem_2018_team_menu .menu_item.current_page,
 
.igem_2018_team_menu .menu_item.current_page,
 
.igem_2018_team_menu .menu_item.direct_link.current_page {
 
.igem_2018_team_menu .menu_item.direct_link.current_page {
background-color:#E4E0E3;
+
background-color:#000000;
 
}
 
}
  
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>
 

Latest revision as of 13:15, 17 October 2018