Difference between revisions of "Template:Tacoma RAINmakers"

Line 1: Line 1:
 
<html>
 
<html>
 +
   
 +
<head>
 
<script>
 
<script>
 
$(document).ready(function() {
 
$(document).ready(function() {
Line 19: Line 21:
 
});
 
});
  
−
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 29: Line 31:
 
$(".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 184: Line 187:
 
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 193: Line 279:
 
<!--- 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 370: Line 617:
 
<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 &amp; Engagement
+
Education & Engagement
 
</div>
 
</div>
 
</a>
 
</a>
Line 439: Line 686:
 
<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:20, 28 September 2018

HOME
TEAM
Team Members
Collaborations
Sponsors
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗