|
|
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"> |