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/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 179: | Line 215: | ||
</div> | </div> | ||
</nav> | </nav> | ||
+ | |||
<div class="main content"> | <div class="main content"> | ||
<h1> Mutation </h1> | <h1> Mutation </h1> |
Revision as of 12:08, 3 August 2016
iGEM Logo
Irgentwas