Team:Manchester/leftbar

From 2013.igem.org

(Difference between revisions)
(Created page with "{{:Team:Manchester/layout/noheader}} <html> <head> <script type='text/javascript'> function highlight2() { var title = document.title; switch(title) { case "Team...")
 
(3 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Manchester/layout/noheader}}
{{:Team:Manchester/layout/noheader}}
-
 
+
{{:Team:Manchester/js1}}
<html>
<html>
<head>
<head>
Line 9: Line 9:
   var title = document.title;
   var title = document.title;
   switch(title)
   switch(title)
-
   {
+
   {  
       case "Team:Manchester/leftbar - 2013.igem.org":
       case "Team:Manchester/leftbar - 2013.igem.org":
-
       $(".question2 a").css("background","#A901DB");
+
       $(".block2 a").css("background","#bc80ea");
-
       break;  
+
      break;
 +
 
 +
      case "Team:Manchester/Aimtest2 - 2013.igem.org":
 +
      $(".block2 a").css("background-color","#bc80ea");
 +
      break;
 +
 
 +
      case "Team:Manchester/Notebooktest2 - 2013.igem.org":
 +
      $(".block3 a").css("background-color","#bc80ea");
 +
      break; 
 +
 
 +
      case "Team:Manchester/LabBooktest - 2013.igem.org":
 +
      $(".block4 a").css("background-color","#bc80ea");
 +
      break;
 +
 
 +
      case "Team:Manchester/contributiontest - 2013.igem.org":
 +
      $(".block5 a").css("background","#bc80ea");
 +
      break;
 +
 
 +
      case "Team:Manchester/Safetytest - 2013.igem.org":
 +
      $(".block6 a").css("background-color","#bc80ea");
 +
      break;
 +
 
 +
      case "Team:Manchester/medaltest- 2013.igem.org":
 +
      $(".block7 a").css("background-color","#bc80ea");
 +
      break; 
 +
 
 +
      case "Team:Manchester/Attributionstest - 2013.igem.org":
 +
      $(".block8 a").css("background-color","#bc80ea");
 +
       break;  
   }
   }
}
}
Line 18: Line 46:
<style type="text/css">
<style type="text/css">
-
.question1 a, .question2 a, .question3 a, .question4 a
+
.block1 a, .block2 a, .block3 a, .block4 a, .block5 a, .block6 a, .block7 a, .block8 a     
{
{
width:120px;
width:120px;
Line 28: Line 56:
font-style:Trebuchet MS;
font-style:Trebuchet MS;
font-weight:bold;
font-weight:bold;
-
font-size:22px;
+
font-size:16px;
color:white;
color:white;
}
}
-
.question1 a:hover, .question2 a:hover, .question3 a:hover, .question4 a:hover
+
.block1 a
 +
{
 +
background:#4c0082;
 +
}
 +
 
 +
.block1 a:hover, .block2 a:hover, .block3 a:hover, .block4 a:hover, .block5 a:hover, .block6 a:hover, .block7 a:hover,
 +
.block8 a:hover
{
{
background:#C0C0C0;
background:#C0C0C0;
Line 38: Line 72:
}
}
-
.question1 a
+
.block1 a
{
{
position:fixed;
position:fixed;
Line 45: Line 79:
}
}
-
.question2 a
+
.block2 a
{
{
position:fixed;
position:fixed;
Line 52: Line 86:
}
}
-
.question3 a
+
.block3 a
{
{
position:fixed;
position:fixed;
Line 59: Line 93:
}
}
-
.question4 a
+
.block4 a
{
{
position:fixed;
position:fixed;
top:451px;
top:451px;
 +
left:5px;
 +
}
 +
 +
.block5 a
 +
{
 +
position:fixed;
 +
top:501px;
 +
left:5px;
 +
}
 +
 +
.block6 a
 +
{
 +
position:fixed;
 +
top:552px;
 +
left:5px;
 +
}
 +
 +
.block7 a
 +
{
 +
position:fixed;
 +
top:602px;
 +
left:5px;
 +
}
 +
 +
.block8 a
 +
{
 +
position:fixed;
 +
top:652px;
left:5px;
left:5px;
}
}
Line 76: Line 138:
<body onLoad="highlight2();">
<body onLoad="highlight2();">
-
                   <div class="question1">
+
                   <div class="block1">
                     <a href="#Q1">PROJECT</a>
                     <a href="#Q1">PROJECT</a>
                   </div>
                   </div>
-
                   <div class="question2">
+
                   <div class="block2">
                     <a href="#Q2">AIM</a>
                     <a href="#Q2">AIM</a>
                   </div>
                   </div>
                      
                      
-
                   <div class="question3">
+
                   <div class="block3">
                     <a href="#Q3">NOTEBOOK</a>
                     <a href="#Q3">NOTEBOOK</a>
                   </div>
                   </div>
-
                   <div class="question4">
+
                   <div class="block4">
                     <a href="#Q4">LAB BOOK</a>
                     <a href="#Q4">LAB BOOK</a>
 +
                  </div>
 +
 +
                  <div class="block5">
 +
                    <a href="#Q4">CONTRIBUTION</a>
 +
                  </div>
 +
 +
                  <div class="block6">
 +
                    <a href="#Q4">SAFETY</a>
 +
                  </div>
 +
 +
                  <div class="block7">
 +
                    <a href="#Q4">JUDGING</a>
 +
                  </div>
 +
 +
                  <div class="block8">
 +
                    <a href="#Q4">ATTRIBUTION</a>
                   </div>
                   </div>
</body>
</body>
</html>
</html>

Latest revision as of 19:04, 19 August 2013

AIM