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