|
|
Line 1: |
Line 1: |
− |
| |
| <html> | | <html> |
− |
| |
− | <head>
| |
− |
| |
| <script> | | <script> |
| $(document).ready(function() { | | $(document).ready(function() { |
Line 23: |
Line 19: |
| }); | | }); |
| | | |
− | function highlight_current_page_menu() { | + | function highlight_current_page_menu() { |
| var page_url="https://2018.igem.org/"; | | var page_url="https://2018.igem.org/"; |
| page_url = page_url + wgPageName; | | page_url = page_url + wgPageName; |
Line 33: |
Line 29: |
| $(".current_page").parent().parent().prev().addClass("current_page"); | | $(".current_page").parent().parent().prev().addClass("current_page"); |
| $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); | | $(".menu_item.current_page > .submenu_control_icon").toggleClass("open"); |
− | function myFunction() {
| + | } |
− | document.getElementByClassName("dropbtn").classList.toggle("show");
| + | } |
− | } | + | </script> |
− | </script> | + | |
| | | |
| <style> | | <style> |
− |
| |
| @import url('https://fonts.googleapis.com/css?family=Spinnaker'); | | @import url('https://fonts.googleapis.com/css?family=Spinnaker'); |
| /*************************/ | | /*************************/ |
Line 190: |
Line 184: |
| width: 30%; | | width: 30%; |
| } | | } |
− |
| |
− | }
| |
− | /* style for menu /*
| |
− |
| |
− |
| |
− |
| |
− | <style type="text/css">
| |
− | @import url('https://fonts.googleapis.com/css?family=Spinnaker');
| |
− |
| |
− | /* ================================================================
| |
− | This copyright notice must be untouched at all times.
| |
| | | |
− | The original version of this stylesheet and the associated (x)html
| |
− | is available at http://www.cssplay.co.uk/menus/dropdown-nonIE6.html
| |
− | Copyright (c) Stu Nicholls. All rights reserved.
| |
− | This stylesheet and the associated (x)html may be modified in any
| |
− | way to fit your requirements.
| |
− | =================================================================== */
| |
− |
| |
− | .menu_container {margin: auto;
| |
− | position:relative;
| |
− | width:750px;
| |
− | height:50px;
| |
− | z-index:200;
| |
− | }
| |
− |
| |
− | .menu {
| |
− | list-style-type: none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | overflow: hidden;
| |
− | background-color: #ffffff;
| |
− | font-family: 'spinnaker';
| |
− | position: fixed;
| |
− | top: 0;
| |
− | width: 100%;
| |
− | height: auto;
| |
− | text-align: center;
| |
− | font-size: 2em;
| |
− | }
| |
− |
| |
− | .menu ul {
| |
− | left:-9999px; width:150px; padding:0 20px 20px 20px; background:url(trans.gif); opacity:0; -o-transition: opacity 0.6s ease-in-out; -moz-transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out;
| |
− |
| |
− | list-style-type: none;
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | overflow: hidden;
| |
− | background-color: #ffffff;
| |
− | font-family: 'spinnaker';
| |
− |
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .menu ul ul {padding:20px 20px 20px 0; list-style-type: none;}
| |
− |
| |
− | .menu a {display:block;
| |
− | width:139px;
| |
− | height: auto;
| |
− | padding-left:10px;
| |
− | font:normal 13px/25px 'latomedium', arial,sans-serif;
| |
− | font-family: 'Spinnaker';
| |
− | color:#000000; text-decoration:none;
| |
− | border:1px solid #ffffff;
| |
− | margin:0 -1px -1px 0;
| |
− | background:#79c5e6;
| |
− | font-size: 15px;
| |
− | float: auto;
| |
− | padding-bottom: 10px;
| |
− | padding-top: 10px;
| |
− | list-style-type: none;
| |
− |
| |
− | }
| |
− |
| |
− | .menu li {float:left;}
| |
− | .menu li.fly > a {background:#79c5e6 url(basic/arrow.gif) no-repeat 130px center;}
| |
− | .menu li:hover {position:relative; z-index:100;}
| |
− | .menu li:hover > a {background-color:#fdac4c; color:#000000; border-color:#ffffff;}
| |
− | .menu li:hover > ul {top:26px; left:-20px; z-index:-1; opacity:1;}
| |
− | .menu li:hover li:hover > ul {left:145px; top:-20px; z-index:100; opacity:1;}
| |
− | .menu li.right:hover li:hover > ul {left:-165px; top:-20px; z-index:100; padding:20px 0 20px 20px; opacity:1;}
| |
− |
| |
− |
| |
| /***********************/ | | /***********************/ |
| /* CONTENT OF THE PAGE */ | | /* CONTENT OF THE PAGE */ |
Line 282: |
Line 193: |
| <!--- THIS IS WHERE THE HTML BEGINS ---> | | <!--- THIS IS WHERE THE HTML BEGINS ---> |
| <!-------------------------------------> | | <!-------------------------------------> |
− | | + | <head> |
| <!-- This tells the browser that your page is responsive --> | | <!-- This tells the browser that your page is responsive --> |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| </head> | | </head> |
− | <body>
| |
| | | |
| <!------------> | | <!------------> |
| <!--- Menu ---> | | <!--- Menu ---> |
| <!------------> | | <!------------> |
− |
| + | |
− |
| + | |
− |
| + | |
− | <!------------>
| + | |
− | <!--- MY NUGS, THIS IS THE PART THAT MAKES THE TOP MENU---> | + | |
− | <!------------> | + | |
− |
| + | |
− | <div class="menu_container">
| + | |
− | <ul class="menu">
| + | |
− | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers">Home</a></li>
| + | |
− | <li class="fly"><a>Team</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Team">Team Members</a></li>
| + | |
− | <li><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Collaborations">Collaborations</a></li>
| + | |
− | <li class="fly"><a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Sponsors">Sponsors</a></li>
| + | |
− | <!--
| + | |
− | <ul>
| + | |
− | | + | |
− | <li><a href="#url">Compact</a></li>
| + | |
− | <li class="fly"><a href="#url">Digital</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Canon</a></li>
| + | |
− | <li class="fly"><a href="#url">Nikon</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Lenses</a></li>
| + | |
− | <li><a href="#url">Speedlight</a></li>
| + | |
− | <li class="fly"><a href="#url">Coolpix</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Coolpix S10</a></li>
| + | |
− | <li><a href="#url">Coolpix L2</a></li>
| + | |
− | <li><a href="#url">Coolpix S500</a></li>
| + | |
− | <li><a href="#url">Coolpix P5000</a></li>
| + | |
− | <li><a href="#url">Coolpix 4600</a></li>
| + | |
− | <li><a href="#url">Coolpix S6 Silver</a></li>
| + | |
− | | + | |
− | </ul>
| + | |
− | | + | |
− | </li>
| + | |
− | <li><a href="#url">D200</a></li>
| + | |
− | <li><a href="#url">D80</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">Minolta</a></li>
| + | |
− | <li><a href="#url">Pentax</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">SLR</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">Flash</a></li>
| + | |
− | <li class="fly"><a href="#url">Video</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Coolpix S10</a></li>
| + | |
− | <li><a href="#url">Coolpix L2</a></li>
| + | |
− | <li><a href="#url">Coolpix S500</a></li>
| + | |
− | <li><a href="#url">Coolpix P5000</a></li>
| + | |
− | <li><a href="#url">Coolpix 4600</a></li>
| + | |
− | <li><a href="#url">Coolpix S6 Silver</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | -->
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− |
| + | |
− | <li class="fly"><a href="#url">Project</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Description</a></li>
| + | |
− | <li class="fly"><a href="#url">Design</a>
| + | |
− | <!--
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Lenses</a></li>
| + | |
− | <li><a href="#url">Speedlight</a></li>
| + | |
− | <li class="fly"><a href="#url">Coolpix</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Coolpix S10</a></li>
| + | |
− | <li><a href="#url">Coolpix L2</a></li>
| + | |
− | <li><a href="#url">Coolpix S500</a></li>
| + | |
− | <li><a href="#url">Coolpix P5000</a></li>
| + | |
− | <li><a href="#url">Coolpix 4600</a></li>
| + | |
− | <li><a href="#url">Coolpix S6 Silver</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">D200</a></li>
| + | |
− | <li><a href="#url">D80</a></li>
| + | |
− | </ul>
| + | |
− | -->
| + | |
− | </li>
| + | |
− | <li><a href="#url">Experiments</a></li>
| + | |
− | <li><a href="#url">Notebook</a></li>
| + | |
− | <li><a href="#url">Interlab</a></li>
| + | |
− | <li><a href="#url">Model</a></li>
| + | |
− | <li><a href="#url">Demonstrate</a></li>
| + | |
− | <li><a href="#url">Improve</a></li>
| + | |
− | <li><a href="#url">Attributions</a></li>
| + | |
− |
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="fly"><a href="#url">Parts</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Parts Overview</a></li>
| + | |
− | <li><a href="#url">Basic Parts</a></li>
| + | |
− | <li><a href="#url">Composite Parts</a></li>
| + | |
− | <li><a href="#url">Part Collection</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li class="fly right"><a href="#url">Safety</a>
| + | |
− | <li class="fly right"><a href="#url">Human Practices</a>
| + | |
− | <li class="fly right"><a href="#url">Awards</a>
| + | |
− | <li class="fly right"><a href="#url">Judging Form</a>
| + | |
− | <!--
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Tripods</a></li>
| + | |
− | <li><a href="#url">Films</a></li>
| + | |
− | <li class="fly"><a href="#url">Cameras</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Compact</a></li>
| + | |
− | <li class="fly"><a href="#url">Digital</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Canon</a></li>
| + | |
− | <li class="fly"><a href="#url">Nikon</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Lenses</a></li>
| + | |
− | <li><a href="#url">Speedlight</a></li>
| + | |
− | <li class="fly"><a href="#url">Coolpix</a>
| + | |
− | <ul>
| + | |
− | <li><a href="#url">Coolpix S10</a></li>
| + | |
− | <li><a href="#url">Coolpix L2</a></li>
| + | |
− | <li><a href="#url">Coolpix S500</a></li>
| + | |
− | <li><a href="#url">Coolpix P5000</a></li>
| + | |
− | <li><a href="#url">Coolpix 4600</a></li>
| + | |
− | <li><a href="#url">Coolpix S6 Silver</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">D200</a></li>
| + | |
− | <li><a href="#url">D80</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">Minolta</a></li>
| + | |
− | <li><a href="#url">Pentax</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">SLR</a></li>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− | <li><a href="#url">Flash</a></li>
| + | |
− | <li><a href="#url">Video</a></li>
| + | |
− | </ul>
| + | |
− | -->
| + | |
− | </li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− |
| + | |
− |
| + | |
− | | + | |
− |
| + | |
− | <!------------>
| + | |
− | <!--- MY NUGS--->
| + | |
− | <!------------>
| + | |
− |
| + | |
| <div class="igem_2018_team_mobile_bar"> | | <div class="igem_2018_team_mobile_bar"> |
| <div class="igem_logo_mobile"> | | <div class="igem_logo_mobile"> |
Line 465: |
Line 215: |
| <div class="igem_2018_team_menu displaying_menu"> | | <div class="igem_2018_team_menu displaying_menu"> |
| <a href="https://2018.igem.org/Team:Tacoma_RAINmakers"> | | <a href="https://2018.igem.org/Team:Tacoma_RAINmakers"> |
− | <img src="https://2018.igem.org/File:T--Tacoma_RAINmakers--teamlogo.png"> | + | <img src="https://static.igem.org/mediawiki/2018/6/61/T--Tacoma_RAINmakers--iGEMOctopus.svg"> |
| </a> | | </a> |
| | | |
Line 620: |
Line 370: |
| <a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Public_Engagement"> | | <a href="https://2018.igem.org/Team:Tacoma_RAINmakers/Public_Engagement"> |
| <div class="submenu_item"> | | <div class="submenu_item"> |
− | Education & Engagement | + | Education & Engagement |
| </div> | | </div> |
| </a> | | </a> |
Line 689: |
Line 439: |
| <div class="clear extra_space"></div> | | <div class="clear extra_space"></div> |
| <div class="clear extra_space"></div> | | <div class="clear extra_space"></div> |
| + | </p> |
| + | <!-- |
| + | NewPP limit report |
| + | CPU time usage: 0.001 seconds |
| + | Real time usage: 0.001 seconds |
| + | Preprocessor visited node count: 4/1000000 |
| + | Preprocessor generated node count: 20/1000000 |
| + | Post‐expand include size: 0/2097152 bytes |
| + | Template argument size: 0/2097152 bytes |
| + | Highest expansion depth: 2/40 |
| + | Expensive parser function count: 0/100 |
| + | --> |
| + | </div> <div class="visualClear"></div> |
| + | </div> |
| + | </div> |
| + | |
| </div> | | </div> |
| </div> | | </div> |
− |
| |
− | </body>
| |
| </html> | | </html> |