Difference between revisions of "Template:Macquarie Australia"

(Added figure and figurecaption style)
(Readjusting contentcontainer width)
 
(66 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
[[File:MqAust_Burpey_v46-bubblePetri44_Summary03.png|965px]]
+
<html lang="en-AU">
−
<html>
+
 
<style type="text/css">
 
<style type="text/css">
  
 
/* HIDE WIKI MARKUP */
 
/* HIDE WIKI MARKUP */
  
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear { /*-- hides default wiki settings --*/
 +
display: none;
 +
}
 +
 
 +
#content { /* Removes the standard wiki black border */
 +
border:none;
 +
/* padding: 0px 0px 0px 0px; */
 +
}
  
 
/* PAGE LAYOUT */
 
/* PAGE LAYOUT */
  
 
body { /* Holds page background formatting */
 
body { /* Holds page background formatting */
−
/* background: linear-gradient(#7ec700, #43733e); */ /* mq harmony light green to dark green commented out */
+
background-image: url("https://static.igem.org/mediawiki/2015/1/1f/MQAust_BG1.png");
−
background-color: #009933; /* middle harmony websafe green plain colour background */
+
background-size: 100%;
 +
background-attachment: fixed;
 +
/* background-repeat: no-repeat; */
 
}
 
}
  
−
#mainContainer { /* Creates a container that wraps all of the content inside our wiki pages */
+
.mainContainer { /* Creates a container that wraps all of the content inside our wiki pages */
−
width: 980px;
+
width: 100%;
 
overflow: hidden;
 
overflow: hidden;
 
float: center;
 
float: center;
Line 23: Line 31:
 
}
 
}
  
−
#menuContainer { /* Creates the container for the menu */
+
.menuContainer { /* Creates the container for the menu */
 
float: center;
 
float: center;
−
width: 980px;
+
width: 100%;
 +
/* height: 35px; Comment: setting this affects the whole page*/
 
/* background-color: #0e232f; */
 
/* background-color: #0e232f; */
−
height: 80px;
+
padding: 0px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
−
font-family: Verdana, Geneva, sans-serif;
 
 
}
 
}
  
Line 37: Line 45:
 
/* margin: 0 0 1em 0; */
 
/* margin: 0 0 1em 0; */
 
padding: 0;
 
padding: 0;
−
background-color: #f2f2f2;
+
/* background-color: #f2f2f2; */
−
border-bottom: 1px solid #ccc;
+
/* border-bottom: 1px solid #ccc; */
 +
/* no colours, borders, width, or float here */
 +
border-collapse: collapse; /* Prevents a double line for both th td borders */
 +
border: 0;
 
}
 
}
  
 
.menuHighlight { /* Creates highlight class */
 
.menuHighlight { /* Creates highlight class */
−
/* none required here */
+
/* no styling required here so far */
 
}
 
}
  
 
.contentContainer { /* Creates the container for the content - class */
 
.contentContainer { /* Creates the container for the content - class */
 
/* background-color: #EEEDEA; */
 
/* background-color: #EEEDEA; */
−
width: 940px;
+
width: 943px;
 
float: left;
 
float: left;
−
padding: 10px;
+
padding: 16px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
 
}
 
}
  
−
#bannerContainer { /*Set up height place holder for the banner*/
+
.honyWhite { /* Creates unique HONY table class */
−
height:200px;
+
border-collapse: collapse; /* Prevents a double line for both th td borders */
−
margin:auto;
+
width: 100%;
−
text-align:center;
+
text-align: left;
−
/* color: #24B694; */
+
}
 +
 
 +
.centreStuffInline { /* Horizontal positioning */
 +
text-align: center;
 
}
 
}
  
Line 64: Line 78:
 
}
 
}
  
−
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
.regularInline { /* Creates the container for inline content - class */
−
 
+
display: inline-block;
−
#mainContainer p { /* Styling of text for everything inside main container */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-size: 12px;
+
−
/* color: #0e232f; */
+
 
}
 
}
  
−
#mainmenu table { /* Styling of the menu id */
+
.regularTable { /* Creates regular table class */
−
font-family: Verdana, Geneva, sans-serif;
+
border-collapse: collapse; /* Prevents a double line for both th td borders */
−
font-size: 14px;
+
width: 96%;
−
color: #ffffff;
+
text-align: left;
 
}
 
}
  
−
.mainmenu table { /* Styling of the menu table class */
+
.regularHeader { /* Creates regular header class */
−
font-family: Verdana, Geneva, sans-serif;
+
/* no styling required here so far */
−
font-size: 16px;
+
−
color: #ffffff;
+
 
}
 
}
  
−
.mainmenu a { /* Styling of the menu table hyperlinks */
+
.regularParagraph { /* Creates regular paragraph class */
−
font-family: Verdana, Geneva, sans-serif;
+
/* no styling required here so far */
−
display:block; /* allows the whole cell of the table to be a link */
+
−
color: #000000; /* #000000 is black */
+
 
}
 
}
  
−
.menuHighlight a { /* Styling of the menu table highlighted hyperlink */
+
.regularHyperlink { /* Creates regular hyperlink class */
−
font-family: Verdana, Geneva, sans-serif;
+
/* no styling required here so far */
−
color: #ffffff; /* #ffffff is white */
+
 
}
 
}
  
−
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
+
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
font-family: Verdana, Geneva, sans-serif;
+
−
/* color: #0e232f; */
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
/* text-transform: uppercase; */
+
−
}
+
  
−
.contentContainer a { /*Style of the links */
+
/* Class MainMenu styling */
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-weight: bold;
+
−
color: #0645ad; /*hyperlink blue*/
+
−
text-decoration: underline;
+
−
}
+
  
−
.contentContainer a:hover{ /* Styling links on hover */
+
.mainmenu table { /* Styling of the menu table class */
−
color: #f4b248; /*dark blue*/
+
font-family: Verdana, Geneva, sans-serif;
−
}
+
font-size: 16px;
 +
color: #ffffff;
 +
border: 0;
 +
border-spacing: 0;
 +
text-align: center;
 +
padding: 0;
 +
}
  
−
figure.specialInline { /* Styling for figures in specialInline class */
+
.mainmenu a { /* Styling of the menu table hyperlinks */
−
margin-top: 1em;
+
font-family: Verdana, Geneva, sans-serif;
−
margin-bottom: 1em;
+
display:block; /* makes the table cells clickable */
−
margin-left: 0px;
+
/* background-color: #66cc66; Comment: setting this colours a bar across the text green */
−
margin-right: 0px;
+
color: #000000;
−
}
+
}
  
−
figcaption { /* Styling for figure captions - class */
+
/* Class MenuHighlight styling */
−
display: block;
+
−
}
+
  
−
h1 { /* Heading1 formatting */
+
.menuHighlight a { /* Styling of the menu table highlighted hyperlinks */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
display:block; /* makes the table cells clickable */
−
text-align: left;
+
color: #ffffff; /* #ffffff is white */
−
}
+
}
  
−
h2 { /* Comment: heading2 formatting */
+
/* Class honyWhite styling */
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
}
+
  
−
p { /* Comment: paragraph formatting */
+
.honyWhite table { /* default table formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
/* font-size: 20px; */
+
table-layout: fixed; /* prevents auto-resizing of column widths */
−
}
+
border-spacing: 10px 10px;
 +
}
 +
 
 +
.honyWhite th { /* default table header formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
border: 0px solid white;
 +
color: #000000; /*black*/
 +
font-size: 12px;
 +
padding: 8px;
 +
}
 +
 
 +
.honyWhite td { /* default table detail formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
border: 0px solid white;
 +
color: #000000; /*black*/
 +
font-size: 12px;
 +
padding: 8px;
 +
vertical-align: text-top;
 +
}
 +
 
 +
.honyCol40 { /* For fixed table Column width */
 +
width: 40%;
 +
}
 +
 
 +
.honyWhite a { /* default table detail formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display:inline; /* here to keep hyperlinks inline */
 +
font-weight: bold;
 +
color: #0645ad; /*hyperlink blue*/
 +
text-decoration: underline;
 +
}
 +
 
 +
/* Class SpecialInline styling */
 +
 
 +
figure.specialInline { /* Styling for figures in specialInline class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
margin-top: 1em;
 +
margin-bottom: 1em;
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
}
 +
 
 +
figcaption.specialInline { /* Styling for figure captions - class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display: block; /* here to keep the caption underneath the figure */
 +
text-align: left;
 +
}
 +
 
 +
/* WRAPPED IMAGE Class styling */
 +
 
 +
figure.wrappedImage { /* Styling for figures in hony class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
display: table; /* Required for text wrapping in caption */
 +
width: 450px; /* This can be any width, so long as it's narrower than any image */
 +
margin-top: 1em;
 +
margin-bottom: 1em;
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
}
 +
 
 +
figcaption.wrappedImage { /* Styling for figure captions - class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
/* display: block; here to keep the caption underneath the figure */
 +
text-align: left;
 +
display: table-row; /* Required for text wrapping in caption */
 +
}
 +
 
 +
img.wrappedImage { /* Styling for figure captions - class */
 +
float: left;
 +
}
 +
 
 +
/* TEXT IN COLUMNS Class styling */
 +
 
 +
.divideTextTwoColumns {
 +
/* Create multiple columns */
 +
-webkit-column-count: 2; /* Chrome, Safari, Opera */
 +
-moz-column-count: 2; /* Firefox */
 +
column-count: 2;
 +
/* Gap between columns */
 +
-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
 +
-moz-column-gap: 40px; /* Firefox */
 +
column-gap: 40px;
 +
/* Line between columns */
 +
-webkit-column-rule: 1px dashed #009933; /* Chrome, Safari, Opera */
 +
-moz-column-rule: 1px dashed #009933; /* Firefox */
 +
column-rule: 1px dashed #009933;
 +
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
}
 +
 
 +
/* REGULAR Class styling */
 +
 
 +
figure.regularInline { /* Styling for figures in regularInline class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
/* margin-top: 1em; removing this styling for now */
 +
/* margin-bottom: 1em; removing this styling for now */
 +
/* margin-left: 20px; Comment: adds a buffer I think */
 +
/* margin-right: 20px; Comment: adds a buffer */
 +
}
 +
 
 +
figcaption.regularInline { /* Styling for figure captions - class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display: block; /* here to keep the caption underneath the figure */
 +
text-align: center;
 +
}
 +
 
 +
.regularTable table { /* default table formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
table-layout: fixed; /* prevents auto-resizing of column widths */
 +
}
 +
 
 +
.regularTable th { /* default table header formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
border: 1px solid black;
 +
color: #000000; /*black*/
 +
font-size: 14px;
 +
}
 +
 
 +
.regularTable td { /* default table detail formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
border: 1px solid black;
 +
color: #000000; /*black*/
 +
font-size: 14px;
 +
padding: 4px;
 +
}
 +
 
 +
.regularCol10 { /* For fixed table Column widths */
 +
width: 10%;
 +
}
 +
.regularCol20 { /* For fixed table Column widths */
 +
width: 20%;
 +
}
 +
.regularCol30 { /* For fixed table Column widths */
 +
width: 30%;
 +
}
 +
.regularCol40 { /* For fixed table Column widths */
 +
width: 40%;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
/* Image floating */
 +
 
 +
.floatImageRight {
 +
float: right;
 +
/* width: 120px; */
 +
margin: 0 0 0 0;
 +
padding: 4px;
 +
/* border: 1px solid black; */
 +
text-align: center;
 +
}
 +
 
 +
.floatImageLeft {
 +
float: right;
 +
/* width: 120px; */
 +
margin: 0 0 0 0;
 +
padding: 4px;
 +
/* border: 1px solid black; */
 +
text-align: center;
 +
}
 +
 
 +
.floatImageRightNoPad {
 +
float: right;
 +
/* width: 120px; */
 +
margin: 0 0 0 0;
 +
padding: 0;
 +
/* border: 1px solid black; */
 +
text-align: center;
 +
}
 +
 
 +
/* Class ContentContainer styling - this is here for standard content DEFAULTS */
 +
 
 +
.contentContainer h1 { /* Colour and font family */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 24px;
 +
}
 +
 
 +
.contentContainer h2 { /* Colour and font family */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 21px;
 +
}
 +
 
 +
.contentContainer h3 { /* Colour and font family */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 19px;
 +
}
 +
 
 +
.contentContainer h4 { /* Colour and font family */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 17px;
 +
}
 +
 
 +
.contentContainer h5 { /* Colour and font family */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 15px;
 +
}
 +
 
 +
.contentContainer h6 { /* Colour and font family */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 13px;
 +
}
 +
 
 +
.contentContainer a { /*Style of the links */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display:inline; /* here to keep hyperlinks inline */
 +
font-weight: bold;
 +
color: #0645ad; /* hyperlink blue */
 +
text-decoration: underline;
 +
font-size: 14px;
 +
}
 +
 
 +
.contentContainer a:hover{ /* Styling links on hover */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #66cc66; /* websafe light green */
 +
}
 +
 
 +
.contentContainer table { /* default table formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
border-collapse: collapse;
 +
width: 100%;
 +
}
 +
 
 +
/* .contentContainer table, th { default table header formatting - 2015-09-12 TS Cannot use this!!! */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* border: 1px solid black; */
 +
/* height: 20px; */
 +
/* padding: 4px; */
 +
/* text-align: center; */
 +
/* vertical-align: middle; */
 +
/* background-color:  #ffffff; white*/
 +
/* color: #000000; black*/
 +
/* } */
 +
 
 +
/* .contentContainer table, td { table detail formatting - 2015-09-10 TS Cannot use this!!! */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* border: 1px solid black; */
 +
/* height: 28px; */
 +
/* padding: 15px; */
 +
/* text-align: left; */
 +
/* vertical-align: middle; */
 +
/* background-color:  #ffffff; white*/
 +
/* color: #000000; black*/
 +
/* } */
 +
 
 +
.contentContainer figcaption { /* Styling for figure captions - class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display: block; /* here to keep the caption underneath the figure */
 +
text-align: left;
 +
}
 +
 
 +
.contentContainer ul { /* unordered list styling */
 +
font-family: Verdana, Geneva, sans-serif;
 +
list-style-type: circle;
 +
font-size: 14px;
 +
}
 +
 
 +
.contentContainer ol { /* ordered list styling */
 +
font-family: Verdana, Geneva, sans-serif;
 +
list-style-type:decimal;
 +
font-size: 14px;
 +
}
 +
 
 +
.contentContainer p { /* paragraph formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
font-size: 14px;
 +
}
 +
 
 +
.contentContainer img { /* image formatting */
 +
max-width:100%;
 +
}
 +
 
 +
/* ul { unordered list styling - TS 2015-09-10 this default changes the iGEM login bar! */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* list-style-type: circle; */
 +
/* } */
 +
 
 +
/* ol { ordered list styling - TS 2015-09-10 this default changes the iGEM login bar! */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* list-style-type: circle; */
 +
/* } */
 +
 
 +
/* a { hyperlink formatting - TS 2015-09-10 this anchor default changes the iGEM login bar! */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* display:inline; here to keep hyperlinks inline */
 +
/* } */
  
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 11:21, 19 November 2015