Team:TU Delft/menu2

From 2010.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 27: Line 27:
padding:0;
padding:0;
z-index:100;
z-index:100;
-
min-width: 150px;
 
}
}
#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;
 
-
margin:0;
 
-
border-bottom: 1px solid #ccc;
 
-
width: 100%;
 
z-index:100;
z-index: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;
 +
background-color: #ccc;
text-decoration: underline;
text-decoration: underline;
}
}
Line 69: 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 76: 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 83: 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 90: 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 97: 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 104: 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 112: 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 120: 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 127: 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 {
Line 134: Line 128:
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_contact.hover { background-image: url(https://static.igem.org/mediawiki/2010/b/ba/TU_Delft_contact_on.png); }
.menu_button_gallery {
.menu_button_gallery {
Line 141: Line 135:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_gallery_sel { background-image: url(https://static.igem.org/mediawiki/2010/1/18/TU_Delft_gallery_on.png); }
+
.menu_button_gallery.hover { background-image: url(https://static.igem.org/mediawiki/2010/1/18/TU_Delft_gallery_on.png); }
.menu_button_safety {
.menu_button_safety {
Line 148: Line 142:
margin-left:-15px;
margin-left:-15px;
}
}
-
.menu_button_safety_sel { background-image: url(https://static.igem.org/mediawiki/2010/d/db/TU_Delft_safety_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 156: 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><a class="menu_button menu_button_blog" href="https://2010.igem.org/Team:TU_Delft/pages/blog" title="Blog">&nbsp;</a></li>
-
<ul>
+
<li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/pages/project" title="Project">&nbsp;</a>
-
<li><a href="https://2010.igem.org/Team:TU_Delft/blog/todays_post">Today's Post</a></li>
+
-
<li><a href="https://2010.igem.org/Team:TU_Delft/blog/calendar">Calendar</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a class="menu_button menu_button_project" href="https://2010.igem.org/Team:TU_Delft/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><a class="menu_button menu_button_team" href="https://2010.igem.org/Team:TU_Delft/pages/team" title="The Team">&nbsp;</a>
<ul>
<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/team/team_members">Team Members</a></li>
Line 188: Line 175:
<li><a href="https://2010.igem.org/Team:TU_Delft/team/recruitment">Recruitment</a></li>
<li><a href="https://2010.igem.org/Team:TU_Delft/team/recruitment">Recruitment</a></li>
</ul></li>
</ul></li>
-
<li><a class="menu_button menu_button_safety" href="https://2010.igem.org/Team:TU_Delft/safety" title="Safety">&nbsp;</a>
+
<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/safety/lab">Lab</a></li>
+
-
<li><a href="https://2010.igem.org/Team:TU_Delft/safety/environment">Environment</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a class="menu_button menu_button_gallery" href="https://2010.igem.org/Team:TU_Delft/gallery" title="Gallery">&nbsp;</a>
+
<ul>
<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/pictures">Pictures</a></li>
Line 200: Line 181:
</ul>
</ul>
</li>
</li>
-
<li><a class="menu_button menu_button_education" href="https://2010.igem.org/Team:TU_Delft/education" title="Education">&nbsp;</a></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/sponsors" title="Sponsors">&nbsp;</a>
+
<li><a class="menu_button menu_button_sponsors" href="https://2010.igem.org/Team:TU_Delft/pages/sponsors" title="Sponsors">&nbsp;</a>
<ul>
<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/sponsor_list">Sponsor List</a></li>
Line 207: Line 188:
</ul>
</ul>
</li>
</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 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 218: 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