Difference between revisions of "Template:Macquarie Australia/TestCSS"

(changed new p class syntax)
(testing hyperlink1)
Line 1: Line 1:
−
<html>
+
{{Macquarie_Australia/TestCSS}}
−
<style type="text/css">
+
<html lang="en-AU">
 +
<title>Tanya Test</title>
 +
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  
−
/* HIDE WIKI MARKUP */
+
<!-- html top nav menu start -->
 +
<table class="mainmenu" width="100%" cellspacing="0">
 +
<tr height="2px"><td></td></tr>
 +
<tr><td></td>
 +
<td width="980px" align="left" bgColor="#ffffff" cellspacing="0" cellpadding="2px">
 +
<table width="100%" align="center"></td>
 +
</tr>
 +
<tr height="30px"> <!-- #66cc66 light green; #009933 dark green -->
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia">Home</a></td>
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia/ProjectOverview">Project</a></td>
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia/Modeling">Modelling</a></td>
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia/Parts">Parts</a></td>
 +
<td class="menuHighlight" align="center" onMouseOver="this.bgColor='#009933'" onMouseOut="this.bgColor='#009933'" bgColor=#009933>
 +
<a class="menuHighlight" href="https://2015.igem.org/Team:Macquarie_Australia/Practices">Human Practices</a></td>
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia/Team">Team</a></td>
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia/Attributions">Attributions</a></td>
 +
<td align="center" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#66cc66'" bgColor=#66cc66>
 +
<a href="https://2015.igem.org/Team:Macquarie_Australia/Sitemap">Sitemap</a></td>
 +
</tr>
 +
</table>
 +
<!-- end of html top nav menu -->
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
<body id="TanyaTest">
  
−
/* PAGE LAYOUT */
+
<div class="contentContainer">
  
−
body { /* Holds page background formatting */
+
<h2>Blah1</h2>
−
/* background: linear-gradient(#7ec700, #43733e); */ /* mq harmony light green to dark green commented out */
+
<p>Blah blah blah1</p>
−
background-color: #009933; /* middle harmony websafe green plain colour background */
+
<img src="https://static.igem.org/mediawiki/2015/c/cc/Team_Macquarie_Australia_shakeubator.jpg" width="200px" alt="Photo of Shakeubator">
−
}
+
  
−
.mainContainer { /* Creates a container that wraps all of the content inside our wiki pages */
+
<h2>Blah2</h2>
−
width: 100%;
+
<p>Blah blah blah2</p>
−
overflow: hidden;
+
<img src="https://static.igem.org/mediawiki/2015/7/70/Team_Macquarie_Australia_PcrProductsQuickerCycle020715.jpg" width="300px" alt="Gel image PCR Products 2 July 2015">
−
float: center;
+
−
/* margin-left: 20px; */
+
−
/* background-color: #EEEDEA; */
+
−
/* border-bottom: 6px solid #EE3e53; */
+
−
}
+
  
−
.menuContainer { /* Creates the container for the menu */
+
<h2>Blah3</h2>
−
float: left;
+
<p>Blah blah blah3</p>
−
width: 100%;
+
<p>put image here</p>
−
/* background-color: #0e232f; */
+
−
/* padding: 10px; */
+
−
/* border-top: 6px solid #EE3e53; */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
}
+
  
−
.mainmenu { /* Creates mainmenu class */
+
<h4>Meet the Contestants</h4>
−
/* margin: 0 0 1em 0; */
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/5/59/MqAust_1_BiobrickBen6.png" width="184px" alt="Biobrick Ben"><figcaption>Biobrick Ben</figcaption></figure>
−
padding: 0;
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/1/11/MqAust_2_JimmyGelRunner8.png" width="184px" alt="Jimmy Gel Runner"><figcaption>Jimmy Gel Runner</figcaption></figure>
−
/* no colours, borders, width, or float here */
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/a/a1/MqAust_3_LaurenTheLabMonkey6.png" width="184px" alt="Lauren The Lab Monkey"><figcaption>Lauren The Lab Monkey</figcaption></figure>
−
}
+
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/d/da/MqAust_4_PascalThePromoter4.png" width="184px" alt="Pascal The Promoter"><figcaption>Pascal The Promoter</figcaption></figure>
 +
<figure class="specialInline"><img src="https://static.igem.org/mediawiki/2015/f/fe/MqAust_5_SamTheSolution3.png" width="184px" alt="Sam The Solution"><figcaption>Sam The Solution</figcaption></figure>
  
−
.menuHighlight { /* Creates highlight class */
+
<table width="60%" cellspacing="0">
−
/* no styling required here so far */
+
<tr height="28px">
−
}
+
<th align="center">Location</th>
 +
<th align="center">Local Time</th>
 +
<th align="center">Time Zone</th>
 +
<th align="center">UTC Offset</th>
 +
</tr>
 +
<tr height="26px">
 +
<td align="center">Sydney (Australia - New South Wales)</td>
 +
<td align="center">Sunday, 9 August 2015 at 11:00:00 AM</td>
 +
<td align="center">AEST</td>
 +
<td align="center">UTC+10 hours</td>
 +
</tr>
 +
<tr height="26px">
 +
<td align="center">Boston (U.S.A. - Massachusetts)</td>
 +
<td align="center">Saturday, 8 August 2015 at 9:00:00 PM</td>
 +
<td align="center">EDT</td>
 +
<td align="center">UTC-4 hours</td>
 +
</tr>
 +
<tr height="26px">
 +
<td align="center">Corresponding UTC (GMT)</td>
 +
<td align="center">Sunday, 9 August 2015 at 01:00:00</td>
 +
<td align="center">-</td>
 +
<td align="center">-</td>
 +
</tr>
 +
</table>
  
−
.contentContainer { /* Creates the container for the content - class */
+
</div> <!-- contentContainer end -->
−
/* background-color: #EEEDEA; */
+
−
width: 98%;
+
−
float: left;
+
−
padding: 4px;
+
−
/* border-top: 6px solid #EE3e53; */
+
−
}
+
  
−
.specialInline { /* Creates the container for inline content SYTYCS special - class */
+
</body>
−
display: inline-block;
+
−
}
+
−
 
+
−
.regularInline { /* Creates the container for inline content - class */
+
−
display: inline-block;
+
−
}
+
−
 
+
−
.CentredFigure { /* Creates the container for CentredFigure - class */
+
−
/* no styling required here so far */
+
−
}
+
−
 
+
−
.CentreTextFigure { /* Creates the container for CentredTextFihure - class */
+
−
/* no styling required here so far */
+
−
}
+
−
 
+
−
.regularTable { /* Creates regular table class */
+
−
border-collapse: collapse;
+
−
width: 80%;
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularHeader { /* Creates regular header class */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
}
+
−
 
+
−
.regularParagraph { /* Creates regular paragraph class */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
}
+
−
 
+
−
.regularHyperlink { /* reates regular hyperlink class */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
}
+
−
 
+
−
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
−
 
+
−
.mainmenu table { /* Styling of the menu table class */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-size: 16px;
+
−
color: #ffffff;
+
−
}
+
−
 
+
−
.mainmenu a { /* Styling of the menu table hyperlinks */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
display:block; /* makes the whole table cell clickable */
+
−
/* background-color: #66cc66; Comment: setting this colours a bar across the text green */
+
−
color: #000000;
+
−
}
+
−
 
+
−
.mainmenu td { /* Styling of the menu table hyperlinks */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
/* background-color: #66cc66; Comment: #66cc66 light green setting this colours the entire container green!!! */
+
−
color: #000000;
+
−
}
+
−
 
+
−
.menuHighlight a { /* Styling of the menu table highlighted hyperlinks */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
display:block; /* makes the whole table cell clickable */
+
−
color: #ffffff; /* #ffffff is white */
+
−
}
+
−
 
+
−
.menuHighlight td { /* Styling of the menu table highlighted hyperlinks */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
background-color: #009933; /* #009933 dark green */
+
−
color: #ffffff; /* #ffffff is white */
+
−
}
+
−
 
+
−
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
/* color: #0e232f; */
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
/* text-transform: uppercase; */
+
−
}
+
−
 
+
−
.contentContainer a { /*Style of the links */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-weight: bold;
+
−
color: #0645ad; /*hyperlink blue*/
+
−
text-decoration: underline;
+
−
}
+
−
 
+
−
.contentContainer a:hover{ /* Styling links on hover */
+
−
color: #f4b248; /*dark blue*/
+
−
}
+
−
 
+
−
.regularTable table { /* default table formatting */
+
−
color: #000000; /*black*/
+
−
}
+
−
 
+
−
.regularTable th { /* default table header formatting */
+
−
border: 1px solid black;
+
−
color: #000000; /*black*/
+
−
font-size: 14px;
+
−
}
+
−
 
+
−
.regularTable td { /* default table detail formatting */
+
−
border: 1px solid black;
+
−
color: #000000; /*black*/
+
−
font-size: 12px;
+
−
padding: 4px;
+
−
}
+
−
 
+
−
figure.specialInline { /* Styling for figures in specialInline class */
+
−
margin-top: 1em;
+
−
margin-bottom: 1em;
+
−
margin-left: 0px;
+
−
margin-right: 0px;
+
−
}
+
−
 
+
−
figure.regularInline { /* Styling for figures in regularInline class */
+
−
margin-top: 1em;
+
−
margin-bottom: 1em;
+
−
margin-left: 20px;
+
−
margin-right: 20px;
+
−
}
+
−
 
+
−
figure.CentredFigure { /* Styling for figures in CentredFigure class */
+
−
margin: 0 auto 0.55em;
+
−
display: block;
+
−
}
+
−
 
+
−
p.CentreTextFigure { /* paragraph formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: center;
+
−
}
+
−
 
+
−
figcaption.specialInline { /* Styling for figure captions - class */
+
−
display: block;
+
−
text-align: left;
+
−
}
+
−
 
+
−
figcaption.regularInline { /* Styling for figure captions - class */
+
−
display: block;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.regularHeader h1 { /* Heading1 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularHeader h2 { /* heading2 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularHeader h3 { /* heading3 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularHeader h4 { /* heading4 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularHeader h5 { /* heading5 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularHeader h6 { /* heading6 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularParagraph p { /* paragraph formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
/* font-size: 20px; */
+
−
}
+
−
 
+
−
.regularHyperlink a { /* hyperlink formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-weight: bold;
+
−
color: #0645ad; /*hyperlink blue*/
+
−
text-decoration: underline;
+
−
}
+
−
 
+
−
</style>
+
 
</html>
 
</html>

Revision as of 12:49, 7 August 2015

MqAust Burpey v46-bubblePetri44 Summary03.png Tanya Test

Home Project Modelling Parts Human Practices Team Attributions Sitemap

Blah1

Blah blah blah1

Photo of Shakeubator

Blah2

Blah blah blah2

Gel image PCR Products 2 July 2015

Blah3

Blah blah blah3

put image here

Meet the Contestants

Biobrick Ben
Biobrick Ben
Jimmy Gel Runner
Jimmy Gel Runner
Lauren The Lab Monkey
Lauren The Lab Monkey
Pascal The Promoter
Pascal The Promoter
Sam The Solution
Sam The Solution
Location Local Time Time Zone UTC Offset
Sydney (Australia - New South Wales) Sunday, 9 August 2015 at 11:00:00 AM AEST UTC+10 hours
Boston (U.S.A. - Massachusetts) Saturday, 8 August 2015 at 9:00:00 PM EDT UTC-4 hours
Corresponding UTC (GMT) Sunday, 9 August 2015 at 01:00:00 - -