Difference between revisions of "Team:TUDelft/Header"

Line 3: Line 3:
 
<style>
 
<style>
 
   #top_menu_14 {
 
   #top_menu_14 {
     background-color: {{2}};
+
     background-color: {{{2}}};
     border-bottom: 2px solid {{2}};
+
     border-bottom: 2px solid {{{2}}};
 
     transition: all .25s ease-in-out;
 
     transition: all .25s ease-in-out;
 
     z-index: 3;
 
     z-index: 3;
Line 22: Line 22:
 
     <header>
 
     <header>
 
         <div class="navbar-fixed">
 
         <div class="navbar-fixed">
             <nav class="row {{1}}">
+
             <nav class="row {{{1}}}">
 
                 <ul id="dropdown-project" class="dropdown-content">
 
                 <ul id="dropdown-project" class="dropdown-content">
                     <li><a href="#!" class="{{1}}-text">Description</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Description</a></li>
                     <li><a href="#!" class="{{1}}-text">Design Phase</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Design Phase</a></li>
                     <li><a href="#!" class="{{1}}-text">Modelling</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Modelling</a></li>
                     <li><a href="#!" class="{{1}}-text">Results</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Results</a></li>
                     <li><a href="#!" class="{{1}}-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="{{1}}-text">Team Members</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Team Members</a></li>
                     <li><a href="#!" class="{{1}}-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="{{1}}-text">Notebook</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Notebook</a></li>
                     <li><a href="#!" class="{{1}}-text">Protocols</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Protocols</a></li>
                     <li><a href="#!" class="{{1}}-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="{{1}}-text">Basic Parts</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Basic Parts</a></li>
                     <li><a href="#!" class="{{1}}-text">Composite Parts</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Composite Parts</a></li>
                     <li><a href="#!" class="{{1}}-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="{{1}}-text">Integrated Human Practises (IHP)</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Integrated Human Practises (IHP)</a></li>
                     <li><a href="#!" class="{{1}}-text">Education and public engagement</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Education and public engagement</a></li>
                     <li><a href="#!" class="{{1}}-text">Educational IHP videos</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Educational IHP videos</a></li>
                     <li><a href="#!" class="{{1}}-text">Events</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Events</a></li>
                     <li><a href="#!" class="{{1}}-text">Outreach</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Outreach</a></li>
                     <li><a href="#!" class="{{1}}-text">Newsletter</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Newsletter</a></li>
                     <li><a href="#!" class="{{1}}-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="{{1}}-text">Attribution</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Attribution</a></li>
                     <li><a href="#!" class="{{1}}-text">Sponsors</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Sponsors</a></li>
                     <li><a href="#!" class="{{1}}-text">Crowdfunding</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Crowdfunding</a></li>
                     <li><a href="#!" class="{{1}}-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="{{1}}-text">Contribution Overview</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Contribution Overview</a></li>
                     <li><a href="#!" class="{{1}}-text">InterLab</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">InterLab</a></li>
                     <li><a href="#!" class="{{1}}-text">Wiki Help</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Wiki Help</a></li>
                     <li><a href="#!" class="{{1}}-text">Plot Grow Curves</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Plot Grow Curves</a></li>
                     <li><a href="#!" class="{{1}}-text">Find correct CRISPR targets</a></li>
+
                     <li><a href="#!" class="{{{1}}}-text">Find correct CRISPR targets</a></li>
 
                 </ul>
 
                 </ul>
  
Line 107: Line 107:
 
             </nav>
 
             </nav>
 
         </div>
 
         </div>
         <a href='#!' class="btn-floating btn-large waves-effect waves-light {{1}}" 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:41, 17 October 2017

menu