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

 
(8 intermediate revisions by the same user not shown)
Line 91: Line 91:
 
   padding: 0;
 
   padding: 0;
 
   text-align: center;
 
   text-align: center;
−
   width: 90px;
+
   width: 110px;
 
   cursor: pointer;
 
   cursor: pointer;
−
}
 
−
.menu ul:nth-child(5) {
 
−
width: 120px;
 
 
}
 
}
 
.menu ul li {
 
.menu ul li {
Line 303: Line 300:
 
border: 1px solid #dddddd;
 
border: 1px solid #dddddd;
 
padding: 0.5em 1em;  
 
padding: 0.5em 1em;  
−
}
 
−
 
−
#btn-mobile-menu {
 
−
display: none;
 
 
}
 
}
  
 
/* MEDIA QUERY */
 
/* MEDIA QUERY */
−
/* 1040 */
 
 
@media only screen and (max-width: 65em) {
 
@media only screen and (max-width: 65em) {
 
.logo {
 
.logo {
Line 316: Line 308:
 
}
 
}
 
}
 
}
−
/* 920 */
 
 
@media only screen and (max-width: 57.5em) {
 
@media only screen and (max-width: 57.5em) {
 
.menu ul {
 
.menu ul {
Line 322: Line 313:
 
}
 
}
 
}
 
}
−
/* 860 */
 
 
@media only screen and (max-width: 53.75em) {
 
@media only screen and (max-width: 53.75em) {
 
.article .wrapper {
 
.article .wrapper {
Line 333: Line 323:
 
margin-left: 10px;
 
margin-left: 10px;
 
}
 
}
 +
}
 +
@media only screen and (max-width: 46.875em) {
 
.menu ul {
 
.menu ul {
 
width: 75px;
 
width: 75px;
 
}
 
}
−
}
 
−
/* 768 */
 
−
@media only screen and (max-width: 48em) {
 
−
.logo {
 
−
    display: block;
 
−
    width: 80%;
 
−
}
 
−
#btn-mobile-menu {
 
−
display: block;
 
−
float: right;
 
−
clear: right;
 
−
}
 
−
.menu {
 
−
  float: left;
 
−
  width: 100%;
 
−
  display: none;
 
−
}
 
−
.menu ul {
 
−
  width: 100%;
 
−
  float: none;
 
−
  height: auto;
 
−
  line-height: 2.2em;
 
−
}
 
−
.menu ul:nth-child(5) {
 
−
  width: 100%;
 
−
}
 
−
.menu ul:hover {
 
−
  background-color: #ffffff;
 
−
  color: #405e88;
 
−
}
 
−
.menu ul li {
 
−
display: block;
 
−
    background-color: #eeeeee;
 
−
    width: 100%;
 
−
    height: 50px;
 
−
}
 
−
.menu ul li:last-child {
 
−
border-radius: 0;
 
−
}
 
−
.menu ul li:hover {
 
−
    background-color: #eeeeee;
 
−
    color: #405e88;
 
−
}
 
−
.menu ul a:hover {
 
−
    color: #405e88;
 
−
}
 
−
#btn-mobile-menu {
 
−
  color: #405e88;
 
−
  background: #eeeeee none repeat scroll 0 0;
 
−
  font-family: 'Titillium Web', Helvetica, Arial, sans-serif;
 
−
  font-weight: 600;
 
−
  font-size: 1.2em;
 
−
  clear: right;
 
−
  display: block;
 
−
  float: right;
 
−
  height: 70px;
 
−
  line-height: 3.9em;
 
−
  text-align: center;
 
−
  width: 16%;
 
−
  cursor: default;
 
 
}
 
}
 
</style>
 
</style>
Line 430: Line 362:
 
});
 
});
 
}  
 
}  
−
 
−
// mobile menu on/off
 
−
var btnMobileMenu = document.getElementById("btn-mobile-menu");
 
−
var mainMenu = document.getElementById("main_menu");
 
−
btnMobileMenu.addEventListener("mousedown",function(){
 
−
if(mainMenu.style.display === "none"){
 
−
mainMenu.style.display = "block";
 
−
}else{
 
−
mainMenu.style.display = "none";
 
−
}
 
−
});
 
−
window.addEventListener('resize', function(){
 
−
if(window.innerWidth < 768){
 
−
mainMenu.style.display = "none";
 
−
}else{
 
−
mainMenu.style.display = "block";
 
−
}
 
−
}, true);
 
 
});
 
});
 
</script>
 
</script>
Line 459: 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 onclick="">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/Parts">Parts</a></li>
 
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Parts">Parts</a></li>
Line 466: Line 380:
 
                                                 <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 onclick="">Practices
+
<ul>Practices
 
<li><a href="https://2016.igem.org/Team:IngenuityLab_Canada/Collaborations">Collaborations</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>
−
<ul onclick="">Team
+
<ul>Team
 
<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>

Latest revision as of 23:44, 19 October 2016

Ingenuity Lab - dNANO