Difference between revisions of "Template:Nottingham/menu"

Line 1: Line 1:
 
<html>
 
<html>
 +
 
<menu class="main-menu">
 
<menu class="main-menu">
 
<menuitem class="header">
 
<menuitem class="header">
Line 5: Line 6:
 
</menuitem>
 
</menuitem>
 
<menu class="right menu">
 
<menu class="right menu">
−
<a href="/Team:Nottingham/Project"><menuitem>
+
<menuitem class="dropdown dropdowntn">
 
Project
 
Project
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Human_Practices"><menuitem>
+
  <a href="/Team:Nottingham/Project#description">
 +
    Project description
 +
  </a>
 +
  <a href="/Team:Nottingham/Project#abstract">
 +
    Abstract
 +
  </a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 
Human Practices
 
Human Practices
−
</menuitem></a>
+
<div class="dropdown-content">
−
                <a href="/Team:Nottingham/Public_Engagement"><menuitem>
+
<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">
 
Public Engagement
 
Public Engagement
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Lab"><menuitem>
+
<a href="/Team:Nottingham/Public_Engagement#discovery">
 +
Discovery day
 +
</a>
 +
<a href="/Team:Nottingham/Public_Engagement#school-workshops-guide">
 +
School workshops
 +
</a>
 +
<a href="/Team:Nottingham/Public_Engagement#media">
 +
Media
 +
</a>
 +
 
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 
Lab
 
Lab
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Model"><menuitem>
+
<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">
 
Modelling
 
Modelling
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Collaborations"><menuitem>
+
<a href="Team:Nottingham/Model#lytic">
 +
Lytic phage model
 +
</a>
 +
<a href="Team:Nottingham/Model#temperate">
 +
Temperate phage model
 +
</a>
 +
<a href="Team:Nottingham/Model#prophage-induction">
 +
Model including prophage induction
 +
</a>
 +
<a href="Team:Nottingham/Model#comparsion">
 +
Comparsion of all three models
 +
</a>
 +
<a href="Team:Nottingham/Model#parameters">
 +
Parameters
 +
</a>
 +
<a href="Team:Nottingham/Model#references">
 +
References
 +
</a>
 +
</div>
 +
</menuitem>
 +
<menuitem class="dropdown dropdowntn">
 
Collaborations
 
Collaborations
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Achievements"><menuitem>
+
<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">
 
Achievements
 
Achievements
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Team"><menuitem>
+
<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">
 
Team
 
Team
−
</menuitem></a>
+
<div class="dropdown-content">
−
<a href="/Team:Nottingham/Attributions"><menuitem>
+
<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
 
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>
 
</html>
 
</html>

Revision as of 22:47, 16 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
Lytic phage model Temperate phage model Model including prophage induction Comparsion of all three models 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