Difference between revisions of "Template:Melbourne"
| Line 72: | Line 72: | ||
p {text-align: center;} | p {text-align: center;} | ||
| + | /* The dropdown container */ | ||
| + | .dropdown { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Dropdown button */ | ||
| + | .dropdown .dropbtn { | ||
| + | font-size: 20px; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | color: white; | ||
| + | padding: 14px 16px; | ||
| + | background-color: inherit; | ||
| + | font-family: inherit; /* Important for vertical align on mobile phones */ | ||
| + | margin: 0; /* Important for vertical align on mobile phones */ | ||
| + | } | ||
| + | |||
| + | /* Add a red background color to navbar links on hover */ | ||
| + | .navbar a:hover, .dropdown:hover .dropbtn { | ||
| + | background-color: grey; | ||
| + | } | ||
| + | |||
| + | /* Dropdown content (hidden by default) */ | ||
| + | .dropdown-content { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | background-color: #333; | ||
| + | max-width: 100px; | ||
| + | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); | ||
| + | z-index: 1; | ||
| + | } | ||
| + | |||
| + | /* Links inside the dropdown */ | ||
| + | .dropdown-content a { | ||
| + | float: none; | ||
| + | color: black; | ||
| + | padding: 14px 16px; | ||
| + | text-decoration: none; | ||
| + | display: block; | ||
| + | text-align: left; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | |||
| + | /* Add a grey background color to dropdown links on hover */ | ||
| + | .dropdown-content a:hover { | ||
| + | background-color: #ddd; | ||
| + | } | ||
| + | |||
| + | /* Show the dropdown menu on hover */ | ||
| + | .dropdown:hover .dropdown-content { | ||
| + | display: block; | ||
| + | } | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
| Line 110: | Line 164: | ||
text-decoration: none; | text-decoration: none; | ||
text-align: center; | text-align: center; | ||
| − | width: | + | width: 20%; |
| + | float:left; | ||
} | } | ||
| Line 586: | Line 641: | ||
<a href="https://2018.igem.org/Team:Melbourne" class="nav_item, nav_text">Home</a> | <a href="https://2018.igem.org/Team:Melbourne" class="nav_item, nav_text">Home</a> | ||
<a href="https://2018.igem.org/Team:Melbourne/Team" class="nav_item, nav_text">Team</a> | <a href="https://2018.igem.org/Team:Melbourne/Team" class="nav_item, nav_text">Team</a> | ||
| − | < | + | <a href="www.unimelb.com" src="http://www.ampc.ms.unimelb.edu.au/srg/index_files/UOM.png" width="115px", height="95px"> |
<a href="https://2018.igem.org/Team:Melbourne/Project" class="nav_item, nav_text">Project</a> | <a href="https://2018.igem.org/Team:Melbourne/Project" class="nav_item, nav_text">Project</a> | ||
<a href="https://2018.igem.org/Team:Melbourne/Safety" class="nav_item, nav_text">Safety</a> | <a href="https://2018.igem.org/Team:Melbourne/Safety" class="nav_item, nav_text">Safety</a> | ||
Revision as of 10:12, 12 October 2018