Difference between revisions of "Template:British Columbia/Navbar"
Catherinepan (Talk | contribs) |
Catherinepan (Talk | contribs) |
||
| (40 intermediate revisions by 2 users not shown) | |||
| Line 8: | Line 8: | ||
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:British_Columbia/bootstrap?action=raw&ctype=text/css" /> | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:British_Columbia/bootstrap?action=raw&ctype=text/css" /> | ||
<script type="text/javascript" src="https://2018.igem.org/Template:British_Columbia/bootstrapJS?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2018.igem.org/Template:British_Columbia/bootstrapJS?action=raw&ctype=text/javascript"></script> | ||
| + | |||
<style> | <style> | ||
p { | p { | ||
| − | margin-bottom: | + | margin-bottom:1px; |
} | } | ||
| Line 32: | Line 33: | ||
.right-buffer { | .right-buffer { | ||
| − | margin-right: | + | margin-right: 40px; |
} | } | ||
| − | #navbar .navbar-nav | + | #navbar .navbar-nav li a { |
font: GeosansLight; | font: GeosansLight; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 43: | Line 44: | ||
} | } | ||
| − | #navbar .navbar-nav | + | #navbar .navbar-nav li a:hover, |
| − | #navbar .navbar-nav | + | #navbar .navbar-nav li a:focus { |
font: GeosansLight; | font: GeosansLight; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 56: | Line 57: | ||
#navbar .navbar-nav .dropdown-menu { | #navbar .navbar-nav .dropdown-menu { | ||
font: GeosansLight; | font: GeosansLight; | ||
| − | background-color: # | + | background-color: #a9c9c7; |
| − | + | ||
font-size: 13px; | font-size: 13px; | ||
letter-spacing: 0.4px; | letter-spacing: 0.4px; | ||
| Line 66: | Line 66: | ||
} | } | ||
| − | #navbar .navbar-nav .dropdown-menu | + | #navbar .navbar-nav .dropdown-menu li a { |
color: black !important; | color: black !important; | ||
text-decoration: none; | text-decoration: none; | ||
font-weight: normal; | font-weight: normal; | ||
| − | |||
} | } | ||
| − | #navbar .navbar-nav .dropdown-menu | + | #navbar .navbar-nav .dropdown-menu li a:visited { |
| − | .navbar .navbar-nav .dropdown-menu | + | color: black !important; |
| − | background-color: # | + | text-decoration: none; |
| + | font-weight: normal; | ||
| + | } | ||
| + | |||
| + | |||
| + | #navbar .navbar-nav .dropdown-menu li a:hover, | ||
| + | .navbar .navbar-nav .dropdown-menu li a:focus { | ||
| + | background-color: #a9c9c7; | ||
-webkit-text-stroke: 0.3px; | -webkit-text-stroke: 0.3px; | ||
color: black; | color: black; | ||
| Line 85: | Line 91: | ||
<!-- navbar --> | <!-- navbar --> | ||
<nav id="navbar" class="navbar navbar-expand-lg"> | <nav id="navbar" class="navbar navbar-expand-lg"> | ||
| − | <a class="navbar-brand" href=" | + | <a class="navbar-brand" href="https://2018.igem.org/Team:British_Columbia"><img id="logo_image" src="https://static.igem.org/mediawiki/2018/4/4b/T--British_Columbia--logo.png" alt="Logo"></a> |
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation"> | <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="true" aria-label="Toggle navigation"> | ||
<span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||
</button> | </button> | ||
| − | <div class="collapse navbar-collapse" id="navbarSupportedContent"> | + | <div class="collapse navbar-collapse" id="navbarSupportedContent" style="margin-right:20px;"> |
<ul class="navbar-nav ml-auto right-buffer"> | <ul class="navbar-nav ml-auto right-buffer"> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
| Line 96: | Line 102: | ||
PROJECT | PROJECT | ||
</a> | </a> | ||
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="width:240px;"> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Description">OVERVIEW</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Naringenin">DISTRIBUTED BIOSYNTHESIS</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Biosensor">BIOSENSOR</a> |
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Kaempferol">POPULATION DYNAMICS</a> | ||
| + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Parts">PARTS</a> | ||
</div> | </div> | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
| − | <a class="nav-link" href=" | + | <a class="nav-link" href="https://2018.igem.org/Team:British_Columbia/Model">MODEL</a> |
</li> | </li> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
| Line 109: | Line 117: | ||
HUMAN PRACTICES | HUMAN PRACTICES | ||
</a> | </a> | ||
| − | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | + | <div class="dropdown-menu" aria-labelledby="navbarDropdown" style="width:200px;"> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Human_Practices">HUMAN PRACTICES</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Public_Engagement">PUBLIC ENGAGEMENT</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Collaborations">COLLABORATIONS</a> |
</div> | </div> | ||
</li> | </li> | ||
| Line 120: | Line 128: | ||
</a> | </a> | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Team">MEMBERS</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Attributions">ATTRIBUTIONS</a> |
| − | + | ||
</div> | </div> | ||
</li> | </li> | ||
<li class="nav-item dropdown"> | <li class="nav-item dropdown"> | ||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> | ||
| − | + | LABORATORY | |
</a> | </a> | ||
<div class="dropdown-menu" aria-labelledby="navbarDropdown"> | <div class="dropdown-menu" aria-labelledby="navbarDropdown"> | ||
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Notebook">NOTEBOOK</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/Protocols">PROTOCOLS</a> |
| − | <a class="dropdown-item" href=" | + | <a class="dropdown-item" href="https://2018.igem.org/Team:British_Columbia/InterLab">INTERLAB</a> |
</div> | </div> | ||
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
| − | <a class="nav-link" href=" | + | <a class="nav-link" href="https://2018.igem.org/Team:British_Columbia/Deliverables">ACHIEVEMENTS</a> |
</li> | </li> | ||
</ul> | </ul> | ||
Latest revision as of 07:44, 10 November 2018