Difference between revisions of "Template:Nottingham/menu"

 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<menu class="main-menu">
 
<menu class="main-menu">
−
<a href="/Team:Nottingham/test"><menuitem class="header">
+
<menuitem class="header">
−
Clostridium dTox
+
<a href="/Team:Nottingham" style="color:inherit"><em>Clostridium</em> dTox</a>
−
</menuitem></a>
+
</menuitem>
 
<menu class="right menu">
 
<menu class="right menu">
−
<a href="#"><menuitem>
+
<menuitem class="dropdown dropdowntn">
−
Project
+
<span class="link" data-url="/Team:Nottingham/Project">Project</span>
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/test/human_practices"><menuitem>
+
  <a href="/Team:Nottingham/Project#description">
−
Human Practices
+
    Project description
−
</menuitem></a>
+
  </a>
−
<a href="#"><menuitem>
+
  <a href="/Team:Nottingham/Project#abstract">
−
Outreach
+
    Abstract
 +
  </a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Human_Practices">Human Practices</span>
 +
<div class="dropdown-content">
 +
<a href="/Team:Nottingham/Human_Practices#overview">
 +
Overview
 +
</a>
 +
<a href="/Team:Nottingham/Human_Practices#silver">
 +
Silver
 +
</a>
 +
<a href="/Team:Nottingham/Human_Practices#gold">
 +
Gold
 +
</a>
 +
<a href="/Team:Nottingham/Human_Practices#safety">
 +
Safety and Ethics
 +
</a>
 +
</div>
 +
</menuitem>
 +
        <menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Public_Engagement">Public Engagement</span>
 +
<div class="dropdown-content">
 +
<a href="/Team:Nottingham/Public_Engagement#discovery">
 +
Discovery day
 +
</a>
 +
<a href="/Team:Nottingham/Public_Engagement#school-workshops">
 +
School workshops
 +
</a>
 +
<a href="/Team:Nottingham/Public_Engagement#media">
 +
Media
 +
</a>
 +
 
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Lab">Lab
 +
<div class="dropdown-content">
 +
<a href="/Team:Nottingham/Lab#ideas">
 +
Ideas
 +
</a>
 +
<a href="/Team:Nottingham/Lab#design">
 +
Design
 +
</a>
 +
<a href="/Team:Nottingham/Lab#results">
 +
Results
 +
</a>
 +
<a href="/Team:Nottingham/Lab#conclusion">
 +
Conclusion
 +
</a>
 +
<a href="/Team:Nottingham/Lab#future-work">
 +
Future Work
 +
</a>
 +
<a href="/Team:Nottingham/Lab#interlab">
 +
Interlab
 +
</a>
 +
<a href="/Team:Nottingham/Lab#labfolder">
 +
Labfolder
 +
</a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Model">Modelling
 +
<div class="dropdown-content" style="min-width:300px">
 +
<a href="/Team:Nottingham/Model#intro">
 +
Introduction
 +
</a>
 +
<a href="/Team:Nottingham/Model#summary">
 +
Summary
 +
</a>
 +
<a href="/Team:Nottingham/Model#lytic-phage-models">
 +
Lytic Phage Models
 +
</a>
 +
<a href="/Team:Nottingham/Model#temperate-phage-models">
 +
Temporate Phage Models
 +
</a>
 +
<a href="/Team:Nottingham/Model#comparison-of-models">
 +
Comparsion of all three models
 +
</a>
 +
<a href="/Team:Nottingham/Model#methodology">
 +
Methodology
 +
</a>
 +
<a href="/Team:Nottingham/Model#parameters">
 +
Parameters
 +
</a>
 +
<a href="/Team:Nottingham/Model#references">
 +
References
 +
</a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Collaborations">Collaborations
 +
<div class="dropdown-content" style="min-width:300px">
 +
<a href="/Team:Nottingham/Collaborations#warwick">
 +
The University of Warwick
 +
</a>
 +
<a href="/Team:Nottingham/Collaborations#biomarvel">
 +
Team BioMarvel- Korea
 +
</a>
 +
<a href="/Team:Nottingham/Collaborations#warwick-and-imperial">
 +
The University of Warwick and Imperial College London
 +
</a>
 +
<a href="/Team:Nottingham/Collaborations#meetups">
 +
UK Meetups
 +
</a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Achievements">Achievements
 +
<div class="dropdown-content">
 +
<a href="/Team:Nottingham/Achievements#medal-criteria">
 +
Medal Criteria
 +
</a>
 +
<a href="/Team:Nottingham/Achievements#parts">
 +
Parts
 +
</a>
 +
<a href="/Team:Nottingham/Achievements#improved-parts">
 +
Improved parts
 +
</a>
 +
<a href="/Team:Nottingham/Achievements#demonstrate">
 +
Demonstrate
 +
</a>
 +
<a href="/Team:Nottingham/Achievements#conclusion">
 +
General conclusion
 +
</a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 +
<span class="link" data-url="/Team:Nottingham/Team">Team
 +
<div class="dropdown-content" style="min-width:200px">
 +
<a href="/Team:Nottingham/Team#Students">
 +
Students
 +
</a>
 +
<a href="/Team:Nottingham/Team#Supervisors">
 +
Supervisors
 +
</a>
 +
<a href="/Team:Nottingham/Team#Principal-investigators">
 +
Principal Investigators
 +
</a>
 +
</div>
 +
</menuitem>
 +
<a href="/Team:Nottingham/Attributions"><menuitem class="dropdown dropdowntn">
 +
Attributions
 
</menuitem></a>
 
</menuitem></a>
 
</menu>
 
</menu>
 
<menu class="mobile">
 
<menu class="mobile">
−
<menuitem>
+
<menuitem class="dropdown dropdowntn">
 
<i class="sidebar icon"></i>
 
<i class="sidebar icon"></i>
 
</menuitem>
 
</menuitem>
 
</menu>
 
</menu>
 
</menu>
 
</menu>
 +
 +
<style>
 +
 +
/* 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: #48b04b;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 9999;
 +
    border-radius:5px;
 +
}
 +
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: white;
 +
    padding: 5px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: rgba(255, 255, 255, 0.08);}
 +
 +
/* 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>
 +
 +
<script>
 +
$("span.link").on("click", function() {
 +
window.location = $(this).data("url");
 +
});
 +
</script>
 
</html>
 
</html>

Latest revision as of 22:19, 17 October 2018

Clostridium dTox Project
Project description Abstract
Human Practices
Overview Silver Gold Safety and Ethics
Public Engagement
Discovery day School workshops Media
Lab
Ideas Design Results Conclusion Future Work Interlab Labfolder
Modelling
Introduction Summary Lytic Phage Models Temporate Phage Models Comparsion of all three models Methodology Parameters References
Collaborations
The University of Warwick Team BioMarvel- Korea The University of Warwick and Imperial College London UK Meetups
Achievements
Medal Criteria Parts Improved parts Demonstrate General conclusion
Team
Students Supervisors Principal Investigators
Attributions