Difference between revisions of "Template:Reading2"
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: | + | 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: | + | 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: | + | <div id = "Menu" style="background-Color:#d8131d; color:#ffffff; font-size:10px; height:40px;"> |
</div> | </div> | ||
Revision as of 12:11, 18 August 2015