|
|
(2 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <style>
| |
| | | |
- | a:hover {
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | #navlist {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | margin-left: 8px;
| |
- | }
| |
- |
| |
- | #navlist li {
| |
- | display: block;
| |
- | list-style-type: none;
| |
- | float:left;
| |
- | padding: 0;
| |
- | margin: 0;
| |
- | }
| |
- |
| |
- | #navlist li ul {
| |
- | position: absolute;
| |
- | visibility: hidden;
| |
- | background-color: #fff;
| |
- | margin:0;
| |
- | padding:0;
| |
- | z-index:100;
| |
- | }
| |
- |
| |
- | #navlist li ul li {
| |
- | list-style-type:none;
| |
- | float:left;
| |
- | clear:both;
| |
- | z-index:100;
| |
- | }
| |
- |
| |
- | #navlist li ul li a {
| |
- | display: block;
| |
- | color: #222;
| |
- | width: 150px;
| |
- | border: 1px solid #ccc;
| |
- | padding: 3px;
| |
- | }
| |
- |
| |
- | #navlist li ul li a:hover {
| |
- | color: #000;
| |
- | background-color: #ccc;
| |
- | text-decoration: underline;
| |
- | }
| |
- |
| |
- | .menu_button {
| |
- | display:block;
| |
- | color: #fff;
| |
- | border: none;
| |
- | background-repeat: none;
| |
- | height:45px;
| |
- | cursor: pointer;
| |
- | }
| |
- |
| |
- | .menu_button_home {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/6/66/TU_Delft_home_off.png);
| |
- | width:115px;
| |
- | }
| |
- | .menu_button_home.hover { background-image: url(https://static.igem.org/mediawiki/2010/7/7e/TU_Delft_home_on.png); }
| |
- |
| |
- | .menu_button_blog {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/a/a0/Blog_off.png);
| |
- | width:118px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_blog.hover {background-image: url(https://static.igem.org/mediawiki/2010/0/0d/Blog_on.png);}
| |
- |
| |
- | .menu_button_competition {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/a/a5/Competition_off.png);
| |
- | width:148px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_competition.hover { background-image: url(https://static.igem.org/mediawiki/2010/e/e0/Competition_on.png);}
| |
- |
| |
- | .menu_button_background {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/b/bb/Background_off.png);
| |
- | width:156px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_background.hover {background-image: url(https://static.igem.org/mediawiki/2010/f/f2/Background_on.png); }
| |
- |
| |
- | .menu_button_project {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/c/ce/Project_off.png);
| |
- | width:119px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_project.hover { background-image: url(https://static.igem.org/mediawiki/2010/3/3b/Project_on.png); }
| |
- |
| |
- | .menu_button_education {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/d/df/Education_off.png);
| |
- | width:135px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_education.hover { background-image: url(https://static.igem.org/mediawiki/2010/9/98/Education_on.png); }
| |
- |
| |
- |
| |
- | .menu_button_sponsors {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/f/f1/Sponsors_off.png);
| |
- | width:127px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_sponsors.hover { background-image: url(https://static.igem.org/mediawiki/2010/c/c5/Sponsors_on.png); }
| |
- |
| |
- |
| |
- | .menu_button_press {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/0/0b/Press_off.png);
| |
- | width:112px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_press.hover { background-image: url(https://static.igem.org/mediawiki/2010/8/8a/Press_on.png); }
| |
- |
| |
- | .menu_button_team {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/4/49/TU_Delft_team_off.png);
| |
- | width:121px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_team.hover { background-image: url(https://static.igem.org/mediawiki/2010/b/b3/TU_Delft_team_on.png); }
| |
- |
| |
- | .menu_button_contact {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/4/43/TU_Delft_contact_off.png);
| |
- | width:119px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_contact.hover { background-image: url(https://static.igem.org/mediawiki/2010/b/ba/TU_Delft_contact_on.png); }
| |
- |
| |
- | .menu_button_gallery {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/c/c1/TU_Delft_gallery_off.png);
| |
- | width:115px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_gallery.hover { background-image: url(https://static.igem.org/mediawiki/2010/1/18/TU_Delft_gallery_on.png); }
| |
- |
| |
- | .menu_button_safety {
| |
- | background-image: url(https://static.igem.org/mediawiki/2010/9/93/TU_Delft_safety_off.png);
| |
- | width:140px;
| |
- | margin-left:-15px;
| |
- | }
| |
- | .menu_button_safety.hover { background-image: url(https://static.igem.org/mediawiki/2010/d/db/TU_Delft_safety_on.png); }
| |
- |
| |
- | .submenu_body {
| |
- | display:none;
| |
- | position: relative;
| |
- | top:0px;
| |
- | left:0px;
| |
- | }
| |
- | </style>
| |
- | <ul id="navlist">
| |
- | <li><a class="menu_button menu_button_home" href="https://2010.igem.org/Team:TU_Delft/pages/home" title="Home"> </a></li>
| |
- | <li><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/pages/blog" title="Blog"> </a></li>
| |
- | <li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/pages/project" title="Project"> </a>
| |
- | <ul>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/project_description">Project Description</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/background">Background</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/rbs_characterization">RBS Characterization</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/alkane_degradation">Alkane Degradation</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/hydrocarbon_tolerance">Hydrocarbon Tolerance</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/hydrocarbon_solubility">Hydrocarbon Solubility</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/halotolerance">Halotolerance</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/genetic_regulation">Genetic Regulation</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/modeling">Modeling</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/project/biobricks">BioBricks</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a class="menu_button menu_button_team" href="https://2010.igem.org/Team:TU_Delft/pages/team" title="The Team"> </a>
| |
- | <ul>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/team/team_members">Team Members</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/pages/TU_Delft">TU Delft</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/team/our_mission">Our Mission</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/team/history">History</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/team/recruitment">Recruitment</a></li>
| |
- | </ul></li>
| |
- | <li><a class="menu_button menu_button_gallery" href="https://2010.igem.org/Team:TU_Delft/pages/gallery" title="Gallery"> </a>
| |
- | <ul>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/gallery/pictures">Pictures</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/gallery/movies">Movies</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a class="menu_button menu_button_education" href="https://2010.igem.org/Team:TU_Delft/pages/education" title="Education"> </a></li>
| |
- | <li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/pages/sponsors" title="Sponsors"> </a>
| |
- | <ul>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/sponsors/sponsor_list">Sponsor List</a></li>
| |
- | <li><a href="https://2010.igem.org/Team:TU_Delft/sponsors/become_a_sponsor">Become a Sponsor</a></li>
| |
- | </ul>
| |
- | </li>
| |
- | <li><a class="menu_button menu_button_contact" href="https://2010.igem.org/Team:TU_Delft/pages/contact" title="Contact"> </a></li>
| |
- | </ul>
| |
- | <style>
| |
- | .button_hover { background-color: #aaa; }
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript">
| |
- | var timeout = 500;
| |
- | var closetimer = 0;
| |
- | var ddmenuitem = 0;
| |
- |
| |
- | function jsddm_open() {
| |
- | jsddm_canceltimer();
| |
- | jsddm_close();
| |
- | ddmenuitem = $(this).find('ul').css('visibility', 'visible');
| |
- | }
| |
- |
| |
- | function jsddm_close() {
| |
- | if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
| |
- | }
| |
- |
| |
- | function jsddm_timer() {
| |
- | closetimer = window.setTimeout(jsddm_close, timeout);
| |
- | }
| |
- |
| |
- | function jsddm_canceltimer() {
| |
- | if(closetimer) {
| |
- | window.clearTimeout(closetimer);
| |
- | closetimer = null;
| |
- | }
| |
- | }
| |
- |
| |
- | $(function() {
| |
- | $('#navlist > li').bind('mouseover', jsddm_open);
| |
- | $('#navlist > li').bind('mouseout', jsddm_timer);
| |
- | // $("#navlist li ul li:even").addClass("alt");
| |
- | });
| |
- |
| |
- | document.onclick = jsddm_close;
| |
- | </script>
| |
- |
| |
- | </html>
| |