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

(Try hyperlink style again)
(backtracking)
Line 1: Line 1:
 +
[[File:MqAust_Burpey_v46-bubblePetri44_Summary03.png|965px]]
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
Line 8: Line 9:
 
/* 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: linear-gradient(#7ec700, #43733e); */ /* mq harmony light green to dark green commented out */
 
background-color: #009933; /* middle harmony websafe green plain colour background */
 
background-color: #009933; /* middle harmony websafe green plain colour background */
 
}
 
}
  
−
.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: 100%;
+
width: 980px;
 
overflow: hidden;
 
overflow: hidden;
 
float: center;
 
float: center;
Line 22: Line 23:
 
}
 
}
  
−
.menuContainer { /* Creates the container for the menu */
+
#menuContainer { /* Creates the container for the menu */
−
float: left;
+
float: center;
−
width: 100%;
+
width: 980px;
 
/* background-color: #0e232f; */
 
/* background-color: #0e232f; */
−
/* padding: 10px; */
+
height: 80px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
Line 32: Line 33:
  
 
.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;
−
/* no colours, borders, width, or float here */
+
background-color: #f2f2f2;
 +
border-bottom: 1px solid #ccc;
 
}
 
}
  
 
.menuHighlight { /* Creates highlight class */
 
.menuHighlight { /* Creates highlight class */
−
/* no styling required here so far */
+
/* font-family: Verdana, Geneva, sans-serif; */
 +
/* color: #ffffff; /* #ffffff is white */ */
 
}
 
}
  
 
.contentContainer { /* Creates the container for the content - class */
 
.contentContainer { /* Creates the container for the content - class */
 
/* background-color: #EEEDEA; */
 
/* background-color: #EEEDEA; */
−
width: 98%;
+
width: 940px;
 
float: left;
 
float: left;
−
padding: 4px;
+
padding: 10px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
 
}
 
}
  
−
.specialInline { /* Creates the container for inline content SYTYCS special - class */
+
#bannerContainer { /*Set up height place holder for the banner*/
−
display: inline-block;
+
height:200px;
 +
margin:auto;
 +
text-align:center;
 +
/* color: #24B694; */
 
}
 
}
  
−
.regularInline { /* Creates the container for inline content - class */
+
.specialInline { /* Creates the container for inline content - class */
 
display: inline-block;
 
display: inline-block;
 
}
 
}
  
−
.CentredFigure { /* Creates the container for CentredFigure - class */
+
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
−
/* 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 */
+
#mainContainer p { /* Styling of text for everything inside main container */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
/* color: #0e232f; */
 
}
 
}
  
−
.regularParagraph { /* Creates regular paragraph class */
+
#mainmenu table { /* Styling of the menu id */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 14px;
 +
color: #ffffff;
 
}
 
}
−
 
−
.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 */
 
.mainmenu table { /* Styling of the menu table class */
Line 93: Line 87:
 
.mainmenu a { /* Styling of the menu table hyperlinks */
 
.mainmenu a { /* Styling of the menu table hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
−
display:block; /* makes the whole table cell clickable */
+
/* display:block; */
−
/* background-color: #66cc66; Comment: setting this colours a bar across the text green */
+
 
color: #000000;
 
color: #000000;
 
}
 
}
  
−
.mainmenu td { /* Styling of the menu table hyperlinks */
+
.menuHighlight a { /* Styling of the menu table highlighted hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
−
/* background-color: #66cc66; Comment: #66cc66 light green setting this colours the entire container green!!! */
+
color: #ffffff; /* #ffffff is white */
−
color: #000000;
+
 
}
 
}
  
−
.menuHighlight a { /* Styling of the menu table highlighted hyperlinks */
+
/*
 +
.menuHighlight td { /* Styling of the menu table highlighted hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
−
display:block; /* makes the whole table cell clickable */
 
 
color: #ffffff; /* #ffffff is white */
 
color: #ffffff; /* #ffffff is white */
 
}
 
}
  
−
.menuHighlight td { /* Styling of the menu table highlighted hyperlinks */
+
table.menuHighlight td { /* Styling of the menu table highlighted hyperlinks */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
−
background-color: #009933; /* #009933 dark green */
 
 
color: #ffffff; /* #ffffff is white */
 
color: #ffffff; /* #ffffff is white */
 
}
 
}
 +
*/
  
 
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
 
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
Line 133: Line 125:
 
.contentContainer a:hover{ /* Styling links on hover */
 
.contentContainer a:hover{ /* Styling links on hover */
 
color: #f4b248; /*dark blue*/
 
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;
 
 
}
 
}
  
Line 159: Line 134:
 
}
 
}
  
−
figure.regularInline { /* Styling for figures in regularInline class */
+
figcaption { /* Styling for figure captions - 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;
 
display: block;
 
}
 
}
  
−
p.CentreTextFigure { /* paragraph formatting */
+
h1 { /* Heading1 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
−
text-align: center;
 
−
}
 
−
 
−
figcaption.specialInline { /* Styling for figure captions - class */
 
−
display: block;
 
 
text-align: left;
 
text-align: left;
 
}
 
}
  
−
figcaption.regularInline { /* Styling for figure captions - class */
+
h2 { /* heading2 formatting */
−
display: block;
+
−
text-align: center;
+
−
}
+
−
 
+
−
.regularHeader h1 { /* Heading1 formatting */
+
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 193: Line 150:
 
}
 
}
  
−
.regularHeader h2 { /* heading2 formatting */
+
h3 { /* heading3 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 199: Line 156:
 
}
 
}
  
−
.regularHeader h3 { /* heading3 formatting */
+
h4 { /* heading4 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 205: Line 162:
 
}
 
}
  
−
.regularHeader h4 { /* heading4 formatting */
+
h5 { /* heading5 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 211: Line 168:
 
}
 
}
  
−
.regularHeader h5 { /* heading5 formatting */
+
h6 { /* heading6 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 217: Line 174:
 
}
 
}
  
−
.regularHeader h6 { /* heading6 formatting */
+
p { /* paragraph formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
.regularParagraph p { /* paragraph formatting */
+
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 229: Line 180:
 
}
 
}
  
−
.regularHyperlink a { /* hyperlink formatting */
+
a { /* hyperlink formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
font-weight: bold;
 
font-weight: bold;
Line 236: Line 187:
 
}
 
}
  
−
a { /* hyperlink formatting */
+
table { /* default table formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
border-collapse: collapse;
−
/* font-weight: bold; */
+
width: 80%;
−
color: #0645ad; /*hyperlink blue*/
+
}
−
/* text-decoration: underline; */
+
 
−
display: block;
+
table, th, td { /* default table header and detail formatting */
 +
border: 1px solid black;
 +
height: 28px;
 +
padding: 15px;
 +
text-align: center;
 +
vertical-align: middle;
 +
background-color: #ffffff; /*white*/
 +
color: #000000; /*black*/
 
}
 
}
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 12:59, 7 August 2015

MqAust Burpey v46-bubblePetri44 Summary03.png