Difference between revisions of "Template:DTU-Denmark"

Line 44: Line 44:
 
$(window).on('scroll',function(){
 
$(window).on('scroll',function(){
 
         if($(window).scrollTop()){
 
         if($(window).scrollTop()){
           $('.igem_2019_team_menu').addClass('black');
+
           $('.nav').addClass('black');
 
         }else {
 
         }else {
           $('.igem_2019_team_menu').removeClass('black');
+
           $('.nav').removeClass('black');
 
         }
 
         }
 
       })
 
       })
Line 157: Line 157:
  
  
igem_2019_team_menu{
+
nav{
 
   position: fixed;
 
   position: fixed;
 
   top:0;
 
   top:0;
Line 169: Line 169:
 
   opacity: 1;
 
   opacity: 1;
 
}
 
}
igem_2019_team_menu.black{
+
nav.black{
 
   background: rgba(0,0,0,.8);
 
   background: rgba(0,0,0,.8);
 
   height: 80px;
 
   height: 80px;
Line 175: Line 175:
 
}
 
}
  
igem_2019_team_menu a{
+
nav a{
 
   text-decoration:none;
 
   text-decoration:none;
 
   color: #fff;
 
   color: #fff;
 
}
 
}
igem_2019_team_menu .logo{
+
nav.logo{
 
   float: left;
 
   float: left;
 
}
 
}
igem_2019_team_menu .logo img{
+
nav.logo img{
 
   height: 150px;
 
   height: 150px;
 
   transition: .5s;
 
   transition: .5s;
 
}
 
}
igem_2019_team_menu.black .logo img{
+
nav.black .logo img{
 
   height: 60px;
 
   height: 60px;
 
}
 
}
igem_2019_team_menu ul{
+
nav ul{
 
   float: right;
 
   float: right;
 
   margin: 0;
 
   margin: 0;
Line 195: Line 195:
 
   display: flex;
 
   display: flex;
 
}
 
}
igem_2019_team_menu ul li{
+
nav ul li{
 
   list-style: none;
 
   list-style: none;
 
   margin-top: 25px;
 
   margin-top: 25px;
Line 207: Line 207:
 
   text-shadow: 0 0 4px #000;
 
   text-shadow: 0 0 4px #000;
 
}
 
}
/* igem_2019_team_menu ul li a{
+
/* nav ul li a{
 
   line-height: none;
 
   line-height: none;
 
   font-size: 18px;
 
   font-size: 18px;
Line 218: Line 218:
 
} */
 
} */
  
/* igem_2019_team_menu.black ul li a{
+
/* nav.black ul li a{
 
   color: #fff;
 
   color: #fff;
 
   line-height: 20px;
 
   line-height: 20px;
 
} */
 
} */
igem_2019_team_menu.black ul li{
+
nav.black ul li{
 
   color: #fff;
 
   color: #fff;
 
   line-height: 20px;
 
   line-height: 20px;
 
}
 
}
/* igem_2019_team_menu ul li a.active,
+
/* nav ul li a.active,
 
nav ul li a:hover{
 
nav ul li a:hover{
 
   color: orange;
 
   color: orange;
 
} */
 
} */
igem_2019_team_menu ul li.active,
+
nav ul li.active,
igem_2019_team_menu ul li:hover{
+
nav ul li:hover{
 
   color: #e5e8a2;
 
   color: #e5e8a2;
 
}
 
}
Line 587: Line 587:
  
  
     <div class="igem_2019_team_menu">
+
     <nav>
 
       <div class="logo">
 
       <div class="logo">
 
         <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/thumb/f/fe/T--DTU-Denmark--happylogotemp.png/428px-T--DTU-Denmark--happylogotemp.png" alt="logo"></a>
 
         <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/thumb/f/fe/T--DTU-Denmark--happylogotemp.png/428px-T--DTU-Denmark--happylogotemp.png" alt="logo"></a>
Line 666: Line 666:
  
 
       </ul>
 
       </ul>
     </div>
+
     </nav>
  
  

Revision as of 17:11, 15 July 2019