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

(Minor change to syntax)
(Add new class with center text)
 
(25 intermediate revisions by the same user not shown)
Line 58: Line 58:
 
/* background-color: #f2f2f2; */
 
/* background-color: #f2f2f2; */
 
/* border-bottom: 1px solid #ccc; */
 
/* border-bottom: 1px solid #ccc; */
 +
border-collapse: collapse; /* Prevents a double line for both th td borders */
 +
border: 0px;
 
/* no colours, borders, width, or float here */
 
/* no colours, borders, width, or float here */
 
}
 
}
Line 71: Line 73:
 
padding: 4px;
 
padding: 4px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
 +
}
 +
 +
.honyWhite { /* Creates unique HONY table class */
 +
border-collapse: collapse; /* Prevents a double line for both th td borders */
 +
width: 100%;
 +
text-align: left;
 +
}
 +
 +
.centreItInline { /* Horizontal positioning */
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
.centreStuffInline { /* Horizontal positioning */
 +
text-align: center;
 
}
 
}
  
Line 107: Line 125:
 
font-size: 16px;
 
font-size: 16px;
 
color: #ffffff;
 
color: #ffffff;
 +
border: 0;
 +
border-spacing: 0;
 +
text-align: center;
 +
padding: 0;
 
}
 
}
  
Line 150: Line 172:
 
}
 
}
  
−
a.contentContainer { /*Style of the links */
+
.contentContainer a { /*Style of the links */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
display:inline; /* here to keep hyperlinks inline */
 
display:inline; /* here to keep hyperlinks inline */
Line 161: Line 183:
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #66cc66; /* websafe light green */
 
color: #66cc66; /* websafe light green */
 +
}
 +
 +
/* Class honyWhite styling */
 +
 +
.honyWhite table { /* default table formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
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: 14px;
 +
padding: 8px;
 +
}
 +
 +
.honyWhite td { /* default table detail formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
border: 0px solid white;
 +
color: #000000; /*black*/
 +
font-size: 14px;
 +
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;
 
}
 
}
  
Line 183: Line 243:
 
figure.wrappedImage { /* Styling for figures in hony class */
 
figure.wrappedImage { /* Styling for figures in hony class */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 14px;
 
display: table; /* Required for text wrapping in caption */
 
display: table; /* Required for text wrapping in caption */
−
width: 380px; /* This can be any width, so long as it's narrower than any image */
+
width: 450px; /* This can be any width, so long as it's narrower than any image */
 
margin-top: 1em;
 
margin-top: 1em;
 
margin-bottom: 1em;
 
margin-bottom: 1em;
Line 193: Line 254:
 
figcaption.wrappedImage { /* Styling for figure captions - class */
 
figcaption.wrappedImage { /* Styling for figure captions - class */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 +
font-size: 14px;
 
/* display: block; here to keep the caption underneath the figure */
 
/* display: block; here to keep the caption underneath the figure */
 
text-align: left;
 
text-align: left;
Line 200: Line 262:
 
img.wrappedImage { /* Styling for figure captions - class */
 
img.wrappedImage { /* Styling for figure captions - class */
 
float: left;
 
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;
 
}
 
}
  
Line 218: Line 299:
 
}
 
}
  
−
table.regularTable { /* default table formatting */
+
.regularTable table { /* default table formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 224: Line 305:
 
}
 
}
  
−
th.regularTable { /* default table header formatting */
+
.regularTable th { /* default table header formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
border: 1px solid black;
 
border: 1px solid black;
Line 231: Line 312:
 
}
 
}
  
−
td.regularTable { /* default table detail formatting */
+
.regularTable td { /* default table detail formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
border: 1px solid black;
 
border: 1px solid black;
Line 252: Line 333:
 
}
 
}
  
−
h1.regularHeader { /* Heading1 formatting */
+
.regularHeader h1 { /* Heading1 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 258: Line 339:
 
}
 
}
  
−
h2.regularHeader { /* heading2 formatting */
+
.regularHeader h2 { /* heading2 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 264: Line 345:
 
}
 
}
  
−
h3.regularHeader { /* heading3 formatting */
+
.regularHeader h3 { /* heading3 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 270: Line 351:
 
}
 
}
  
−
h4.regularHeader { /* heading4 formatting */
+
.regularHeader h4 { /* heading4 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 276: Line 357:
 
}
 
}
  
−
h5.regularHeader { /* heading5 formatting */
+
.regularHeader h5 { /* heading5 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 282: Line 363:
 
}
 
}
  
−
h6.regularHeader { /* heading6 formatting */
+
.regularHeader h6 { /* heading6 formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 288: Line 369:
 
}
 
}
  
−
p.regularParagraph { /* paragraph formatting */
+
.regularParagraph p { /* paragraph formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
Line 294: Line 375:
 
}
 
}
  
−
a.regularHyperlink { /* hyperlink formatting */
+
.regularHyperlink a { /* hyperlink formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
font-weight: bold;
 
font-weight: bold;

Latest revision as of 13:14, 7 September 2015

MqAust Burpey v46-bubblePetri44 Summary03.png