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

(Trying to set different hyperlink class styles)
(Added new styling classes and defaults)
Line 44: Line 44:
  
 
.menuHighlight { /* Creates highlight class */
 
.menuHighlight { /* Creates highlight class */
−
/* font-family: Verdana, Geneva, sans-serif; */
+
/* no styling required here so far */
−
/* color: #ffffff; /* #ffffff is white */ */
+
 
}
 
}
  
Line 121: Line 120:
 
display:inline; /* here to keep hyperlinks inline */
 
display:inline; /* here to keep hyperlinks inline */
 
font-weight: bold;
 
font-weight: bold;
−
color: #0645ad; /*hyperlink blue*/
+
color: #0645ad; /* hyperlink blue */
 
text-decoration: underline;
 
text-decoration: underline;
 
}
 
}
  
 
.contentContainer a:hover{ /* Styling links on hover */
 
.contentContainer a:hover{ /* Styling links on hover */
−
color: #f4b248; /*dark blue*/
+
font-family: Verdana, Geneva, sans-serif;
 +
color: #66cc66; /* websafe light green */
 
}
 
}
  
−
/* Class BLAH styling */
+
/* 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;
 +
}
  
−
figure.specialInline { /* Styling for figures in specialInline class */
+
figcaption.specialInline { /* Styling for figure captions - class */
−
margin-top: 1em;
+
display: block; /* here to keep the caption underneath the figure */
−
margin-bottom: 1em;
+
text-align: left;
−
margin-left: 0px;
+
}
−
margin-right: 0px;
+
−
}
+
  
−
figcaption { /* Styling for figure captions - class */
+
/* REGULAR Class styling */
−
display: block;
+
−
}
+
  
−
h1 { /* Heading1 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;
−
text-align: left;
+
margin-bottom: 1em;
−
}
+
margin-left: 20px;
 +
margin-right: 20px;
 +
}
  
−
h2 { /* heading2 formatting */
+
figcaption.regularInline { /* Styling for figure captions - class */
−
font-family: Verdana, Geneva, sans-serif;
+
display: block; /* here to keep the caption underneath the figure */
−
color: #000000; /*black*/
+
text-align: center;
−
text-align: left;
+
}
−
}
+
  
−
h3 { /* heading3 formatting */
+
.regularTable table { /* default table formatting */
−
font-family: Verdana, Geneva, sans-serif;
+
font-family: Verdana, Geneva, sans-serif;
−
color: #000000; /*black*/
+
color: #000000; /*black*/
−
text-align: left;
+
}
−
}
+
  
−
h4 { /* heading4 formatting */
+
.regularTable th { /* default table header 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: 14px;
 +
}
  
−
h5 { /* heading5 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;
 +
}
  
−
h6 { /* heading6 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;
−
}
+
}
  
−
p { /* paragraph formatting */
+
.regularHeader h2 { /* heading2 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;
−
}
+
}
  
−
/* a { hyperlink formatting */
+
.regularHeader h3 { /* heading3 formatting */
−
/* font-family: Verdana, Geneva, sans-serif; */
+
font-family: Verdana, Geneva, sans-serif;
−
/* font-weight: bold; */
+
color: #000000; /*black*/
−
/* color: #0645ad; hyperlink blue*/
+
text-align: left;
−
/* text-decoration: underline;
+
}
−
/* } */
+
  
−
table { /* default table formatting */
+
.regularHeader h4 { /* heading4 formatting */
−
border-collapse: collapse;
+
font-family: Verdana, Geneva, sans-serif;
−
width: 80%;
+
color: #000000; /*black*/
−
}
+
text-align: left;
 +
}
  
−
table, th, td { /* default table header and detail formatting */
+
.regularHeader h5 { /* heading5 formatting */
−
border: 1px solid black;
+
font-family: Verdana, Geneva, sans-serif;
−
height: 28px;
+
color: #000000; /*black*/
−
padding: 15px;
+
text-align: left;
−
text-align: center;
+
}
−
vertical-align: middle;
+
 
−
background-color:  #ffffff; /*white*/
+
.regularHeader h6 { /* heading6 formatting */
−
color: #000000; /*black*/
+
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;
 +
}
 +
 
 +
/* 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*/
 +
}
 +
 
 +
table, td { /* default table detail formatting */
 +
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*/
 +
}
 +
 
 +
figcaption { /* Styling for figure captions - class */
 +
font-family: Verdana, Geneva, sans-serif;
 +
display: block; /* here to keep the caption underneath the figure */
 +
}
 +
 
 +
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 05:30, 9 August 2015

MqAust Burpey v46-bubblePetri44 Summary03.png