Line 55: | Line 55: | ||
border-radius: 10px; | border-radius: 10px; | ||
} | } | ||
+ | /* Style The Dropdown Button */ | ||
+ | .dropbtn { | ||
+ | background-color: #4CAF50; | ||
+ | color: white; | ||
+ | padding: 16px; | ||
+ | font-size: 16px; | ||
+ | border: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | /* The container <div> - needed to position the dropdown content */ | ||
+ | .dropdown { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | /* 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: #f1f1f1} | ||
+ | |||
+ | /* Show the dropdown menu on hover */ | ||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /* Change the background color of the dropdown button when the dropdown content is shown */ | ||
+ | .dropdown:hover .dropbtn { | ||
+ | background-color: #3e8e41; | ||
+ | } | ||
</style> | </style> | ||
Line 68: | Line 112: | ||
<nav> | <nav> | ||
<a href="https://2016.igem.org/Team:Alverno_CA">Main</a> | <a href="https://2016.igem.org/Team:Alverno_CA">Main</a> | ||
− | + | <div class="dropdown menu"> | |
+ | <button class="dropbtn">Team</button> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Team">Team</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="https://2016.igem.org/Team:Alverno_CA/Collaboration">Collaboration</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Description">Project</a> | <a href="https://2016.igem.org/Team:Alverno_CA/Description">Project</a> | ||
<a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a> | <a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a> |
Revision as of 22:46, 30 September 2016