(81 intermediate revisions by 5 users not shown) | |||
Line 28: | Line 28: | ||
href="https://2018.igem.org/Template:Newcastle/CSSbase?action=raw&ctype=text/css" /> | href="https://2018.igem.org/Template:Newcastle/CSSbase?action=raw&ctype=text/css" /> | ||
<link rel="stylesheet" type="text/css" | <link rel="stylesheet" type="text/css" | ||
− | href="https://2018.igem.org/Template:Newcastle/ | + | href="https://2018.igem.org/Template:Newcastle/CSSvendorNoReveal?action=raw&ctype=text/css" /> |
− | <link rel="stylesheet" type="text/css" | + | <link rel="stylesheet" type="text/css" |
href="https://2018.igem.org/Template:Newcastle/CSSmain?action=raw&ctype=text/css" /> | href="https://2018.igem.org/Template:Newcastle/CSSmain?action=raw&ctype=text/css" /> | ||
<!-- <link rel="stylesheet" type="text/css" | <!-- <link rel="stylesheet" type="text/css" | ||
Line 78: | Line 78: | ||
.navbar_li { | .navbar_li { | ||
float: left; | float: left; | ||
− | font-size: | + | font-size: 20px; |
} | } | ||
− | .navbar_li a { | + | .navbar_li a, .navbar_dropdown_li a { |
display: block; | display: block; | ||
color: white; | color: white; | ||
text-align: center; | text-align: center; | ||
− | padding: | + | padding: 18px 14px; |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
Line 92: | Line 92: | ||
.navbar_li a:hover:not(.active) { | .navbar_li a:hover:not(.active) { | ||
background-color: #39b54a; | background-color: #39b54a; | ||
+ | } | ||
+ | |||
+ | .navbar_dropdown_content { | ||
+ | display: none; | ||
+ | position: absolute; | ||
+ | background-color: #333; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .navbar_dropdown_content a:hover { | ||
+ | background-color: #39b54a; | ||
+ | } | ||
+ | |||
+ | .navbar_dropdown_content a { | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 18px 14px; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .navbar_li:hover .navbar_dropdown_content { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #expand_btn { | ||
+ | z-index: 0; | ||
+ | position: fixed; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | .toggle { | ||
+ | background-color: #333; | ||
+ | color: white; | ||
+ | text-indent: 0px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .toggle:hover { | ||
+ | background-color: #39b54a; | ||
} | } | ||
</style> | </style> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | function myFunction() { | ||
+ | var x = document.getElementById("navbar"); | ||
+ | if (x.style.display === "none") { | ||
+ | x.style.display = "block"; | ||
+ | } else { | ||
+ | x.style.display = "none"; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | </script> | ||
</head> | </head> | ||
Line 102: | Line 154: | ||
− | <div style="position: fixed; top: 16px; left:0px; width:100%; height:50px"> | + | <div style="position: fixed; top: 16px; left:0px; width:100%; height:50px; z-index:100"> |
− | <ul class="navbar_ul" style="margin:0px"> | + | <ul id="navbar" class="navbar_ul" style="margin:0px"> |
− | <li class="navbar_li"><a class="site-logo" href="https://2018.igem.org/Team:Newcastle"> | + | <li class="navbar_li"><a class="site-logo" style="padding:7px" href="https://2018.igem.org/Team:Newcastle"> |
<img src="https://static.igem.org/mediawiki/2018/thumb/2/22/T--Newcastle--RoundLogo.png/555px-T--Newcastle--RoundLogo.png" width=50px alt="Homepage"> | <img src="https://static.igem.org/mediawiki/2018/thumb/2/22/T--Newcastle--RoundLogo.png/555px-T--Newcastle--RoundLogo.png" width=50px alt="Homepage"> | ||
</a></li> | </a></li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <li class="navbar_li"><a href="https://2018.igem.org/Team:Newcastle">Home</a></li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Project</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Description">Description</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Safety">Safety</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Parts">Parts Used</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Part_Collection">New Parts Collection</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Human Practices</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Human_Practices">Integrated HP</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Public_Engagement">Outreach and Public Engagement</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Hardware</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Hardware">Hardware Overview</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Circuitry">Circuitry</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Results">Results</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Developments">Future Developments</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Software</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Software">Software Overview</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Software/NH1">NH-1</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Software/OT">Opentrons</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Wetware</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | |||
+ | <a href="https://2018.igem.org/Team:Newcastle/Results/Endophyte1">Root Colonisation</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Results/Endophyte">Endophytic Chassis</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Results/Chemotaxis">Chemotaxis</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Results/Operon">Naringenin Operon</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Protocols">Protocols</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Experiments">Lab Book</a> | ||
+ | </div> | ||
+ | |||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Modelling</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Model">Modelling Overview</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Modelling/Community">Microbial Community Modelling</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Naringenin_Pathway">Naringenin Pathway</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Measurement</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/InterLab">InterLab Study</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Measurement">Measurement, Automation & Reproducibility</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Measurement/Methods">Materials and Methods</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Team</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Team">Members</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Collaborations">Collaborations</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li class="navbar_li"><a href="https://2018.igem.org/Team:Newcastle/Notebook">Notebook</a></li> | ||
+ | |||
+ | <li class="navbar_li"><a href="#">Judging</a> | ||
+ | <div class="navbar_dropdown_content"> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Medals">Medals</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Improve">Improve</a> | ||
+ | <a href="https://2018.igem.org/Team:Newcastle/Demonstrate">Demonstrate</a> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
</ul> | </ul> | ||
− | |||
+ | <div id="expand_btn"><button class="toggle" onclick="myFunction()">Hide/Show</button></div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 22:32, 17 October 2018