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

m
 
(68 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: 140px 0 100px;
+
   padding: 45px 0 60px;
 +
        opacity:0;
 
}
 
}
 
.main-image img {
 
.main-image img {
Line 159: Line 180:
 
   line-height: 1.2em;
 
   line-height: 1.2em;
 
   margin-top: 1em;
 
   margin-top: 1em;
 +
}
 +
.members .article-img {
 +
max-width: 500px;
 +
width: 100%;
 +
margin: 30px auto 0;
 +
}
 +
.members .article-cap {
 +
  text-align: center;
 
}
 
}
 
.il_header .wrapper {
 
.il_header .wrapper {
Line 186: Line 215:
 
.members figure {
 
.members figure {
 
     margin: 5em 0 1em;
 
     margin: 5em 0 1em;
−
}
 
−
.members img {
 
−
max-width: 422px;
 
 
}
 
}
 
.members figcaption {
 
.members figcaption {
Line 202: Line 228:
 
.members figure {
 
.members figure {
 
     margin: 5em 0 1em;
 
     margin: 5em 0 1em;
−
}
 
−
.members img {
 
−
max-width: 422px;
 
 
}
 
}
 
.members figcaption {
 
.members figcaption {
Line 237: 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 275: Line 300:
 
border: 1px solid #dddddd;
 
border: 1px solid #dddddd;
 
padding: 0.5em 1em;  
 
padding: 0.5em 1em;  
 +
}
 +
 +
/* MEDIA QUERY */
 +
@media only screen and (max-width: 65em) {
 +
.logo {
 +
margin-left: 10px;
 +
}
 +
}
 +
@media only screen and (max-width: 57.5em) {
 +
.menu ul {
 +
width: 80px;
 +
}
 +
}
 +
@media only screen and (max-width: 53.75em) {
 +
.article .wrapper {
 +
margin: 0 10px;
 +
}
 +
.buttons-tabs {
 +
  margin: 0 0 0 20px;
 +
}
 +
#HQ_page .article .wrapper-title h1 {
 +
margin-left: 10px;
 +
}
 +
}
 +
@media only screen and (max-width: 46.875em) {
 +
.menu ul {
 +
width: 75px;
 +
}
 
}
 
}
 
</style>
 
</style>
Line 297: Line 350:
  
 
var home;
 
var home;
−
try{ home = document.getElementById("home"); }catch(e){}
+
try{  
−
if(!home){
+
home = document.getElementById("home");  
−
jQuery("body").animate({ opacity: 1 },1,function(){ jQuery("body").animate({ opacity: 0 },300,function(){
+
}catch(e){}
−
setTimeout(function(){ jQuery("html, body").animate({ scrollTop: "710px" },1000); }, 1000);
+
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 313: 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">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 328: 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