Difference between revisions of "Template:Tacoma RAINmakers"

(Undo revision 176574 by Xuhei (talk))
(Undo revision 176543 by Xuhei (talk))
Line 1: Line 1:
 
<html>
 
<html>
   
 
<head>
 
 
<script>
 
<script>
 
$(document).ready(function() {
 
$(document).ready(function() {
Line 21: 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 31: 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>
Line 187: 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:0 aut 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;}
 
 
.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;
 
 
 
          }
 
 
.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 279: 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 617: 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 &amp; Engagement
 
</div>
 
</div>
 
</a>
 
</a>
Line 686: 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>

Revision as of 18:45, 28 September 2018