Difference between revisions of "Template:Reading2"

Revision as of 19:04, 12 September 2015 (view source)

PROE (Talk | contribs)

← Older edit

Latest revision as of 18:06, 18 September 2015 (view source)

PROE (Talk | contribs)

(25 intermediate revisions by the same user not shown)

Line 15:

pagenames.push(["Project", "Description", "Transformations", "Fuel Cell", "Safety", "Results"]);

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~~</br>~~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"]);

Line 30:

Line 28:

address.push(["/Protocols", "/Experiments"]);

address.push(["/Practices", "/PublicEngagement", "/Collaborations"]);

−

~~address.push(["/Modelling"]);~~

−

~~address.push(["/Application"]);~~

address.push(["/Attributions"]);

Line 60:

Line 56:

for(i1 = 0; i1 < pagenames.length; i1++){

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;">' + 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{

−

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;">' + 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)

{

−

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{

−

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");

subM.innerHTML= submenuHTML;

−

var offset = 7.5 + (8.5*index);

+

var offset = 7.5 + (10.6*index);

subM.style.left = offset + '%';

}

Line 194:

Line 190:

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 {

Line 202:

Line 207:

color: #d54149;

line-height: 1.7em;

−

font-weight: ~~bold~~;

+

font-weight: 450;

padding-top: 10px;

margin: 1px;

Line 227:

Line 232:

}

−

+

br{

+

display: block;

+

lineheight:1em;

+

}

+

br.big{

+

display: block;

+

lineheight:20em;

+

}

Line 253:

Line 266:

</HEAD>

−

+

−

+

Line 265:

Line 278:

</div>

−

+

</div>

</body>

</html>

@@ Line 15: / Line 15: @@
 pagenames.push(["Project", "Description", "Transformations", "Fuel Cell", "Safety", "Results"]);
 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</br>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"]);
@@ Line 30: / Line 28: @@
 address.push(["/Protocols", "/Experiments"]);
 address.push(["/Practices", "/PublicEngagement", "/Collaborations"]);
-address.push(["/Modelling"]);
-address.push(["/Application"]);
 address.push(["/Attributions"]);
@@ Line 60: / Line 56: @@
 	for(i1 = 0; i1 < pagenames.length; i1++){
 		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;">' + 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{
-			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;">' + 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)
 		{
-			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{
-			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");
 	subM.innerHTML= submenuHTML;
-	var offset = 7.5 + (8.5*index);
+	var offset = 7.5 + (10.6*index);
 	subM.style.left = offset + '%';
 }
@@ Line 194: / Line 190: @@
 		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 {
@@ Line 202: / Line 207: @@
 		color: #d54149;
 		line-height: 1.7em; <!-- adds white space around line -->
-		font-weight: bold;
+		font-weight: 450;
 		padding-top: 10px;  <!-- not working in chrome -->
 		margin: 1px;
@@ Line 227: / Line 232: @@
 	}
+	br{
+		display: block;
+		lineheight:1em;
+	}
+	br.big{
+		display: block;
+		lineheight:20em;
+	}
@@ Line 253: / Line 266: @@
 </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%;">
@@ Line 265: / Line 278: @@
 	</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>
 </body>
 </html>