Difference between revisions of "Team:Mingdao/navbar"
(Created page with " <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"> <img...") |
|||
| (32 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
| + | <html> | ||
| + | <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 white solid; | ||
| + | } | ||
| − | <nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: # | + | /* Safari 4.0 - 8.0 */ |
| + | @-webkit-keyframes bottom-appear { | ||
| + | from {border-bottom: 5px transparent solid;} | ||
| + | to { border-bottom: 5px white solid;} | ||
| + | } | ||
| + | |||
| + | /* Standard syntax */ | ||
| + | @keyframes bottom-appear { | ||
| + | from {border-bottom: 5px transparent solid;} | ||
| + | to { border-bottom: 5px white solid;} | ||
| + | } | ||
| + | |||
| + | /* Makes dropdown visible when hovered */ | ||
| + | .dropdown:hover>.dropdown-menu { | ||
| + | display: block; | ||
| + | } | ||
| + | .nav-link{ | ||
| + | font-family: 'Barlow Condensed', sans-serif; | ||
| + | color: white!important; | ||
| + | } | ||
| + | .dropdown-item{ | ||
| + | font-family: 'Barlow Condensed', sans-serif; | ||
| + | color:#3d7a8f!important; | ||
| + | } | ||
| + | .nav-item{ | ||
| + | font-family: 'Barlow Condensed', sans-serif; | ||
| + | color: white!important; | ||
| + | } | ||
| + | .navbar-brand { | ||
| + | color: white!important; | ||
| + | font-family: 'Barlow Condensed', sans-serif; | ||
| + | } | ||
| + | .navbar-brand:hover { | ||
| + | color: grey!important; | ||
| + | } | ||
| + | |||
| + | nav.sticky-top { | ||
| + | top: 16px !important; | ||
| + | } | ||
| + | |||
| + | </style> | ||
| + | |||
| + | <nav class="navbar navbar-expand-lg navbar-light sticky-top" style="background-color: #3d7a8f;"> | ||
<a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao"> | <a class="navbar-brand" href="https://2019.igem.org/Team:Mingdao"> | ||
<img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt=""> | <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Mingdao--logo.png" width="30" height="30" class="d-inline-block align-top" alt=""> | ||
| Line 24: | Line 80: | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
| − | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/ | + | <a class="nav-link" href="https://2019.igem.org/Team:Mingdao/Hardware"> Hardware <i class="fa fa-wrench" aria-hidden="true"></i></a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
| Line 66: | Line 122: | ||
<a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a> | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Attributions">Attributions</a> | ||
<a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a> | <a class="dropdown-item" href="https://2019.igem.org/Team:Mingdao/Collaborations">Collaboration</a> | ||
| − | + | ||
</div> | </div> | ||
</li> | </li> | ||
| Line 73: | Line 129: | ||
</div> | </div> | ||
</nav> | </nav> | ||
| + | </body> | ||
| + | </html> | ||
Latest revision as of 13:28, 21 October 2019