Team:TU Delft/menu2

From 2010.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 26: Line 26:
margin:0;
margin:0;
padding:0;
padding:0;
 +
z-index:100;
}
}
#navlist li ul li {
#navlist li ul li {
-
float: none;
 
-
display: block;
 
list-style-type:none;
list-style-type:none;
float:left;
float:left;
clear:both;
clear:both;
-
padding:2px;
+
z-index:100;
-
margin:0;
+
-
border-bottom: 1px solid #ccc;
+
-
width: 100%;
+
-
}
+
-
 
+
-
#navlist li ul li.alt{
+
-
background:#eee;
+
}
}
#navlist li ul li a {
#navlist li ul li a {
 +
display: block;
color: #222;
color: #222;
 +
width: 150px;
 +
border: 1px solid #ccc;
 +
padding: 3px;
}
}
#navlist li ul li a:hover {
#navlist li ul li a:hover {
color: #000;
color: #000;
-
text-decoration: under-line;
+
background-color: #ccc;
 +
text-decoration: underline;
}
}
Line 66: Line 63:
width:115px;
width:115px;
}
}
-
.menu_button_home_sel { background-image: url(https://static.igem.org/mediawiki/2010/7/7e/TU_Delft_home_on.png); }
+
.menu_button_home.hover { background-image: url(https://static.igem.org/mediawiki/2010/7/7e/TU_Delft_home_on.png); }
.menu_button_blog {
.menu_button_blog {
Line 73: Line 70:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_blog_sel {background-image: url(https://static.igem.org/mediawiki/2010/0/0d/Blog_on.png);}
+
.menu_button_blog.hover {background-image: url(https://static.igem.org/mediawiki/2010/0/0d/Blog_on.png);}
.menu_button_competition  {
.menu_button_competition  {
Line 80: Line 77:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_competition_sel { background-image: url(https://static.igem.org/mediawiki/2010/e/e0/Competition_on.png);}
+
.menu_button_competition.hover { background-image: url(https://static.igem.org/mediawiki/2010/e/e0/Competition_on.png);}
.menu_button_background {
.menu_button_background {
Line 87: Line 84:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_background_sel {background-image: url(https://static.igem.org/mediawiki/2010/f/f2/Background_on.png); }
+
.menu_button_background.hover {background-image: url(https://static.igem.org/mediawiki/2010/f/f2/Background_on.png); }
.menu_button_project {
.menu_button_project {
Line 94: Line 91:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_project_sel { background-image: url(https://static.igem.org/mediawiki/2010/3/3b/Project_on.png); }
+
.menu_button_project.hover { background-image: url(https://static.igem.org/mediawiki/2010/3/3b/Project_on.png); }
.menu_button_education  {
.menu_button_education  {
Line 101: Line 98:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_education_sel { background-image: url(https://static.igem.org/mediawiki/2010/9/98/Education_on.png); }
+
.menu_button_education.hover { background-image: url(https://static.igem.org/mediawiki/2010/9/98/Education_on.png); }
Line 109: Line 106:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_sponsors_sel {  background-image: url(https://static.igem.org/mediawiki/2010/c/c5/Sponsors_on.png); }
+
.menu_button_sponsors.hover {  background-image: url(https://static.igem.org/mediawiki/2010/c/c5/Sponsors_on.png); }
Line 117: Line 114:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_press_sel { background-image: url(https://static.igem.org/mediawiki/2010/8/8a/Press_on.png); }
+
.menu_button_press.hover { background-image: url(https://static.igem.org/mediawiki/2010/8/8a/Press_on.png); }
.menu_button_team {
.menu_button_team {
Line 124: Line 121:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_team_sel { background-image: url(https://static.igem.org/mediawiki/2010/b/b3/TU_Delft_team_on.png); }
+
.menu_button_team.hover { background-image: url(https://static.igem.org/mediawiki/2010/b/b3/TU_Delft_team_on.png); }
.menu_button_contact {
.menu_button_contact {
background-image: url(https://static.igem.org/mediawiki/2010/4/43/TU_Delft_contact_off.png);
background-image: url(https://static.igem.org/mediawiki/2010/4/43/TU_Delft_contact_off.png);
-
width:112px;
+
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;
margin-left:-15px;
}
}
-
.menu_button_contact_sel { background-image: url(https://static.igem.org/mediawiki/2010/b/ba/TU_Delft_contact_on.png); }
+
.menu_button_safety.hover { background-image: url(https://static.igem.org/mediawiki/2010/d/db/TU_Delft_safety_on.png); }
.submenu_body {
.submenu_body {
Line 139: Line 150:
left:0px;  
left:0px;  
}
}
-
 
</style>
</style>
<ul id="navlist">
<ul id="navlist">
-
<li><a class="menu_button menu_button_home" href="https://2010.igem.org/Team:TU_Delft" title="Home">&nbsp;</a></li>
+
<li><a class="menu_button menu_button_home" href="https://2010.igem.org/Team:TU_Delft/pages/home" title="Home">&nbsp;</a></li>
-
<li><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/blog" title="Blog">&nbsp;</a></li>
+
<li><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/pages/blog" title="Blog">&nbsp;</a></li>
-
<li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/project" title="Project">&nbsp;</a>
+
<li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/pages/project" title="Project">&nbsp;</a>
<ul>
<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/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/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/rbs_characterization">RBS Characterization</a></li>
-
<li><a href="https://2010.igem.org/Team:TU_Delft/project/alkane_degradation">Hydrocarbon Degradation</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_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/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/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/genetic_regulation">Genetic Regulation</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/modeling">Modeling</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>
<li><a href="https://2010.igem.org/Team:TU_Delft/project/biobricks">BioBricks</a></li>
</ul>
</ul>
</li>
</li>
-
<li><a class="menu_button menu_button_team" href="https://2010.igem.org/Team:TU_Delft/team" title="The Team">&nbsp;</a></li>
+
<li><a class="menu_button menu_button_team" href="https://2010.igem.org/Team:TU_Delft/pages/team" title="The Team">&nbsp;</a>
-
<li><a class="menu_button menu_button_education" href="https://2010.igem.org/Team:TU_Delft/education" title="Education">&nbsp;</a></li>
+
<ul>
-
<li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/sponsors" title="Sponsors">&nbsp;</a></li>
+
<li><a href="https://2010.igem.org/Team:TU_Delft/team/team_members">Team Members</a></li>
-
<li><a class="menu_button menu_button_contact" href="https://2010.igem.org/Team:TU_Delft/contact" title="Contact">&nbsp;</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">&nbsp;</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">&nbsp;</a></li>
 +
<li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/pages/sponsors" title="Sponsors">&nbsp;</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">&nbsp;</a></li>
</ul>
</ul>
<style>
<style>
Line 173: Line 199:
var ddmenuitem = 0;
var ddmenuitem = 0;
-
function jsddm_open()
+
function jsddm_open() {
-
{ jsddm_canceltimer();
+
  jsddm_canceltimer();
-
  jsddm_close();
+
  jsddm_close();
-
  ddmenuitem = $(this).find('ul').css('visibility', 'visible');
+
  ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}
}
-
function jsddm_close()
+
function jsddm_close() {
-
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
+
  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');
 +
}
-
function jsddm_timer()
+
function jsddm_timer() {
-
{ closetimer = window.setTimeout(jsddm_close, timeout);}
+
  closetimer = window.setTimeout(jsddm_close, timeout);
 +
}
-
function jsddm_canceltimer()
+
function jsddm_canceltimer() {
-
{ if(closetimer)
+
  if(closetimer) {
-
  { window.clearTimeout(closetimer);
+
    window.clearTimeout(closetimer);
-
      closetimer = null;}}
+
    closetimer = null;
 +
  }
 +
}
-
$(document).ready(function()
+
$(function() {
-
$('#navlist > li').bind('mouseover', jsddm_open)
+
  $('#navlist > li').bind('mouseover', jsddm_open);
-
  $('#navlist > li').bind('mouseout',  jsddm_timer)
+
  $('#navlist > li').bind('mouseout',  jsddm_timer);
-
$("#navlist li ul li:even").addClass("alt");
+
// $("#navlist li ul li:even").addClass("alt");
});
});

Latest revision as of 11:37, 22 July 2010