Difference between revisions of "Template:Tacoma RAINmakers"

(Undo revision 162300 by Xuhei (talk))
Line 199: Line 199:
 
         @import url('https://fonts.googleapis.com/css?family=Spinnaker');
 
         @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 */
 +
/***********************/
 +
</style>
 +
 +
<!------------------------------------->
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
<!------------------------------------->
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
 +
    <body>
 +
 +
<!------------>
 +
<!--- 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">

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