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

 
(94 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 280: Line 333:
 
<script>
 
<script>
 
document.addEventListener("DOMContentLoaded", function(){
 
document.addEventListener("DOMContentLoaded", function(){
 +
try{
 
var pd_button_tab1 = document.getElementById("pd_button_tab1");
 
var pd_button_tab1 = document.getElementById("pd_button_tab1");
−
var pd_button_tab2 = document.getElementById("pd_button_tab2");
 
−
var pd_button_tab3 = document.getElementById("pd_button_tab3");
 
 
var pd_tab1 = document.getElementById("pd_tab1");
 
var pd_tab1 = document.getElementById("pd_tab1");
−
var pd_tab2 = document.getElementById("pd_tab2");
 
−
var pd_tab3 = document.getElementById("pd_tab3");
 
 
pd_button_tab1.addEventListener("click", function(){ pd_tab1.style.display = "block"; pd_tab2.style.display = "none"; pd_tab3.style.display = "none"; });
 
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"; });
 
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"; });
 
pd_button_tab3.addEventListener("click", function(){ pd_tab1.style.display = "none"; pd_tab2.style.display = "none"; pd_tab3.style.display = "block"; });
−
window.scrollTo(0, 600);
+
} 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>
 
</script>
Line 300: 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 315: 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>
Line 323: Line 396:
 
<div class="contents">
 
<div class="contents">
 
<div class="main-image"><div class="wrapper"><img src="https://static.igem.org/mediawiki/2016/2/25/T--IngenuityLab_Canada--il_icons_img.jpg" /></div></div>
 
<div class="main-image"><div class="wrapper"><img src="https://static.igem.org/mediawiki/2016/2/25/T--IngenuityLab_Canada--il_icons_img.jpg" /></div></div>
−
<div class="article">&nbsp:
+
<div class="article">&nbsp;

Latest revision as of 23:44, 19 October 2016

Ingenuity Lab - dNANO