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