Difference between revisions of "Template:Reading2"

 
(41 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</br>Book", "Lab Notes", "Data"]);
+
pagenames.push(["Lab Book", "Lab Notes", "Data"]);
−
pagenames.push(["Lab Work", "Protocols", "Experiments"]);
+
pagenames.push(["Experiments", "Protocols", "Experiments"]);
−
pagenames.push(["Human<smallbreak>Practices", "Human</br>Practices", "Public</br>Engagement", "Collaborations"]);
+
pagenames.push(["Human Practices", "Human Practices", "Public Engagement"]);
−
pagenames.push(["Modelling"]);
+
−
pagenames.push(["Application"]);
+
 
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(["/Modelling"]);
 
−
address.push(["/Application"]);
 
 
address.push(["/Attributions"]);
 
address.push(["/Attributions"]);
  
Line 52: Line 48:
  
 
function gotopage(address){
 
function gotopage(address){
−
window.location.href = 'https://2015.igem.org/Team:Reading' + address;
+
window.location.href = 'https://2015.igem.org/Team:Reading' + address;
 
}
 
}
  
 
function buildMenu(){
 
function buildMenu(){
 
var menuHTML = '.';
 
var menuHTML = '.';
−
menuHTML = '';
+
menuHTML = '';
 
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:10%; float:left; text-align:center;"><text  style = "line-height: 1em; font-size: 12px; color: #ffffff;text-decoration:none;"></br>' + pagenames[i1][0] + '</text ></div>';
+
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:10%; float:left; text-align:center;"><text  style = "line-height: 1em; font-size: 12px; color: #ffffff;text-decoration:none;"></br>' + pagenames[i1][0] + '</text ></div>';
+
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;"></br>' + pagenames[index][i1 + 1] + '</text ></div>';
+
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;"></br>' + pagenames[index][i1 + 1] + '</text ></div>';
+
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 + (8.5*index);
+
var offset = 7.5 + (10.6*index);
 
subM.style.left = offset + '%';
 
subM.style.left = offset + '%';
 
}
 
}
Line 188: Line 184:
 
font: veranda;
 
font: veranda;
 
text-decoration: underline;
 
text-decoration: underline;
−
text-indent: 25px;
+
text-indent: 75px;
 
}
 
}
  
−
ol {
+
ol.red {
−
    counter-reset: item;
+
counter-reset: item;
−
}
+
}
−
ol 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 li:before {
+
ol.red li:before {
 
content: counter(item) ". ";
 
content: counter(item) ". ";
 
counter-increment: item;
 
counter-increment: item;
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: bold;
+
font-weight: 450;
 
padding-top: 10px;  <!-- not working in chrome -->
 
padding-top: 10px;  <!-- not working in chrome -->
−
margin: 10px;
+
margin: 1px;
 
padding-bottom: 13px; <!-- not working in chrome -->
 
padding-bottom: 13px; <!-- not working in chrome -->
−
margin-left: 18px;
+
margin-left: 5px;
 
font: veranda;
 
font: veranda;
 
text-decoration: underline;
 
text-decoration: underline;
 
text-indent: 5px;
 
text-indent: 5px;
−
}
+
}
  
 
title2:after {
 
title2:after {
Line 227: Line 232:
 
}
 
}
  
−
 
+
br{
−
smallbreak{
+
display: block;
 +
lineheight:1em;
 +
}
 +
 +
br.big{
 
display: block;
 
display: block;
 
lineheight:20em;
 
lineheight:20em;
 +
}
 +
 +
 +
hr{
 +
lineheight:15em;
 
}
 
}
  
Line 252: 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 264: 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:8.5%; background-Color:#d8131d; color:#ffffff;">
+
<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