Difference between revisions of "Team:Bielefeld-CeBiTec/Notebook/Library"

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>

Revision as of 12:05, 3 August 2016