Difference between revisions of "Team:Bielefeld-CeBiTec/Mutation"

 
(3 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 118: Line 123:
 
     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}
 +
  
 +
/*Make the navigation button green where you are*/
 +
#current > a {background-color: green}
  
 
</style>
 
</style>
Line 168: Line 195:
 
<ul class="nav navbar-nav navbar-center">
 
<ul class="nav navbar-nav navbar-center">
 
<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 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" id="current"><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 234:
 
</div>
 
</div>
 
</nav>
 
</nav>
         <div class="main content">
+
 
 +
         <div class="maincontentOfpage">
 
             <h1> Mutation </h1>
 
             <h1> Mutation </h1>
 
         </div>
 
         </div>

Latest revision as of 13:28, 4 August 2016