Difference between revisions of "Team:Mingdao/navbar"

Line 1: Line 1:
 
<html>
 
<html>
 
<body>
 
<body>
 +
<style>
 +
a.nav-link {
 +
  font-size: 20px!important;
 +
  border-bottom: 5px transparent solid;
 +
}
 +
a.nav-link:hover {
 +
  -webkit-animation-name: bottom-appear; /* Safari 4.0 - 8.0 */
 +
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
 +
  animation-name: bottom-appear;
 +
  animation-duration: 0.5s;
 +
  border-bottom: 5px green solid;
 +
}
 +
 +
/* Safari 4.0 - 8.0 */
 +
@-webkit-keyframes bottom-appear {
 +
  from {border-bottom: 5px transparent solid;}
 +
  to { border-bottom: 5px green solid;}
 +
}
 +
 +
/* Standard syntax */
 +
@keyframes bottom-appear {
 +
  from {border-bottom: 5px transparent solid;}
 +
  to { border-bottom: 5px green solid;}
 +
}
 +
 +
/* Makes dropdown visible when hovered */
 +
.dropdown:hover>.dropdown-menu {
 +
  display: block;
 +
}
 +
</style>
 +
 
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;">
 
<nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #c9e8e1;">
 
   <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">
 
   <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao">

Revision as of 15:10, 2 October 2019