Difference between revisions of "Team:UNOTT/Template/NavBarTest"
| Line 1: | Line 1: | ||
| − | + | <html> | |
| − | <html > | + | |
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<link href="https://2017.igem.org/Team:UNOTT/Bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | <link href="https://2017.igem.org/Team:UNOTT/Bootstrap?action=raw&ctype=text/css" rel="stylesheet"> | ||
| − | <link href=" | + | <link rel="stylesheet" href="css/style.css"> |
<style> | <style> | ||
| Line 99: | Line 98: | ||
color: #CF5435; | color: #CF5435; | ||
} | } | ||
| + | |||
.dropdown-header { font-size: 16px; color: black; padding-bottom: 1px;} | .dropdown-header { font-size: 16px; color: black; padding-bottom: 1px;} | ||
| − | .dropdown-menu {padding-bottom: 1px; padding-top: 2px;} | + | .dropdown-menu {padding-bottom: 1px; padding-top: 0px;} |
| + | nav ul { | ||
| + | position: static; | ||
| + | display: flex; | ||
| + | float: right; | ||
| + | margin: 0px; | ||
| + | margin-top:0px; | ||
| + | padding: 0px 0px; | ||
| + | justify-content:space-around; | ||
| + | |||
| + | } | ||
| + | |||
| + | .container{ | ||
| + | height: 61px; | ||
| + | |||
| + | width: 100%; | ||
| + | color: black; | ||
| + | background: #ffff; | ||
| + | font-family: 'Karla'; | ||
| + | text-transform:uppercase; | ||
| + | |||
| + | filter: none !important; | ||
| + | box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
| + | -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
| + | -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
| + | border-bottom: 1px solid rgba(0,0,0,0.2); | ||
| + | |||
| + | } | ||
| + | /*Create vertical spacing*/ | ||
| + | li { | ||
| + | margin-bottom: 1px; | ||
| + | } | ||
| + | /*Make all menu links full width*/ | ||
| + | ul li, | ||
| + | li a { | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | |||
| + | .red { | ||
| + | color: #EA3923; | ||
| + | } | ||
| + | |||
| + | .blue { | ||
| + | color: #0C68E6; | ||
| + | } | ||
| + | |||
| + | .darkblue { | ||
| + | color: #52658F; | ||
| + | } | ||
| + | |||
| + | .yellow { | ||
| + | color: #FFDF1E; | ||
| + | } | ||
| + | |||
| + | .green { | ||
| + | color: #32BE01; | ||
| + | } | ||
| + | |||
| + | .cream { | ||
| + | color: #F7F5E6; | ||
| + | } | ||
| + | |||
| + | .grey { | ||
| + | color: #E8E8E8; | ||
| + | } | ||
| + | |||
| + | .darkgrey { | ||
| + | color: #8C8C8C; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Body */ | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | html { | ||
| + | padding-bottom: 97px; | ||
| + | } | ||
| + | |||
| + | |||
| + | .container { | ||
| + | margin-top:10px; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
| Line 125: | Line 211: | ||
<div class="navbar-collapse collapse" style="padding-top: 10px";> | <div class="navbar-collapse collapse" style="padding-top: 10px";> | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
| + | |||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle active" href="https://2017.igem.org/Team:UNOTT/Description" data-toggle="dropdown">PROJECT<b class="caret"></b></a> | <a class="dropdown-toggle active" href="https://2017.igem.org/Team:UNOTT/Description" data-toggle="dropdown">PROJECT<b class="caret"></b></a> | ||
| Line 136: | Line 223: | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | |||
| + | |||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">MODELLING<b class="caret"></b></a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">MODELLING<b class="caret"></b></a> | ||
| Line 143: | Line 232: | ||
<li><a href="https://2017.igem.org/Team:UNOTT/CultureModelling">Proving Construction Was Random</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/CultureModelling">Proving Construction Was Random</a></li> | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Model2">Model Gallery</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Model2">Model Gallery</a></li> | ||
| + | </ul> | ||
| + | </li> | ||
| + | |||
| − | |||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK<b class="caret"></b></a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK<b class="caret"></b></a> | ||
| Line 151: | Line 242: | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Experiments">Protocols</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Experiments">Protocols</a></li> | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Proof">Proof</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Proof">Proof</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:UNOTT/ | + | <li><a href="https://2017.igem.org/Team:UNOTT/Medal_Criteria">Medal Criteria</a></li> |
<li><a href="https://2017.igem.org/Team:UNOTT/Brainstorms">Brainstorm</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Brainstorms">Brainstorm</a></li> | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Safety">Safety</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| + | |||
| + | |||
<li class="dropdown"> | <li class="dropdown"> | ||
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown"> | + | <a href="#" class="dropdown-toggle" data-toggle="dropdown">OUTREACH<b class="caret"></b></a> |
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2017.igem.org/Team:UNOTT/HumanPractices">Human Practices</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/HumanPractices">Human Practices</a></li> | ||
| Line 164: | Line 257: | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Collaborations">Collaborations</a></li> | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Game">Games</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Game">Games</a></li> | ||
| − | + | </ul> | |
| + | </li> | ||
| + | |||
| + | |||
<li class="dropdown"> | <li class="dropdown"> | ||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">OUR TEAM<b class="caret"></b></a> | <a href="#" class="dropdown-toggle" data-toggle="dropdown">OUR TEAM<b class="caret"></b></a> | ||
| Line 170: | Line 266: | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Team">Team</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Team">Team</a></li> | ||
<li><a href="https://2017.igem.org/Team:UNOTT/Attributions">Attributions</a></li> | <li><a href="https://2017.igem.org/Team:UNOTT/Attributions">Attributions</a></li> | ||
| − | + | </ul> | |
| + | </li> | ||
| + | |||
| + | |||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 11:29, 25 August 2017
