Difference between revisions of "Template:Tacoma RAINmakers"

(Undo revision 159615 by Xuhei (talk))
Line 1: Line 1:
 
<html>
 
<html>
−
<script>
+
<html>
 +
   
 +
<head>
 +
<script>
 
$(document).ready(function() {
 
$(document).ready(function() {
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
Line 19: Line 22:
 
});
 
});
  
−
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 32:
 
$(".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 188:
 
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 280:
 
<!--- 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 439: Line 687:
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 
<div class="clear extra_space"></div>
 +
        </div>
 +
    </div>
 +
       
 +
    </body>
 +
</html>

Revision as of 18:36, 23 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 ⇗