Template:Team:Glasgow/Header

From 2011.igem.org

(Difference between revisions)
Line 18: Line 18:
     $('#menuback').mouseover(function() {
     $('#menuback').mouseover(function() {
-
     $('#headover').stop().animate({height:'150px',top:'0px'},1000);
+
     $('#headover').stop().animate({height:'150px',top:'0px'},400);
     });
     });
Line 25: Line 25:
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('#headover ul').fadeOut(500);
     $('#headover ul').fadeOut(500);
-
     $('#headover').stop().animate({height:'0px',top:'0px'},1000);
+
     $('#headover').stop().animate({height:'0px',top:'0px'},400);
     });
     });
     $('.listhead').mouseover(function(){
     $('.listhead').mouseover(function(){
     $('.listhead').not('.curlink').css("color","#ffffff");
     $('.listhead').not('.curlink').css("color","#ffffff");
-
     $(this).css("color","#bbffff");
+
     $(this).css("color","#bbffbb");
     $('#headover ul').css("display","none");
     $('#headover ul').css("display","none");
     var vActive = $(this).attr("id");
     var vActive = $(this).attr("id");
-
     $('.'+vActive).stop(true, true).fadeIn(500);
+
     $('.'+vActive).stop(true, true).fadeIn(300);
     });
     });
     $('.listmain').mouseover(function(){
     $('.listmain').mouseover(function(){
     $('.listmain').not('.curlink').css("color","#dddddd");
     $('.listmain').not('.curlink').css("color","#dddddd");
-
     $(this).css("color","#bbffff");
+
     $(this).css("color","#bbffbb");
     });
     });
Line 49: Line 49:
   <style type="text/css">
   <style type="text/css">
-
   a:link {color:#20548f;}
+
   a:link {color:#20548f; text-decoration:none;}
-
   a:visited {color:#20548f;}
+
   a:visited {color:#20548f; text-decoration:none;}
-
   a:hover {color:#20548f;}
+
   a:hover {color:#20548f; text-decoration:none;}
-
   a:active {color:#20548f;}
+
   a:active {color:#20548f; text-decoration:none;}
   #top-section {
   #top-section {
Line 98: Line 98:
     background-color:#ffffff;}
     background-color:#ffffff;}
-
  #title {
 
-
    width:900px;
 
-
    height:50px;
 
-
    position: relative;
 
-
    top: 0px;
 
-
    left: 0px;}
 
   #header {
   #header {
Line 152: Line 146:
   #menulist li{
   #menulist li{
-
     height: 30px;
+
     height:30px;
-
     width:150px;
+
     width:145px;
     float:left;
     float:left;
     display:block;
     display:block;
Line 195: Line 189:
  <body>
  <body>
-
   <div id='title'>
+
   <div id='header'>
-
   <div id='header'>
+
   <img src="http://farm7.static.flickr.com/6136/5951075517_56f5340fcb_b.jpg" usemap="#headermap" />
-
    <img src="http://farm7.static.flickr.com/6136/5951075517_56f5340fcb_b.jpg" usemap="#headermap" />
+
  <map name="headermap">
-
    <map name="headermap">
+
    <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
-
    <area shape="rect" coords="15,0,385,70" alt="Home" href="https://2011.igem.org/Team:Glasgow"/>
+
    <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
-
    <area shape="rect" coords="450,0,630,70" alt="Glasgow University" href="http://www.gla.ac.uk/"  target="_blank"/>
+
    <area shape="rect" coords="765,0,865,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
-
    <area shape="rect" coords="765,0,865,70" alt="iGEM Home" href="https://2011.igem.org/Main_Page" target="_blank"/>
+
  </map>
-
    </map>
+
-
  </div>
+
   </div>
   </div>
Line 211: Line 203:
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='project'>Project</a></li>
     <li><a href='#' class='listhead' id='team'>Team</a></li>
     <li><a href='#' class='listhead' id='team'>Team</a></li>
-
     <li><a href='#' class='listhead' id='results'>Results</a></li>
+
     <li><a href='#' class='listhead' id='modelling'>Modelling</a></li>
-
     <li><a href='#' class='listhead' id='extra'>Extras</a></li>
+
     <li><a href='#' class='listhead' id='safety'>Safety</a></li>
 +
    <li><a href='#' class='listhead' id='attributions'>Attributions</a></li>
     </ul>
     </ul>
   </div>
   </div>
Line 219: Line 212:
     <ul class='project'>
     <ul class='project'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Project Summary</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Lab Book</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Lab Book</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Protocols</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Project' class='listmain'>Protocols</a></li>
-
      <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety</a></li>
 
       <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Parts' class='listmain'>Parts</a></li>
     </ul>
     </ul>
-
     <ul class='team'>
+
     <ul class='team'><ul class='team'>
-
    <ul class='team'>
+
       <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Team' class='listmain'>Meet the Team</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Diary</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/iGEM_Diary' class='listmain'>Team Diary</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
       <li><a href='https://2011.igem.org/Team:Glasgow/Gallery' class='listmain'>Photo Gallery</a></li>
-
     </ul>
+
     </ul></ul>
-
     </ul>
+
 
 +
    <ul class='modelling'><ul class='modelling'><ul class='modelling'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Modeling' class='listmain'>Modelling</a></li>
 +
     </ul></ul></ul>
 +
 
 +
    <ul class='safety'><ul class='safety'><ul class='safety'><ul class='safety'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Safety' class='listmain'>Safety Overview</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/SafetyProject' class='listmain'>Project</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Safetybiobricks' class='listmain'>Biobricks</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/SafetyAssessments' class='listmain'>Assessments</a></li>
 +
    </ul></ul></ul></ul>
 +
 
 +
    <ul class='attributions'><ul class='attributions'><ul class='attributions'><ul class='attributions'>
 +
    <ul class='attributions'>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Attributions' class='listmain'>Attributions</a></li>
 +
      <li><a href='https://2011.igem.org/Team:Glasgow/Sponsorship' class='listmain'>Sponsorship</a></li>
 +
    </ul></ul></ul></ul></ul>
 +
 
     </div>     
     </div>     
   </div>
   </div>

Revision as of 18:30, 20 July 2011