Difference between revisions of "Template:Reading2"
(28 intermediate revisions by the same user not shown) | |||
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 | + | pagenames.push(["Lab Book", "Lab Notes", "Data"]); |
− | pagenames.push([" | + | pagenames.push(["Experiments", "Protocols", "Experiments"]); |
− | pagenames.push(["Human | + | pagenames.push(["Human Practices", "Human Practices", "Public Engagement"]); |
− | + | ||
− | + | ||
pagenames.push(["Attributions"]); | pagenames.push(["Attributions"]); | ||
Line 30: | Line 28: | ||
address.push(["/Protocols", "/Experiments"]); | address.push(["/Protocols", "/Experiments"]); | ||
address.push(["/Practices", "/PublicEngagement", "/Collaborations"]); | address.push(["/Practices", "/PublicEngagement", "/Collaborations"]); | ||
− | |||
− | |||
address.push(["/Attributions"]); | address.push(["/Attributions"]); | ||
Line 60: | Line 56: | ||
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 = "border-radius:1em; height:100%; width: | + | menuHTML += '<div onclick="gotopage(address['+i1+'][0])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "border-radius:1em; height:100%; width:12.5%; float:left; text-align:center;"><text style = "line-height: 40px; font-size: 12px; color: #ffffff;text-decoration:none;">' + pagenames[i1][0] + '</text ></div>'; |
}else{ | }else{ | ||
− | menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "border-radius:1em; height:100%; width: | + | menuHTML += '<div onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + i1 + ')" style = "border-radius:1em; height:100%; width:12.5%; float:left; text-align:center;"><text style = "line-height: 40px; font-size: 12px; color: #ffffff;text-decoration:none;">' + pagenames[i1][0] + '</text ></div>'; |
} | } | ||
} | } | ||
Line 91: | Line 87: | ||
if(i1 == pagenames[index].length - 2) | if(i1 == pagenames[index].length - 2) | ||
{ | { | ||
− | submenuHTML += '<div onclick="gotopage(address['+index+']['+i1+'])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + -1 + ')" style = "border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; padding:7px; margin:0px; text-align:left;"><text style = "line-height: 1em; font-size: 11px; color: #ffffff;text-decoration:none;" | + | submenuHTML += '<div onclick="gotopage(address['+index+']['+i1+'])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + -1 + ')" style = "border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; padding:7px; margin:0px; text-align:left;"><text style = "line-height: 1em; font-size: 11px; color: #ffffff;text-decoration:none;">' + pagenames[index][i1 + 1] + '</text ></div>'; |
}else{ | }else{ | ||
− | submenuHTML += '<div onclick="gotopage(address['+index+']['+i1+'])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + -1 + ')" style = "padding:7px; margin:0px; text-align:left;"><text style = "line-height: 1em; font-size: 11px; color: #ffffff;text-decoration:none;" | + | submenuHTML += '<div onclick="gotopage(address['+index+']['+i1+'])" onmouseout="dullMenu(this)"onmouseover="lightUpMenu(this, ' + -1 + ')" style = "padding:7px; margin:0px; text-align:left;"><text style = "line-height: 1em; font-size: 11px; color: #ffffff;text-decoration:none;">' + pagenames[index][i1 + 1] + '</text ></div>'; |
} | } | ||
} | } | ||
var subM = document.getElementById("SubMenu"); | var subM = document.getElementById("SubMenu"); | ||
subM.innerHTML= submenuHTML; | subM.innerHTML= submenuHTML; | ||
− | var offset = 7.5 + ( | + | var offset = 7.5 + (10.6*index); |
subM.style.left = offset + '%'; | subM.style.left = offset + '%'; | ||
} | } | ||
Line 194: | Line 190: | ||
counter-reset: item; | counter-reset: item; | ||
} | } | ||
− | ol.red li { display: block } | + | ol.red li { |
+ | font-weight: 450; | ||
+ | text-indent: 10px; | ||
+ | font-size: 1em; | ||
+ | line-height:1.2em; | ||
+ | margin: 5px 0; | ||
+ | color: #000000; | ||
+ | font-family: "Arial", Helvetica, sans-serif; | ||
+ | display:block; | ||
+ | } | ||
ol.red li:before { | ol.red li:before { | ||
Line 202: | Line 207: | ||
color: #d54149; | color: #d54149; | ||
line-height: 1.7em; <!-- adds white space around line --> | line-height: 1.7em; <!-- adds white space around line --> | ||
− | font-weight: | + | font-weight: 450; |
padding-top: 10px; <!-- not working in chrome --> | padding-top: 10px; <!-- not working in chrome --> | ||
margin: 1px; | margin: 1px; | ||
Line 227: | Line 232: | ||
} | } | ||
− | + | br{ | |
+ | display: block; | ||
+ | lineheight:1em; | ||
+ | } | ||
+ | |||
br.big{ | br.big{ | ||
display: block; | display: block; | ||
lineheight:20em; | lineheight:20em; | ||
} | } | ||
+ | |||
hr{ | hr{ | ||
Line 256: | Line 266: | ||
</HEAD> | </HEAD> | ||
− | <body style="background-image:url(https://static.igem.org/mediawiki/2015/9/9e/Reading%2BBackground.jpg); padding:0px; margin:0px;height:100%;"> | + | <body style="min-width:900px; 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:85%; 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:300px; width:100%;"> | <div style="height:300px; width:100%;"> | ||
Line 268: | Line 278: | ||
</div> | </div> | ||
− | <div id = "SubMenu" style="border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; font-size: 15px; visibility:hidden; position:absolute; font-size:10px; width: | + | <div id = "SubMenu" style="border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; font-size: 15px; visibility:hidden; position:absolute; font-size:10px; width:10.9%; background-Color:#d8131d; color:#ffffff;"> |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 18:06, 18 September 2015