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

 
(55 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 12: Line 15:
 
padding: 0;  
 
padding: 0;  
 
position: relative;
 
position: relative;
−
background: url(https://static.igem.org/mediawiki/2016/4/4e/T--IngenuityLab_Canada--il_nano_bg.jpg) no-repeat fixed center;
+
        background-color: #ffffff;
 +
/*background: url(https://static.igem.org/mediawiki/2016/4/4e/T--IngenuityLab_Canada--il_nano_bg.jpg) no-repeat fixed center;*/
 
background-size: cover;
 
background-size: cover;
 
font-size: 16px;
 
font-size: 16px;
Line 35: Line 39:
 
font-size: 1.6em;
 
font-size: 1.6em;
 
margin: 1em 0 0;
 
margin: 1em 0 0;
 +
        line-height: 1.2em;
 
}
 
}
 
#HQ_page h3 {
 
#HQ_page h3 {
Line 102: 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;
Line 121: 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 {
 +
        background: url(https://static.igem.org/mediawiki/2016/4/4e/T--IngenuityLab_Canada--il_nano_bg.jpg) no-repeat fixed center;
 +
        background-size: cover;
 
   text-align: center;
 
   text-align: center;
 
   width: 100%;
 
   width: 100%;
 
   padding: 45px 0 60px;
 
   padding: 45px 0 60px;
 +
        opacity:0;
 
}
 
}
 
.main-image img {
 
.main-image img {
Line 239: 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 327: Line 350:
  
 
var home;
 
var home;
−
try{ home = document.getElementById("home"); }catch(e){}
+
try{  
−
if(!home){
+
home = document.getElementById("home");  
−
setTimeout(function(){ jQuery("html, body").animate({ scrollTop: "575px" },1000); }, 1000);
+
}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);
 +
});
 
}  
 
}  
 
});
 
});
Line 341: Line 372:
 
<div class="logo"><a href="http://ingenuitylab.ca"><img src="https://static.igem.org/mediawiki/2016/8/87/T--IngenuityLab_Canada--il_logo_img.png" /></a></div>
 
<div class="logo"><a href="http://ingenuitylab.ca"><img src="https://static.igem.org/mediawiki/2016/8/87/T--IngenuityLab_Canada--il_logo_img.png" /></a></div>
 
<div class="menu">
 
<div class="menu">
−
<ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/dNANO">Home</a></ul>
+
<ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/dNANO">dNANO</a></ul>
−
<ul><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Blog">Blog</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/Protocols">Protocols</a></li>
+
<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/Attributions">Attributions</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>
 
</ul>
 
</ul>
 
<ul>Practices
 
<ul>Practices
−
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Community">Community Outreach</a></li>
+
<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 356: 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 href="https://2016.igem.org/Team:IngenuityLab_Canada/Achievements">Achievements</a></li>
+
                                                <li><a 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

Ingenuity Lab - dNANO