Difference between revisions of "Team:Bielefeld-CeBiTec/2016 BielefeldCeBiTec HomeTest"
| (5 intermediate revisions by the same user not shown) | |||
| Line 81: | Line 81: | ||
.navbar { | .navbar { | ||
padding-left:0px; | padding-left:0px; | ||
| + | z-index: 1000; | ||
} | } | ||
/*Centers content of the navbar*/ | /*Centers content of the navbar*/ | ||
| Line 110: | Line 111: | ||
.navbar_button:hover { | .navbar_button:hover { | ||
background-color:green; | background-color:green; | ||
| + | } | ||
| + | |||
| + | .navbar_button:hover .dropdown-content{ | ||
| + | display: block; | ||
} | } | ||
| Line 117: | Line 122: | ||
.navbar-default .navbar-nav > li > a:hover { | .navbar-default .navbar-nav > li > a:hover { | ||
color:white; | color:white; | ||
| + | } | ||
| + | /* Dropdown Content (Hidden by Default) */ | ||
| + | .dropdown-content { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | background-color: #f9f9f9; | ||
| + | min-width: 160px; | ||
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
} | } | ||
| + | /* Links inside the dropdown */ | ||
| + | .dropdown-content a { | ||
| + | color: black; | ||
| + | padding: 12px 16px; | ||
| + | text-decoration: none; | ||
| + | display: block; | ||
| + | } | ||
| + | |||
| + | /* Change color of dropdown links on hover */ | ||
| + | .dropdown-content a:hover {background-color: #4F4949} | ||
</style> | </style> | ||
| Line 167: | Line 190: | ||
<div id="navbar" class="navbar-collapse collapse"> | <div id="navbar" class="navbar-collapse collapse"> | ||
<ul class="nav navbar-nav navbar-center"> | <ul class="nav navbar-nav navbar-center"> | ||
| − | <li class="navbar_button active"><a href=" | + | <li class="navbar_button active"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/2016_BielefeldCeBiTec_HomeTest">HOME</a></li> |
| − | <li class="navbar_button"><a href="#">TEAM</a></li> | + | <li class="navbar_button"><a href="#">TEAM</a> |
| − | <li class="navbar_button"><a href="#">PROJECT</a></li> | + | <div class="dropdown-content"> |
| + | <a href="#">Official Team Profile</a> | ||
| + | <a href="#"> Members</a> | ||
| + | <a href="#"> Subteams</a> | ||
| + | <a href="#"> University Bielefeld</a> | ||
| + | <a href="#"> Collaborations</a> | ||
| + | <ul class="dropdown-extra"> | ||
| + | <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Team/Collaborations/Postcards"> Postcards </a></li> | ||
| + | |||
| + | </ul> | ||
| + | <a href="#">Acknowledgement</a> | ||
| + | <a href="#">Sponsors</a> | ||
| + | <a href="#">Contact</a> | ||
| + | </div> | ||
| + | </li> | ||
| + | <li class="navbar_button"><a href="#">PROJECT</a> | ||
| + | <div class="dropdown-content"> | ||
| + | <a href="#">Overview</a> | ||
| + | <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook"> Notebook</a> | ||
| + | <ul class="dropdown-extra"> | ||
| + | <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook/Library"> Library </a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook/Mutation"> Mutation </a></li> | ||
| + | <li><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Notebook/Selection"> Selection </a></li> | ||
| + | </ul> | ||
| + | <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Library">Library</a> | ||
| + | <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Mutation">Mutation</a> | ||
| + | <a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Selection">Selection</a> | ||
| + | </div> | ||
| + | </li> | ||
<li class="navbar_button"><a href="#">PARTS</a></li> | <li class="navbar_button"><a href="#">PARTS</a></li> | ||
<li class="navbar_button"><a href="#">SAFETY</a></li> | <li class="navbar_button"><a href="#">SAFETY</a></li> | ||
| Line 234: | Line 285: | ||
</div> | </div> | ||
<div class="col-xs-7 col-md-7"> | <div class="col-xs-7 col-md-7"> | ||
| − | <h3 class="textHeadline"> | + | <h3 class="textHeadline"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/Selection">Selection</a></h3> |
<p class="stdText">Content<br>Content<br>Content</p> | <p class="stdText">Content<br>Content<br>Content</p> | ||
</div> | </div> | ||
Latest revision as of 12:56, 4 August 2016
