Difference between revisions of "Team:Bielefeld-CeBiTec/2016 BielefeldCeBiTec HomeTest"
| 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 169: | Line 192: | ||
<li class="navbar_button active"><a href="https://2016.igem.org/Team:Bielefeld-CeBiTec/2016_BielefeldCeBiTec_HomeTest">HOME</a></li> | <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> | ||
| − | <li class="navbar_button"><a href="#">PROJECT</a></li> | + | <li class="navbar_button"><a href="#">PROJECT</a> |
| + | <div class="dropdown-content"> | ||
| + | <a href="#">Description</a> | ||
| + | <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> | ||
Revision as of 11:01, 3 August 2016
