Difference between revisions of "Template:Reading2"

(Undo revision 109069 by PROE (talk))
Line 15: Line 15:
 
pagenames.push(["Project", "Description", "Transformations", "Fuel Cell", "Safety", "Results"]);
 
pagenames.push(["Project", "Description", "Transformations", "Fuel Cell", "Safety", "Results"]);
 
pagenames.push(["Parts"]);
 
pagenames.push(["Parts"]);
pagenames.push(["Lab Book", "Lab Notes", "Data"]);
+
pagenames.push(["Lab</br>Book", "Lab Notes", "Data"]);
 
pagenames.push(["Lab Work", "Protocols", "Experiments"]);
 
pagenames.push(["Lab Work", "Protocols", "Experiments"]);
pagenames.push(["Human Practices", "Human Practices", "Public Engagement", "Collaborations"]);
+
pagenames.push(["Human</br>Practices", "Human</br>Practices", "Public</br>Engagement", "Collaborations"]);
 
pagenames.push(["Modelling"]);
 
pagenames.push(["Modelling"]);
 
pagenames.push(["Application"]);
 
pagenames.push(["Application"]);
Line 60: Line 60:
 
for(i1 = 0; i1 < pagenames.length; i1++){
 
for(i1 = 0; i1 < pagenames.length; i1++){
 
if(pagenames[i1].length <= 1){
 
if(pagenames[i1].length <= 1){
menuHTML += '<div onclick="gotopage(address['+i1+'][0])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "height:100%; width:120px; float:left; text-align:center;"><p style = "font-size: 12px; color: #ffffff;text-decoration:none;">' + pagenames[i1][0] + '</p></div>';
+
menuHTML += '<div onclick="gotopage(address['+i1+'][0])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "height:100%; width:10%; float:left; text-align:center;"><p style = "font-size: 12px; color: #ffffff;text-decoration:none;">' + pagenames[i1][0] + '</p></div>';
 
}else{
 
}else{
menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "height:100%; width:120px; float:left; text-align:center;"><p style = "font-size: 12px; color: #ffffff;text-decoration:none;">' + pagenames[i1][0] + '</p></div>';
+
menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "height:100%; width:10%; float:left; text-align:center;"><p style = "font-size: 12px; color: #ffffff;text-decoration:none;">' + pagenames[i1][0] + '</p></div>';
 
}
 
}
 
}
 
}
Line 93: Line 93:
 
var Menu = document.getElementById("Menu");
 
var Menu = document.getElementById("Menu");
 
subM.innerHTML= submenuHTML;
 
subM.innerHTML= submenuHTML;
var offset = Menu.style.left;
+
var offset = Menu.style.left + (100*index);
 
subM.style.left = 2 + offset + 'px';
 
subM.style.left = 2 + offset + 'px';
 
}
 
}
Line 169: Line 169:
  
 
<body style="background-image:url(https://static.igem.org/mediawiki/2015/9/9e/Reading%2BBackground.jpg); padding:0px; margin:0px;height:100%;">
 
<body style="background-image:url(https://static.igem.org/mediawiki/2015/9/9e/Reading%2BBackground.jpg); padding:0px; margin:0px;height:100%;">
<div id = "main" style="border-width:10px;border-radius:20px;border:2px; border-style:solid; border-color:#ffffff;margin:auto; width:1200px; background-Color:#ffffff;">
+
<div id = "main" style="border-width:10px;border-radius:20px;border:2px; border-style:solid; border-color:#ffffff;margin:auto; width:85%; min-width:1200px; background-Color:#ffffff;">
  
 
<div style="height:355px; width:100%;">
 
<div style="height:355px; width:100%;">
Line 176: Line 176:
 
 
 
 
<div id = "Menu" style="background-Color:#d8131d; color:#ffffff; font-size:10px; height:20px;">
+
<div id = "Menu" style="background-Color:#d8131d; color:#ffffff; font-size:10px; height:40px;">
 
</div>
 
</div>
 
 

Revision as of 12:11, 18 August 2015