Difference between revisions of "Template:Team:IngenuityLab Canada"

Line 107: Line 107:
 
color: #ffffff;
 
color: #ffffff;
 
background-color: #405e88;
 
background-color: #405e88;
display: block;
 
 
}
 
}
 
.menu ul:hover > li {
 
.menu ul:hover > li {
Line 115: Line 114:
 
color: #ffffff;
 
color: #ffffff;
 
background-color: #405e88;
 
background-color: #405e88;
display: block;
 
 
}
 
}
 
.menu ul li:last-child {
 
.menu ul li:last-child {
Line 293: Line 291:
 
}
 
}
 
@media only screen and (max-width: 57.5em) {
 
@media only screen and (max-width: 57.5em) {
.menu ul { cursor: pointer }
+
.menu ul {
 
width: 80px;
 
width: 80px;
 
}
 
}
Line 309: Line 307:
 
}
 
}
 
@media only screen and (max-width: 46.875em) {
 
@media only screen and (max-width: 46.875em) {
.menu ul {cursor: pointer}
+
.menu ul {
 
width: 75px;
 
width: 75px;
 
}
 
}
 
}
 
}
 
</style>
 
</style>
 +
 +
<script>
 +
document.addEventListener("DOMContentLoaded", function(){
 +
try{
 +
var pd_button_tab1 = document.getElementById("pd_button_tab1");
 +
var pd_tab1 = document.getElementById("pd_tab1");
 +
pd_button_tab1.addEventListener("click", function(){ pd_tab1.style.display = "block"; pd_tab2.style.display = "none"; pd_tab3.style.display = "none"; });
 +
} catch(e){}
 +
try{
 +
var pd_button_tab2 = document.getElementById("pd_button_tab2");
 +
var pd_tab2 = document.getElementById("pd_tab2");
 +
pd_button_tab2.addEventListener("click", function(){ pd_tab1.style.display = "none"; pd_tab2.style.display = "block"; pd_tab3.style.display = "none"; });
 +
} catch(e){}
 +
try{
 +
var pd_button_tab3 = document.getElementById("pd_button_tab3");
 +
var pd_tab3 = document.getElementById("pd_tab3");
 +
pd_button_tab3.addEventListener("click", function(){ pd_tab1.style.display = "none"; pd_tab2.style.display = "none"; pd_tab3.style.display = "block"; });
 +
} catch(e){}
 +
 +
var home;
 +
try{
 +
home = document.getElementById("home");
 +
}catch(e){}
 +
if(home){
 +
jQuery(".main-image").css({ opacity: 0 });
 +
jQuery(".main-image").animate({ opacity: 1 },500);
 +
}else{
 +
jQuery(".main-image").css({ opacity: 0 });
 +
jQuery(".main-image").animate({ opacity: 1 },500,function(){
 +
setTimeout(function(){ jQuery("html, body").animate({ scrollTop: "575px" },800); }, 800);
 +
});
 +
}
 +
});
 +
</script>
  
 
</head>
 
</head>

Revision as of 11:09, 18 October 2016

Ingenuity Lab - dNANO