Difference between revisions of "Template:Reading2"

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 92: Line 92:
 
var subM = document.getElementById("SubMenu");
 
var subM = document.getElementById("SubMenu");
 
subM.innerHTML= submenuHTML;
 
subM.innerHTML= submenuHTML;
var offset = (120*index);
+
var offset = (7.5 + 10*index);
subM.style.left = offset + 'px';
+
subM.style.left = offset + '5';
 
}
 
}
  
Line 168: Line 168:
  
 
<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%; background-Color:#ffffff;">
  
 
<div style="height:355px; width:100%;">
 
<div style="height:355px; width:100%;">

Revision as of 12:20, 18 August 2015