Line 18: | Line 18: | ||
} | } | ||
− | /* All | + | /* All ELEMENTS defined here. */ |
body { | body { | ||
Line 68: | Line 68: | ||
} | } | ||
− | . | + | .nav_menuitem { |
/*height: 1.5em;*/ | /*height: 1.5em;*/ | ||
} | } | ||
− | . | + | .nav_menuitem:hover { |
background-color: #609737; | background-color: #609737; | ||
} | } | ||
− | . | + | .nav_menulink { |
text-decoration: none; | text-decoration: none; | ||
color: #b7f3f1; | color: #b7f3f1; | ||
} | } | ||
− | . | + | .nav_menulink:visited { |
color: #86c6e7; | color: #86c6e7; | ||
} | } | ||
− | . | + | .nav_menulink:hover, .nav_menulink:focus { |
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
− | . | + | .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: | + | margin: 0; |
padding: 0; | padding: 0; | ||
} | } | ||
− | |||
− | |||
− | |||
− | . | + | .nav_submenu > li > a:hover { |
background-color: #72b045; | background-color: #72b045; | ||
} | } | ||
− | . | + | .nav_submenu > li > a { |
background-color: #1687C2 ; | background-color: #1687C2 ; | ||
padding-left: 2em; | padding-left: 2em; | ||
Line 116: | Line 113: | ||
} | } | ||
− | . | + | .nav_submenu_toggle { |
border: none; | border: none; | ||
border-radius: 0px; | border-radius: 0px; | ||
Line 127: | Line 124: | ||
} | } | ||
− | . | + | .nav_submenu_toggle:hover, .nav_submenu_toggle:active { |
border: none; | border: none; | ||
border-radius: 0px; | border-radius: 0px; | ||
} | } | ||
− | . | + | .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: | + | 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=" | + | <li class="nav_menuitem" role="menuitem"><a href="https://2018.igem.org/Team:WPI_Worcester" class="menulink">Home</a></li> |
− | <li class=" | + | <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=" | + | <ul class="nav_submenu"> |
− | <li><a href="https://2018.igem.org/Team:WPI_Worcester/Description" class=" | + | <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=" | + | <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=" | + | <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=" | + | <li><a href="https://2018.igem.org/Team:WPI_Worcester/Safety" class="nav_menulink">Safety</a></li> |
</ul></li> | </ul></li> | ||
− | <li class=" | + | <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=" | + | <ul class="nav_submenu"> |
− | <li><a href="https://2018.igem.org/Team:WPI_Worcester/Results" class=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <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=" | + | <ul class="nav_submenu"> |
− | <li><a href="https://2018.igem.org/Team:WPI_Worcester/Experiments" class=" | + | <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=" | + | <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=" | + | <li><a href="https://2018.igem.org/Team:WPI_Worcester/InterLab" class="nav_menulink">InterLab</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
− | <li class=" | + | <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=" | + | <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