Difference between revisions of "Team:TUDelft/Header"

(Created page with "{{#tag:html| <body class="mediawiki"> <header> <div class="navbar-fixed"> <nav class="row orange"> <ul id="dropdown-project" class="dr...")
 
Line 1: Line 1:
 
{{#tag:html|
 
{{#tag:html|
 +
<head>
 +
<style>
 +
  #top_menu_14 {
 +
    background-color: {{2}};
 +
    border-bottom: 2px solid {{2}};
 +
    transition: all .25s ease-in-out;
 +
    z-index: 3;
 +
}
 +
 +
#top_menu_14:hover,
 +
#top_menu_14.hover {
 +
    background-color: black;
 +
    border-bottom: 2px solid black;
 +
}
 +
 +
</style>
 +
</head>
 +
  
 
<body class="mediawiki">
 
<body class="mediawiki">
 
     <header>
 
     <header>
 
         <div class="navbar-fixed">
 
         <div class="navbar-fixed">
−
             <nav class="row orange">
+
             <nav class="row {{1}}">
 
                 <ul id="dropdown-project" class="dropdown-content">
 
                 <ul id="dropdown-project" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Description</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Description</a></li>
−
                     <li><a href="#!" class="orange-text">Design Phase</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Design Phase</a></li>
−
                     <li><a href="#!" class="orange-text">Modelling</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Modelling</a></li>
−
                     <li><a href="#!" class="orange-text">Results</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Results</a></li>
−
                     <li><a href="#!" class="orange-text">Demonstration</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Demonstration</a></li>
 
                 </ul>
 
                 </ul>
 
                 <ul id="dropdown-team" class="dropdown-content">
 
                 <ul id="dropdown-team" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Team Members</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Team Members</a></li>
−
                     <li><a href="#!" class="orange-text">Collaborations</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Collaborations</a></li>
 
                 </ul>
 
                 </ul>
 
                 <ul id="dropdown-notebook" class="dropdown-content">
 
                 <ul id="dropdown-notebook" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Notebook</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Notebook</a></li>
−
                     <li><a href="#!" class="orange-text">Protocols</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Protocols</a></li>
−
                     <li><a href="#!" class="orange-text">Safety</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Safety</a></li>
 
                 </ul>
 
                 </ul>
  
 
                 <ul id="dropdown-parts" class="dropdown-content">
 
                 <ul id="dropdown-parts" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Basic Parts</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Basic Parts</a></li>
−
                     <li><a href="#!" class="orange-text">Composite Parts</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Composite Parts</a></li>
−
                     <li><a href="#!" class="orange-text">Improved BioBrick</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Improved BioBrick</a></li>
 
                 </ul>
 
                 </ul>
 
                 <ul id="dropdown-HP" class="dropdown-content">
 
                 <ul id="dropdown-HP" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Integrated Human Practises (IHP)</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Integrated Human Practises (IHP)</a></li>
−
                     <li><a href="#!" class="orange-text">Education and public engagement</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Education and public engagement</a></li>
−
                     <li><a href="#!" class="orange-text">Educational IHP videos</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Educational IHP videos</a></li>
−
                     <li><a href="#!" class="orange-text">Events</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Events</a></li>
−
                     <li><a href="#!" class="orange-text">Outreach</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Outreach</a></li>
−
                     <li><a href="#!" class="orange-text">Newsletter</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Newsletter</a></li>
−
                     <li><a href="#!" class="orange-text">Meet up</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Meet up</a></li>
 
                 </ul>
 
                 </ul>
 
                 <ul id="dropdown-attribution" class="dropdown-content">
 
                 <ul id="dropdown-attribution" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Attribution</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Attribution</a></li>
−
                     <li><a href="#!" class="orange-text">Sponsors</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Sponsors</a></li>
−
                     <li><a href="#!" class="orange-text">Crowdfunding</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Crowdfunding</a></li>
−
                     <li><a href="#!" class="orange-text">Newsletter</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Newsletter</a></li>
 
                 </ul>
 
                 </ul>
 
                 <ul id="dropdown-help" class="dropdown-content">
 
                 <ul id="dropdown-help" class="dropdown-content">
−
                     <li><a href="#!" class="orange-text">Contribution Overview</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Contribution Overview</a></li>
−
                     <li><a href="#!" class="orange-text">InterLab</a></li>
+
                     <li><a href="#!" class="{{1}}-text">InterLab</a></li>
−
                     <li><a href="#!" class="orange-text">Wiki Help</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Wiki Help</a></li>
−
                     <li><a href="#!" class="orange-text">Plot Grow Curves</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Plot Grow Curves</a></li>
−
                     <li><a href="#!" class="orange-text">Find correct CRISPR targets</a></li>
+
                     <li><a href="#!" class="{{1}}-text">Find correct CRISPR targets</a></li>
 
                 </ul>
 
                 </ul>
  
Line 89: Line 107:
 
             </nav>
 
             </nav>
 
         </div>
 
         </div>
−
         <a href='#!' class="btn-floating btn-large waves-effect waves-light orange" id="menu-btn"><i class="material-icons">menu</i></a>
+
         <a href='#!' class="btn-floating btn-large waves-effect waves-light {{1}}" id="menu-btn"><i class="material-icons">menu</i></a>
 
     </header>
 
     </header>
 
}}
 
}}

Revision as of 13:34, 17 October 2017

menu