Difference between revisions of "Template:Team:IngenuityLab Canada"
| (24 intermediate revisions by the same user not shown) | |||
| Line 4: | Line 4: | ||
<title>Ingenuity Lab - dNANO</title> | <title>Ingenuity Lab - dNANO</title> | ||
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900" rel="stylesheet"> | <link href="https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900" rel="stylesheet"> | ||
| + | <script> | ||
| + | document.addEventListener("touchstart", function(){}, true); | ||
| + | </script> | ||
<style> | <style> | ||
#globalWrapper { | #globalWrapper { | ||
| Line 104: | Line 107: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| − | .menu ul:hover { | + | .menu ul:hover, |
| + | .menu ul:focus, | ||
| + | .menu ul:active { | ||
color: #ffffff; | color: #ffffff; | ||
background-color: #405e88; | background-color: #405e88; | ||
| − | |||
} | } | ||
| − | .menu ul:hover > li { | + | .menu ul:hover > li, |
| + | .menu ul:focus > li, | ||
| + | .menu ul:active > li { | ||
display: block; | display: block; | ||
} | } | ||
| − | .menu ul li:hover { | + | .menu ul li:hover, |
| + | .menu ul li:focus, | ||
| + | .menu ul li:active { | ||
color: #ffffff; | color: #ffffff; | ||
background-color: #405e88; | background-color: #405e88; | ||
| − | |||
} | } | ||
.menu ul li:last-child { | .menu ul li:last-child { | ||
| Line 125: | Line 132: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | .menu ul a:hover { | + | .menu ul a:hover, |
| + | .menu ul a:focus, | ||
| + | .menu ul a:active { | ||
color: #ffffff; | color: #ffffff; | ||
| + | } | ||
| + | element:hover, element:active { | ||
| + | -webkit-tap-highlight-color: rgba(0,0,0,0); | ||
| + | -webkit-user-select: none; | ||
| + | -webkit-touch-callout: none | ||
} | } | ||
.main-image { | .main-image { | ||
| Line 246: | Line 260: | ||
padding: 0 1em 2.4em; | padding: 0 1em 2.4em; | ||
} | } | ||
| − | .buttons-tabs div:hover > em { | + | .buttons-tabs div:hover > em, |
| + | .buttons-tabs div:focus > em, | ||
| + | .buttons-tabs div:active > em { | ||
color: #ff7000; | color: #ff7000; | ||
} | } | ||
| Line 293: | Line 309: | ||
} | } | ||
@media only screen and (max-width: 57.5em) { | @media only screen and (max-width: 57.5em) { | ||
| − | .menu ul { | + | .menu ul { |
width: 80px; | width: 80px; | ||
} | } | ||
| Line 309: | Line 325: | ||
} | } | ||
@media only screen and (max-width: 46.875em) { | @media only screen and (max-width: 46.875em) { | ||
| − | .menu ul { | + | .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> | ||
| Line 323: | Line 373: | ||
<div class="menu"> | <div class="menu"> | ||
<ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/dNANO">dNANO</a></ul> | <ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/dNANO">dNANO</a></ul> | ||
| − | |||
| − | |||
<ul>Project | <ul>Project | ||
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Description">Description</a></li> | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Description">Description</a></li> | ||
| − | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/ | + | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Parts">Parts</a></li> |
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Results">Results</a></li> | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Results">Results</a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Protocols">Protocols</a></li> | ||
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Attributions">Attributions</a></li> | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Attributions">Attributions</a></li> | ||
</ul> | </ul> | ||
<ul>Practices | <ul>Practices | ||
| − | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/ | + | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Collaborations">Collaborations</a></li> |
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Practices">Human Practices</a></li> | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Practices">Human Practices</a></li> | ||
</ul> | </ul> | ||
| Line 338: | Line 387: | ||
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Members">Members</a></li> | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Members">Members</a></li> | ||
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Sponsors">Sponsors</a></li> | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Sponsors">Sponsors</a></li> | ||
| − | <li><a | + | <li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Blog">Blog</a></li> |
| − | href="https://2016.igem.org/Team:IngenuityLab_Canada/Blog">Blog</a></li> | + | |
</ul> | </ul> | ||
| + | <ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Achievements">Achievements</a></ul> | ||
<ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Safety">Safety</a></ul> | <ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Safety">Safety</a></ul> | ||
</div> | </div> | ||
Latest revision as of 23:44, 19 October 2016
