Difference between revisions of "Template:Macquarie Australia"

(Added catch-all h2 and p)
(Added in defaults and comments and hyperlink block styling)
Line 26: Line 26:
 
float: center;
 
float: center;
 
width: 100%;
 
width: 100%;
 +
/* height: 35px; Comment: setting this affects the whole page*/
 
/* background-color: #0e232f; */
 
/* background-color: #0e232f; */
−
/* padding: 10px; */
+
padding: 0px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
Line 33: Line 34:
  
 
.mainmenu { /* Creates mainmenu class */
 
.mainmenu { /* Creates mainmenu class */
 +
/* width: 100%; */
 +
/* float: left; */
 
/* margin: 0 0 1em 0; */
 
/* margin: 0 0 1em 0; */
 
padding: 0;
 
padding: 0;
 +
/* background-color: #f2f2f2; */
 +
/* border-bottom: 1px solid #ccc; */
 
/* no colours, borders, width, or float here */
 
/* no colours, borders, width, or float here */
 
}
 
}
  
 
.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 */
−
width: 98%;
+
/* background-color: #EEEDEA; */
 +
width: 100%;
 
float: left;
 
float: left;
 
padding: 4px;
 
padding: 4px;
 +
/* border-top: 6px solid #EE3e53; */
 
}
 
}
  
Line 54: Line 61:
 
.regularInline { /* Creates the container for inline content - class */
 
.regularInline { /* Creates the container for inline content - class */
 
display: inline-block;
 
display: inline-block;
−
}
 
−
 
−
.CentreIt { /* Creates the container for centred content - class */
 
−
margin: auto;
 
−
}
 
−
 
−
.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 */
 
.regularTable { /* Creates regular table class */
 
border-collapse: collapse;
 
border-collapse: collapse;
−
width: 80%;
+
width: 96%;
 
text-align: left;
 
text-align: left;
 
}
 
}
  
 
.regularHeader { /* Creates regular header class */
 
.regularHeader { /* Creates regular header class */
−
font-family: Verdana, Geneva, sans-serif;
+
/* no styling required here so far */
 
}
 
}
  
 
.regularParagraph { /* Creates regular paragraph class */
 
.regularParagraph { /* Creates regular paragraph class */
−
font-family: Verdana, Geneva, sans-serif;
+
/* no styling required here so far */
 
}
 
}
  
 
.regularHyperlink { /* reates regular hyperlink class */
 
.regularHyperlink { /* reates regular hyperlink class */
−
font-family: Verdana, Geneva, sans-serif;
+
/* no styling required here so far */
 
}
 
}
  
 
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
  
−
#mainContainer p { /* Styling of text for everything inside main container */
+
/* Class MainMenu styling */
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-size: 12px;
+
−
/* color: #0e232f; */
+
−
}
+
  
−
#mainmenu table { /* Styling of the menu id */
+
.mainmenu table { /* Styling of the menu table class */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
font-size: 14px;
+
font-size: 16px;
−
color: #ffffff;
+
color: #ffffff;
−
}
+
}
  
−
.mainmenu table { /* Styling of the menu table class */
+
.mainmenu a { /* Styling of the menu table hyperlinks */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
font-size: 16px;
+
display:block; /* makes the table cells clickable */
−
color: #ffffff;
+
/* background-color: #66cc66; Comment: setting this colours a bar across the text green */
−
}
+
color: #000000;
 +
}
  
−
.mainmenu a { /* Styling of the menu table hyperlinks */
+
/* Class MenuHighlight styling */
−
font-family: Verdana, Geneva, sans-serif;
+
−
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 */
+
.menuHighlight a { /* Styling of the menu table highlighted hyperlinks */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #ffffff; /* #ffffff is white */
+
display:block; /* makes the table cells clickable */
−
}
+
color: #ffffff; /* #ffffff is white */
 +
}
  
−
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
+
/* Class ContentContainer styling */
−
font-family: Verdana, Geneva, sans-serif;
+
−
/* color: #0e232f; */
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
/* text-transform: uppercase; */
+
−
}
+
  
−
.contentContainer a { /*Style of the links */
+
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
font-weight: bold;
+
color: #000000;
−
color: #0645ad; /*hyperlink blue*/
+
border-bottom: none;
−
text-decoration: underline;
+
font-weight: bold;
−
}
+
/* text-transform: uppercase; */
 +
}
  
−
.contentContainer a:hover{ /* Styling links on hover */
+
.contentContainer a { /*Style of the links */
−
color: #f4b248; /*dark blue*/
+
font-family: Verdana, Geneva, sans-serif;
−
}
+
display:inline; /* here to keep hyperlinks inline */
 +
font-weight: bold;
 +
color: #0645ad; /* hyperlink blue */
 +
text-decoration: underline;
 +
}
  
−
figure.specialInline { /* Styling for figures in specialInline class */
+
.contentContainer a:hover{ /* Styling links on hover */
−
margin-top: 1em;
+
font-family: Verdana, Geneva, sans-serif;
−
margin-bottom: 1em;
+
color: #66cc66; /* websafe light green */
−
margin-left: 0px;
+
}
−
margin-right: 0px;
+
−
}
+
  
−
figcaption { /* Styling for figure captions - class */
+
/* Class SpecialInline styling */
−
font-family: Verdana, Geneva, sans-serif;
+
−
display: block;
+
−
}
+
  
−
p.CentreIt { /* Styling for centred content - class */
+
figure.specialInline { /* Styling for figures in specialInline class */
−
margin: auto;
+
font-family: Verdana, Geneva, sans-serif;
−
}
+
margin-top: 1em;
 +
margin-bottom: 1em;
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
}
  
−
figure.regularInline { /* Styling for figures in regularInline class */
+
figcaption.specialInline { /* Styling for figure captions - class */
−
margin-top: 1em;
+
font-family: Verdana, Geneva, sans-serif;
−
margin-bottom: 1em;
+
display: block; /* here to keep the caption underneath the figure */
−
margin-left: 20px;
+
text-align: left;
−
margin-right: 20px;
+
}
−
}
+
  
−
figure.CentredFigure { /* Styling for figures in CentredFigure class */
+
/* REGULAR Class styling */
−
margin: 0 auto 0.55em;
+
−
display: block;
+
−
}
+
  
−
p.CentreTextFigure { /* paragraph formatting */
+
figure.regularInline { /* Styling for figures in regularInline class */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
/* margin-top: 1em; removing this styling for now */
−
text-align: center;
+
/* margin-bottom: 1em; removing this styling for now */
−
}
+
/* margin-left: 20px; Comment: adds a buffer I think */
 +
/* margin-right: 20px; Comment: adds a buffer */
 +
}
  
−
.regularTable table { /* default table formatting */
+
figcaption.regularInline { /* Styling for figure captions - class */
−
color: #000000; /*black*/
+
font-family: Verdana, Geneva, sans-serif;
−
}
+
display: block; /* here to keep the caption underneath the figure */
 +
text-align: center;
 +
}
  
−
.regularTable th { /* default table header formatting */
+
.regularTable table { /* default table formatting */
−
border: 1px solid black;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
font-size: 14px;
+
}
−
}
+
  
−
.regularTable td { /* default table detail formatting */
+
.regularTable th { /* default table header formatting */
−
border: 1px solid black;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
border: 1px solid black;
−
font-size: 12px;
+
color: #000000; /*black*/
−
padding: 4px;
+
font-size: 14px;
−
}
+
}
  
−
.regularHeader h1 { /* Heading1 formatting */
+
.regularTable td { /* default table detail formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
border: 1px solid black;
−
text-align: left;
+
color: #000000; /*black*/
−
}
+
font-size: 12px;
 +
padding: 4px;
 +
}
  
−
.regularHeader h2 { /* heading2 formatting */
+
.regularHeader h1 { /* Heading1 formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
text-align: left;
+
text-align: left;
−
}
+
}
  
−
.regularHeader h3 { /* heading3 formatting */
+
.regularHeader h2 { /* heading2 formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
text-align: left;
+
text-align: left;
−
}
+
}
  
−
.regularHeader h4 { /* heading4 formatting */
+
.regularHeader h3 { /* heading3 formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
text-align: left;
+
text-align: left;
−
}
+
}
  
−
.regularHeader h5 { /* heading5 formatting */
+
.regularHeader h4 { /* heading4 formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
text-align: left;
+
text-align: left;
−
}
+
}
  
−
.regularHeader h6 { /* heading6 formatting */
+
.regularHeader h5 { /* heading5 formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
text-align: left;
+
text-align: left;
−
}
+
}
  
−
.regularParagraph p { /* paragraph formatting */
+
.regularHeader h6 { /* heading6 formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
/* font-size: 20px; */
+
text-align: left;
−
}
+
}
  
−
.regularHyperlink a { /* hyperlink formatting */
+
.regularParagraph p { /* paragraph formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
font-weight: bold;
+
color: #000000; /*black*/
−
color: #0645ad; /*hyperlink blue*/
+
/* font-size: 20px; */
−
text-decoration: underline;
+
}
−
}
+
  
−
h2 { /* Heading2 formatting - catch-all */
+
.regularHyperlink a { /* hyperlink formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
font-weight: bold;
−
}
+
color: #0645ad; /*hyperlink blue*/
 +
text-decoration: underline;
 +
}
 +
 
 +
/* DEFAULT styling - no class specified */
 +
 
 +
/* table { default table formatting */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* border-collapse: collapse; */
 +
/* width: 100%; */
 +
/* } */
 +
 
 +
/* table, th { default table header formatting */
 +
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* border: 1px solid black; */
 +
/* height: 28px; */
 +
/* padding: 15px; */
 +
/* text-align: center; */
 +
/* vertical-align: middle; */
 +
/* background-color: #ffffff; white*/
 +
/* color: #000000; black*/
 +
/* } */
  
−
p { /* Paragraph formatting - catch-all */
+
/* table, td { default table detail formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
/* font-family: Verdana, Geneva, sans-serif; */
−
color: #000000; /*black*/
+
/* border: 1px solid black; */
−
/* font-size: 20px; */
+
/* height: 28px; */
−
}
+
/* padding: 15px; */
 +
/* text-align: left; */
 +
/* vertical-align: middle; */
 +
/* background-color:  #ffffff; white*/
 +
/* color: #000000; black*/
 +
/* } */
 +
 
 +
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;
 +
}
 +
 
 +
h1 { /* Heading1 formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
text-align: left;
 +
}
 +
 
 +
h2 { /* heading2 formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
text-align: left;
 +
}
 +
 
 +
h3 { /* heading3 formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
text-align: left;
 +
}
 +
 
 +
h4 { /* heading4 formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
text-align: left;
 +
}
 +
 
 +
h5 { /* heading5 formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
text-align: left;
 +
}
 +
 
 +
h6 { /* heading6 formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
text-align: left;
 +
}
 +
 
 +
p { /* paragraph formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
}
 +
 
 +
a { hyperlink formatting */
 +
font-family: Verdana, Geneva, sans-serif; */
 +
display:inline; /* here to keep hyperlinks inline */
 +
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 06:27, 9 August 2015

MqAust Burpey v46-bubblePetri44 Summary03.png