Team:Manchester/Navbartest2

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<head>
<head>
-
<script type='text/javascript' src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
+
<title id="title"> page </title>
-
<script type='text/javascript' src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
+
<script type='text/javascript'>
<script type='text/javascript'>
Line 125: Line 124:
       $("#block5 .submenu").hide();
       $("#block5 .submenu").hide();
  });
  });
 +
}
 +
 +
function highlight()
 +
{
 +
  var title = document.title;
 +
  switch(title)
 +
  {
 +
      /*case "Team:Manchester/OurTeamtest - 2013.igem.org":
 +
      $("#block1").addClass("highlight");
 +
      break;
 +
 +
      case "Team:Manchester/Projecttest - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;   
 +
 
 +
      case "Team:Manchester/Aimtest2 - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;
 +
 +
      case "Team:Manchester/Notebooktest2 - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;
 +
 +
      case "Team:Manchester/LabBooktest - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;   
 +
 
 +
      case "Team:Manchester/contributiontest - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;
 +
 +
      case "Team:Manchester/Safetytest - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;
 +
 +
      case "Team:Manchester/medaltest - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;
 +
 +
      case "Team:Manchester/Attributionstest - 2013.igem.org":
 +
      $("#block2").addClass("highlight");
 +
      break;*/
 +
  }
}
}
Line 137: Line 179:
background-color:#F2F2F2;
background-color:#F2F2F2;
position:absolute;
position:absolute;
-
top:50px;
+
top:130px;
left:0;
left:0;
z-index:100;
z-index:100;
Line 148: Line 190:
height:80px;
height:80px;
margin:0 5px;
margin:0 5px;
-
border:1px solid black;
 
}
}
Line 168: Line 209:
border:1px solid #4C0082;
border:1px solid #4C0082;
 +
 +
-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;
Line 174: Line 218:
#block img,#block1 img,#block2 img,#block3 img,#block4 img, #block5 img
#block img,#block1 img,#block2 img,#block3 img,#block4 img, #block5 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;
Line 244: Line 290:
}
}
-
/*.submenu li:hover .submenu1 a
+
#block4 .list .submenu li .submenu1 a:hover, #block4 .list .submenu li .submenu2 a:hover
{
{
-
clear:both;
+
color:white;
display:block;
display:block;
-
border:1px solid #4C0082;
+
background:#A901DB;
-
margin:0 auto;
+
}
-
width:100px;
+
-
font-size: 12px;
+
-
font-family: Trebuchet MS;
+
-
font-weight: bold;
+
-
color:black;
+
-
background:#ffcc33;
+
-
}*/
+
-
.submenu a:hover  
+
#block1 .list .submenu li a:hover, #block2 .list .submenu li a:hover, #block2 .list .submenu li a:hover,
 +
#block3 .list .submenu li a:hover, #block4 .list .submenu li a:hover
{
{
display:block;
display:block;
Line 267: Line 307:
{
{
display:block;
display:block;
-
}*/
 
-
 
-
/*.submenu li:hover .submenu1
 
-
{
 
-
display:block;
 
-
position:absolute;
 
-
left:145px;
 
-
top:0;
 
}
}
-
.submenu li:hover .submenu2
+
.expand
{
{
-
display:block;
+
-webkit-transition-duration:0.1s;
-
position:absolute;
+
-webkit-timing-function:linear;
-
left:145px;
+
transition-duration:0.1s;
-
top:28px;
+
transition-timing-function:linear;
-
}
+
-
#block .list li .submenu li:hover .submenu2 a
+
width:65px;
-
{
+
height:65px;
-
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;
+
-
}*/
+
-
 
+
-
.submenu1 a, .submenu2 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;
+
}
}
-
.expand
+
.highlight
{
{
-
width:65px;
+
background:#A901DB;
-
height:65px;
+
}
}
Line 322: Line 328:
</head>
</head>
-
<body onLoad="hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7();">
+
<body onLoad="hover1(); hover2(); hover3(); hover4(); hover5(); hover6(); hover7(); highlight();">
<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="https://2013.igem.org/Team:Manchester/Hometest" id="link1">Home</a>
+
      <a href="https://2013.igem.org/Team:Manchester" id="link1">Home</a>
         </div>
         </div>
Line 333: Line 339:
             <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
             <img src="https://static.igem.org/mediawiki/2013/e/e6/Group.gif" width="50" height="50" id="image2"/>
                   <ul class="list">
                   <ul class="list">
-
                     <li><a href="#" id="link2">About</a>
+
                     <li><a href="https://2013.igem.org/Team:Manchester/Team" id="link2">Team</a>
                  <ul class="submenu">
                  <ul class="submenu">
-
    <li><a href="https://2013.igem.org/Team:Manchester/OurTeamtest" id="link2">Our Team</a></li>
+
                    <li><a href="https://igem.org/Team.cgi?id=1027" target="_blank">Team Profile</a></li>
-
                    <li><a href="https://igem.org/Team.cgi?year=2013" id="link2">Team Profile</a></li>
+
  </ul>
  </ul>
                     </li>
                     </li>
Line 345: Line 350:
             <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="https://2013.igem.org/Team:Manchester/Projecttest" id="link3">Project</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/Project" id="link3">Project</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="https://2013.igem.org/Team:Manchester/Aimtest2" id="link3">Aim</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Overview" id="link3">Project Overview</a></li>
-
    <li><a href="https://2013.igem.org/Team:Manchester/Notebooktest2" id="link3">Notebook</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Notebook" id="link3">Notebook</a></li>
-
                             <li><a href="#" id="link3">Lab Book</a></li>
+
                             <li><a href="https://2013.igem.org/Team:Manchester/LabBook" id="link3">Lab Book</a></li>
-
                    <li><a href="#" id="link3">Contributions</a></li>
+
                    <li><a href="https://2013.igem.org/Team:Manchester/Parts" id="link3">Parts</a></li>
-
    <li><a href="https://2013.igem.org/Team:Manchester/Safetytest" id="link3">Safety</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Safety" id="link3">Safety</a></li>
-
                             <li><a href="#" id="link3">Judging</a></li>                      
+
                             <li><a href="https://2013.igem.org/Team:Manchester/Judging" id="link3">Judging</a></li>                      
-
    <li><a href="https://2013.igem.org/Team:Manchester/Attributionstest" id="link3">Attributions</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Attributions" id="link3">Attributions</a></li>
        </ul>
        </ul>
                 </li>
                 </li>
Line 362: Line 367:
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
             <img src="https://static.igem.org/mediawiki/2013/a/a8/Project.gif" width="50" height="50" id="image6"/>
               <ul class="list">
               <ul class="list">
-
                   <li><a href="#" id="link6">Modelling</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/Modelling" id="link6">Modelling</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="#" id="link6">Fatty Acid Production</a></li>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Enzyme" id="link6">Uncertainty Analysis</a></li>
-
    <li><a href="#" id="link6">Parameter Estimation</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/FabProteinModel" id="link6">FabA Dynamics Model</a></li>
-
                             <li><a href="#" id="link6">Modelling Collaboration</a></li>
+
                          <li><a href="https://2013.igem.org/Team:Manchester/PopulationDynamics" id="link6">Population Dynamics</a></li>
 +
                             <li><a href="https://2013.igem.org/Team:Manchester/Collaboration" id="link6">Modelling Collaboration</a></li>
        </ul>
        </ul>
                 </li>
                 </li>
Line 375: Line 381:
             <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="https://2013.igem.org/Team:Manchester/HumanPracticetest" id="link4">Human Practices</a>
+
                   <li><a href="https://2013.igem.org/Team:Manchester/HumanPractices" id="link4">Human Practices</a>
                <ul class="submenu">
                <ul class="submenu">
-
    <li><a href="#" id="link4">Public Outreach</a>
+
    <li><a href="https://2013.igem.org/Team:Manchester/Outreach" id="link4">Public Outreach</a>
<ul class="submenu1">
<ul class="submenu1">
-
  <a href="https://2013.igem.org/Team:Manchester/stars" id="link4">Science Stars</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/Stars" id="link4">Science Stars</a></li>
-
  <a href="https://2013.igem.org/Team:Manchester/openday" id="link4">Open day</a></li>
+
  <a href="https://2013.igem.org/Team:Manchester/OpenDay" id="link4">Open day</a></li>
</ul>
</ul>
    </li>
    </li>
-
                    <li><a href="#" id="link4">Ethics</a>
+
                    <li><a href="https://2013.igem.org/Team:Manchester/Ethics" id="link4">Ethics</a>
<ul class="submenu2">
<ul class="submenu2">
-
  <li><a href="#" id="link4">Environmental Impact</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/EnvironmentPart1" id="link4">Environmental Impact</a></li>
-
  <li><a href="#" id="link4">Economical Impact</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/EconomyPart1" id="link4">Economic Impact</a></li>
-
  <li><a href="#" id="link4">Impact Management</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/ManagementPart1" id="link4">Impact Management</a></li>
-
  <li><a href="#" id="link4">Conclusion</a></li>
+
  <li><a href="https://2013.igem.org/Team:Manchester/Conclusion" id="link4">Conclusion</a></li>
</ul>
</ul>
    </li>
    </li>
-
    <li><a href="#" id="link4">Business Plan</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/businessplan" id="link4">Business Plan</a></li>
-
                    <li><a href="#" id="link4">Knowledge Deficit Assumption</a></li>
+
                            <li><a href="https://2013.igem.org/Team:Manchester/Collaboration" id="link4">Modelling Collaboration</a></li>
-
                             <li><a href="#" id="link4">Conferences and Discussions</a></li>
+
                    <li><a href="https://2013.igem.org/Team:Manchester/KnowledgeDeficit" id="link4">Knowledge Deficit Assumption</a></li>
-
                             <li><a href="#" id="link4">Social Media</a></li>
+
                             <li><a href="https://2013.igem.org/Team:Manchester/Conferences" id="link4">Conferences and Discussions</a></li>
 +
                             <li><a href="https://2013.igem.org/Team:Manchester/SocialMedia" id="link4">Social Media</a></li>
                </ul>
                </ul>
                   </li>
                   </li>
Line 402: Line 409:
         <div id="block5">
         <div id="block5">
             <img src="https://static.igem.org/mediawiki/2013/5/5b/Outreach.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/Sponsorship" id="link5">Sponsorship</a>
         </div>
         </div>
 
 

Latest revision as of 16:36, 24 October 2013

page