Difference between revisions of "Template:WPI Worcester"

Line 18: Line 18:
 
}
 
}
  
/* All E defined here. */
+
/* All ELEMENTS defined here. */
  
 
body {
 
body {
Line 68: Line 68:
 
}
 
}
  
.menuitem {
+
.nav_menuitem {
 
   /*height: 1.5em;*/
 
   /*height: 1.5em;*/
 
}
 
}
  
.menuitem:hover {
+
.nav_menuitem:hover {
 
   background-color: #609737;
 
   background-color: #609737;
 
}
 
}
  
.menulink {
+
.nav_menulink {
 
   text-decoration: none;
 
   text-decoration: none;
 
   color: #b7f3f1;
 
   color: #b7f3f1;
 
}
 
}
  
.menulink:visited {
+
.nav_menulink:visited {
 
   color: #86c6e7;
 
   color: #86c6e7;
 
}
 
}
  
.menulink:hover, .menulink:focus {
+
.nav_menulink:hover, .nav_menulink:focus {
 
   text-decoration: underline;
 
   text-decoration: underline;
 
}
 
}
  
.submenu {
+
.nav_submenu {
 
   list-style-type: none;
 
   list-style-type: none;
 
   display: none;
 
   display: none;
 
   background-color: #1687C2;
 
   background-color: #1687C2;
 
   text-align: left;
 
   text-align: left;
   margin: 45px;
+
   margin: 0;
 
   padding: 0;
 
   padding: 0;
 
}
 
}
  
.submenu > li {
 
 
 
}
 
  
.submenu > li > a:hover {
+
.nav_submenu > li > a:hover {
 
   background-color: #72b045;
 
   background-color: #72b045;
 
}
 
}
  
.submenu > li > a {
+
.nav_submenu > li > a {
 
   background-color: #1687C2 ;
 
   background-color: #1687C2 ;
 
   padding-left: 2em;
 
   padding-left: 2em;
Line 116: Line 113:
 
}
 
}
  
.submenu_toggle {
+
.nav_submenu_toggle {
 
   border: none;
 
   border: none;
 
   border-radius: 0px;
 
   border-radius: 0px;
Line 127: Line 124:
 
}
 
}
  
.submenu_toggle:hover, .submenu_toggle:active {
+
.nav_submenu_toggle:hover, .nav_submenu_toggle:active {
 
   border: none;
 
   border: none;
 
   border-radius: 0px;
 
   border-radius: 0px;
 
}
 
}
  
.submenu_toggle:focus {
+
.nav_submenu_toggle:focus {
 
   outline: 0.2em solid #72b045;
 
   outline: 0.2em solid #72b045;
 
   outline-offset: -0.2em;   
 
   outline-offset: -0.2em;   
Line 147: Line 144:
 
   left: 0;
 
   left: 0;
 
   position: fixed;
 
   position: fixed;
   margin: 0;
+
   margin: 14px;
 
   background-color: white;
 
   background-color: white;
 
   background-image: linear-gradient(135deg, white 30%, #86c6e7 30%);
 
   background-image: linear-gradient(135deg, white 30%, #86c6e7 30%);
Line 279: Line 276:
 
   <div id="menu_list_container">
 
   <div id="menu_list_container">
 
   <ul id="menu_list" role="menu">
 
   <ul id="menu_list" role="menu">
     <li class="menuitem" role="menuitem"><a href="https://2018.igem.org/Team:WPI_Worcester" class="menulink">Home</a></li>
+
     <li class="nav_menuitem" role="menuitem"><a href="https://2018.igem.org/Team:WPI_Worcester" class="menulink">Home</a></li>
       <li class="menuitem " role="menuitem" aria-expanded="false" aria-labeledby="Menu Toggle"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="Project Plans Submenu Toggle">Project Plans</button>
+
       <li class="nav_menuitem " role="menuitem" aria-expanded="false" aria-labeledby="Menu Toggle"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="Project Plans Submenu Toggle">Project Plans</button>
         <ul class="submenu">
+
         <ul class="nav_submenu">
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Description" class="menulink">Description</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Description" class="nav_menulink">Description</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Background" class="menulink">Background</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Background" class="nav_menulink">Background</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Design" class="menulink">Design</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Design" class="nav_menulink">Design</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Safety" class="menulink">Safety</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Safety" class="nav_menulink">Safety</a></li>
 
       </ul></li>
 
       </ul></li>
       <li class="menuitem" role="menuitem"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="Results Menu Toggle">Results</button>
+
       <li class="nav_menuitem" role="menuitem"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="Results Menu Toggle">Results</button>
         <ul class="submenu">
+
         <ul class="nav_submenu">
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Results" class="menulink"> All Results</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Results" class="nav_menulink"> All Results</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Parts" class="menulink">iGEM Parts</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Parts" class="nav_menulink">iGEM Parts</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Improve" class="menulink">Improvements</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Improve" class="nav_menulink">Improvements</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Demonstrate" class="menulink">Demonstration</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Demonstrate" class="nav_menulink">Demonstration</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Hardware" class="menulink">Hardware</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Hardware" class="nav_menulink">Hardware</a></li>
           <li><a href="https://2018.igem.org/Team:WPI_Worcester/Plant" class="menulink">Plant Synthetic Biology</a></li>
+
           <li><a href="https://2018.igem.org/Team:WPI_Worcester/Plant" class="nav_menulink">Plant Synthetic Biology</a></li>
 
       </ul></li>
 
       </ul></li>
     <li class="menuitem" role="menuitem"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="Lab Work Submenu Toggle">Lab Work</button>
+
     <li class="nav_menuitem" role="menuitem"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="Lab Work Submenu Toggle">Lab Work</button>
       <ul class="submenu">
+
       <ul class="nav_submenu">
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Experiments" class="menulink">Protocols</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Experiments" class="nav_menulink">Protocols</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Notebook" class="menulink">Notebooks</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Notebook" class="nav_menulink">Notebooks</a></li>
           <li><a href="https://2018.igem.org/Team:WPI_Worcester/InterLab" class="menulink">InterLab</a></li>
+
           <li><a href="https://2018.igem.org/Team:WPI_Worcester/InterLab" class="nav_menulink">InterLab</a></li>
 
       </ul>
 
       </ul>
 
         </li>
 
         </li>
     <li class="menuitem" role="menuitem"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="People Submenu Toggle">People</button>
+
     <li class="nav_menuitem" role="menuitem"><button class="submenu_toggle" onclick="toggleSubmenu(this)" aria-expanded="false" aria-labeledby="People Submenu Toggle">People</button>
       <ul class="submenu">
+
       <ul class="nav_submenu">
 
            
 
            
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Human_Practices">Human Practices</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Human_Practices" class="nav_menulink">Human Practices</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Public_Engagement">Public Engagement</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Public_Engagement" class="nav_menulink">Public Engagement</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Collaborations">Collaborations</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Collaborations" class="nav_menulink">Collaborations</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Attributions">Attributions</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Attributions" class="nav_menulink">Attributions</a></li>
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Team">About Us</a></li>
+
         <li><a href="https://2018.igem.org/Team:WPI_Worcester/Team" class="nav_menulink">About Us</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>

Revision as of 22:48, 15 October 2018