Team:Manchester/Navbartest

From 2013.igem.org

(Difference between revisions)
 
(59 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
 +
<html>
<html>
Line 11: Line 12:
  });
  });
   $("#block #link1").mouseenter(function() {
   $("#block #link1").mouseenter(function() {
-
    $("#block #image1").css({marginLeft: "17px"});
+
    $("#block #image1").css({marginLeft: "40px"});
  });
  });
   $("#block #link1").mouseleave(function() {
   $("#block #link1").mouseleave(function() {
-
    $("#block #image1").css({marginLeft: "25px"});  
+
    $("#block #image1").css({marginLeft: "50px"});  
   });
   });
}
}
Line 21: Line 22:
{
{
   $("#block #image1").mouseenter(function() {
   $("#block #image1").mouseenter(function() {
-
    $("#block #image1").css({marginLeft: "17px"});
+
    $("#block #image1").css({marginLeft: "40px"});
  });
  });
     $("#block #image1").mouseleave(function() {
     $("#block #image1").mouseleave(function() {
-
    $("#block #image1").css({marginLeft: "25px"});  
+
    $("#block #image1").css({marginLeft: "50px"});  
   });
   });
}
}
Line 34: Line 35:
  });
  });
   $("#block #link2").mouseenter(function() {
   $("#block #link2").mouseenter(function() {
-
    $("#block #image2").css({marginLeft: "17px"});
+
    $("#block #image2").css({marginLeft: "40px"});
  });
  });
   $("#block #link2").mouseleave(function() {
   $("#block #link2").mouseleave(function() {
-
    $("#block #image2").css({marginLeft: "25px"});  
+
    $("#block #image2").css({marginLeft: "50px"});  
   });
   });
}
}
Line 44: Line 45:
{
{
   $("#block #image2").mouseenter(function() {
   $("#block #image2").mouseenter(function() {
-
    $("#block #image2").css({marginLeft: "17px"});
+
    $("#block #image2").css({marginLeft: "40px"});
  });
  });
   $("#block #image2").mouseleave(function() {
   $("#block #image2").mouseleave(function() {
-
    $("#block #image2").css({marginLeft: "25px"});  
+
    $("#block #image2").css({marginLeft: "50px"});  
           });
           });
}
}
Line 57: Line 58:
  });
  });
   $("#block #link3").mouseenter(function() {
   $("#block #link3").mouseenter(function() {
-
    $("#block #image3").css({marginLeft: "15px"});
+
    $("#block #image3").css({marginLeft: "40px"});
  });
  });
   $("#block #link3").mouseleave(function() {
   $("#block #link3").mouseleave(function() {
-
    $("#block #image3").css({marginLeft: "25px"});  
+
    $("#block #image3").css({marginLeft: "50px"});  
   });
   });
}
}
Line 67: Line 68:
{
{
   $("#block #image3").mouseenter(function() {
   $("#block #image3").mouseenter(function() {
-
    $("#block #image3").css({marginLeft: "15px"});
+
    $("#block #image3").css({marginLeft: "40px"});
  });
  });
     $("#block #image3").mouseleave(function() {
     $("#block #image3").mouseleave(function() {
-
    $("#block #image3").css({marginLeft: "25px"});  
+
    $("#block #image3").css({marginLeft: "50px"});  
   });
   });
}
}
Line 80: Line 81:
  });
  });
   $("#block #link4").mouseenter(function() {
   $("#block #link4").mouseenter(function() {
-
    $("#block #image4").css({marginLeft: "15px"});
+
    $("#block #image4").css({marginLeft: "40px"});
  });
  });
   $("#block #link4").mouseleave(function() {
   $("#block #link4").mouseleave(function() {
-
    $("#block #image4").css({marginLeft: "25px"});  
+
    $("#block #image4").css({marginLeft: "50px"});  
   });
   });
}
}
Line 90: Line 91:
{
{
   $("#block #image4").mouseenter(function() {
   $("#block #image4").mouseenter(function() {
-
    $("#block #image4").css({marginLeft: "15px"});
+
    $("#block #image4").css({marginLeft: "40px"});
  });
  });
     $("#block #image4").mouseleave(function() {
     $("#block #image4").mouseleave(function() {
-
    $("#block #image4").css({marginLeft: "25px"});  
+
    $("#block #image4").css({marginLeft: "50px"});  
   });
   });
}
}
Line 103: Line 104:
  });
  });
   $("#block #link5").mouseenter(function() {
   $("#block #link5").mouseenter(function() {
-
    $("#block #image5").css({marginLeft: "17px"});
+
    $("#block #image5").css({marginLeft: "40px"});
  });
  });
   $("#block #link5").mouseleave(function() {
   $("#block #link5").mouseleave(function() {
-
    $("#block #image5").css({marginLeft: "25px"});  
+
    $("#block #image5").css({marginLeft: "50px"});  
   });
   });
}
}
Line 113: Line 114:
{
{
   $("#block #image5").mouseenter(function() {
   $("#block #image5").mouseenter(function() {
-
    $("#block #image5").css({marginLeft: "17px"});
+
    $("#block #image5").css({marginLeft: "40px"});
  });
  });
     $("#block #image5").mouseleave(function() {
     $("#block #image5").mouseleave(function() {
-
    $("#block #image5").css({marginLeft: "25px"});  
+
    $("#block #image5").css({marginLeft: "50px"});
 +
  });
 +
}
 +
 
 +
 
 +
function hoverLink6()
 +
{
 +
  $("#block #link6").hover(function() {
 +
  $("#block #image6").toggleClass("expand");
 +
  });
 +
  $("#block #link6").mouseenter(function() {
 +
    $("#block #image6").css({marginLeft: "40px"});
 +
  });
 +
  $("#block #link6").mouseleave(function() {
 +
    $("#block #image6").css({marginLeft: "50px"});
 +
  });
 +
}
 +
 
 +
function hoverImage6()
 +
{
 +
  $("#block #image6").mouseenter(function() {
 +
    $("#block #image6").css({marginLeft: "40px"});
 +
  });
 +
    $("#block #image6").mouseleave(function() {
 +
    $("#block #image6").css({marginLeft: "50px"});  
   });
   });
}
}
Line 126: Line 151:
{
{
height:90px;
height:90px;
-
width:900px;
+
width:980px;
margin:0 auto;
margin:0 auto;
-
background-color:#ccc;
+
background-color:#F2F2F2;
position:absolute;
position:absolute;
-
top:5px;
+
top:160px;
-
left:200px;
+
left:0;
z-index:100;
z-index:100;
-
border:1px solid black;
 
}
}
Line 139: Line 163:
{
{
float:left;
float:left;
-
width:100px;
+
width:150px;
-
margin:5px;
+
margin:0 5px;
-
border:1px solid black;
+
}
}
Line 150: Line 173:
background-color: #660099;
background-color: #660099;
color:white;
color:white;
-
font-size: 14px;
+
font-size: 17px;
font-family: Trebuchet MS;
font-family: Trebuchet MS;
font-weight: bold;
font-weight: bold;
border-radius: 5px;
border-radius: 5px;
-
width: 60px;
+
width: 140px;
margin:0 auto;
margin:0 auto;
text-align: center;
text-align: center;
padding: 3px;
padding: 3px;
color:#F2F2F2;
color:#F2F2F2;
 +
border:1px solid #4C0082;
 +
 +
-webkit-transition-duration:0.1s;
 +
-webkit-timing-function:linear;
transition-duration:0.1s;
transition-duration:0.1s;
Line 166: Line 193:
#block img
#block img
{
{
 +
-webkit-transition-duration:0.1s;
 +
-webkit-timing-function:linear;
 +
transition-duration:0.1s;
transition-duration:0.1s;
transition-timing-function:linear;
transition-timing-function:linear;
-
margin:0 25px;
+
margin:0 50px;
display:block;
display:block;
}
}
Line 189: Line 219:
}
}
-
#block .list .submenu  
+
#block .list .submenu, .submenu1, .submenu2
{
{
 +
position:relative;
display:none;
display:none;
clear: both;
clear: both;
Line 211: Line 242:
border:1px solid #4C0082;
border:1px solid #4C0082;
margin:0 auto;
margin:0 auto;
-
width:90px;
+
width:130px;
 +
font-size: 13px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:#f2f2f2;
 +
}
 +
 
 +
#block .list li .submenu li:hover .submenu1 a
 +
{
 +
clear:both;
 +
display:block;
 +
border:1px solid #4C0082;
 +
margin:0 auto;
 +
width:100px;
 +
font-size: 12px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:black;
 +
background:#ffcc33;
 +
}
 +
 
 +
#block .list .submenu a:hover
 +
{
 +
display:block;
 +
background:#A901DB;
}
}
Line 217: Line 272:
{
{
display:block;
display:block;
 +
}
 +
 +
.submenu li:hover .submenu1
 +
{
 +
display:block;
 +
position:absolute;
 +
left:145px;
 +
top:0;
 +
}
 +
 +
.submenu li:hover .submenu2
 +
{
 +
display:block;
 +
position:absolute;
 +
left:145px;
 +
top:28px;
 +
}
 +
 +
#block .list li .submenu li:hover .submenu2 a
 +
{
 +
clear:both;
 +
display:block;
 +
border:1px solid #4C0082;
 +
margin:0 auto;
 +
width:150px;
 +
font-size: 12px;
 +
font-family: Trebuchet MS;
 +
font-weight: bold;
 +
color:black;
 +
background:#FFCC33;
}
}
Line 228: Line 313:
</head>
</head>
-
<body>
+
<body onLoad="hoverLink1(); hoverLink2(); hoverLink3(); hoverImage1(); hoverImage2(); hoverImage3();
 +
              hoverLink4(); hoverImage4(); hoverLink5(); hoverImage5(); hoverLink6(); hoverImage6();">
 +
 
<div class="container">
<div class="container">
         <div id="block">
         <div id="block">
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
               <img src="https://static.igem.org/mediawiki/2013/7/74/Home.gif" width="50" height="50" id="image1"/>
-
      <a href="#" id="link1">Home</a>
+
      <a href="https://2013.igem.org/Team:Manchester/Hometest" id="link1">Home</a>
         </div>
         </div>
Line 240: Line 327:
                     <li><a href="#" id="link2">About</a>
                     <li><a href="#" id="link2">About</a>
                  <ul class="submenu" id="sub1">
                  <ul class="submenu" id="sub1">
-
        <li><a href="#" id="link2">Our Team</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
-
                        <li><a href="#" id="link2">Team Profile</a></li>
+
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
  </ul>
  </ul>
                     </li>
                     </li>
                   </ul>
                   </ul>
         </div>
         </div>
-
 
+
       
         <div id="block">
         <div id="block">
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image3"/>
               <ul class="list">
               <ul class="list">
-
                   <li><a href="#" id="link3">Project</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="#" id="link3">Aim</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
-
    <li><a href="#" id="link3">Notebook</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
-
                             <li><a href="#" id="link3">Lab Book</a></li>
+
                             <li><a href="https://2013.igem.org/Team:Manchester/LabBooktest" id="link3">Lab Book</a></li>
-
                    <li><a href="#" id="link3">Contributions</a></li>
+
                    <li><a href="https://2013.igem.org/Team:Manchester/contributiontest" id="link3">Contributions</a></li>
-
    <li><a href="#" id="link3">Safety</a></li>                      
+
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
-
    <li><a href="#" id="link3">Attributions</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/medaltest" id="link3">Judging</a></li>                      
 +
    <li><a href="https://2013.igem.org/Team:Manchester/Attributionstest" id="link3">Attributions</a></li>
 +
        </ul>
 +
                </li>
 +
              </ul>
 +
        </div>
 +
 
 +
        <div id="block">
 +
            <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
 +
              <ul class="list">
 +
                  <li><a href="https://2013.igem.org/Team:Manchester/Modellingtest" id="link6">Modelling</a>
 +
                <ul class="submenu">
 +
    <li><a href="https://2013.igem.org/Team:Manchester/fattytest" id="link6">Fatty Acid Production</a></li>
 +
    <li><a href="https://2013.igem.org/Team:Manchester/parametertest" id="link6">Parameter Estimation</a></li>
 +
                            <li><a href="https://2013.igem.org/Team:Manchester/collabtest" id="link6">Modelling Collaboration</a></li>
        </ul>
        </ul>
                 </li>
                 </li>
Line 266: Line 367:
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image4"/>
             <ul class="list">
             <ul class="list">
-
                   <li><a href="#" onclick="javascript:openMenu('sub3')" id="link4">Human Practices</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
                <ul class="submenu" id="sub3">
                <ul class="submenu" id="sub3">
-
    <li><a href="#" id="link4">Public Outreach</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/outreachtest" id="link4">Public Outreach</a>
-
                    <li><a href="#" id="link4">Ethics</a></li>
+
<ul class="submenu1" >
-
    <li><a href="#" id="link4">Business Plan</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/stars" id="link4">Science Stars</a></li>
-
                    <li><a href="#" id="link4">Knowledge</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
-
                            <li><a href="#" id="link4">Conference</a></li>
+
</ul>
-
                             <li><a href="#" id="link4">Social Media</a></li>
+
    </li>
-
                             <li><a href="#" id="link4">Knowledge</a></li>
+
                    <li><a href="https://2013.igem.org/Team:Manchester/ethicstest" id="link4">Ethics</a>
 +
<ul class="submenu2" id="sub3">
 +
    <a href="https://2013.igem.org/Team:Manchester/environmenttest" id="link4">Environmental Impact</a></li>
 +
    <a href="https://2013.igem.org/Team:Manchester/economytest" id="link4">Economical Impact</a></li>
 +
    <a href="https://2013.igem.org/Team:Manchester/managementtest" id="link4">Impact Management</a></li>
 +
    <a href="https://2013.igem.org/Team:Manchester/conclusiontest" id="link4">Conclusion</a></li>
 +
</ul>
 +
    </li>
 +
    <li><a href="https://2013.igem.org/Team:Manchester/businesstest" id="link4">Business Plan</a></li>
 +
                    <li><a href="https://2013.igem.org/Team:Manchester/knoledgetest" id="link4">Knowledge Deficit Assumption</a></li>
 +
                             <li><a href="https://2013.igem.org/Team:Manchester/conferencetest" id="link4">Conferences and Discussions</a></li>
 +
                             <li><a href="https://2013.igem.org/Team:Manchester/socialtest" id="link4">Social Media</a></li>
                </ul>
                </ul>
                   </li>
                   </li>
Line 281: Line 393:
         <div id="block">
         <div id="block">
-
             <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.gif" width="50" height="50" id="image5"/>
-
             <a href="#" id="link5">Sponsorship</a>
+
             <a href="https://2013.igem.org/Team:Manchester/sponsorstest" id="link5">Sponsorship</a>
         </div>
         </div>
-
+
-
        <div id="block">
+
-
            <img src="https://static.igem.org/mediawiki/2013/c/cb/Sponsors.gif" width="50" height="50" id="image5"/>
+
-
            <a href="#" id="link5">Contact Us</a>
+
-
        </div>
+
</div>
</div>
-
</body>
 
 +
</body>
</html>
</html>

Latest revision as of 19:39, 17 August 2013