Difference between revisions of "Template:Macquarie Australia/TestCSS"
(Testing hyperlink2) |
(Added back in the catch-all hyperlink style) |
||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
Line 9: | Line 8: | ||
/* 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 */ | |
− | width: | + | width: 100%; |
overflow: hidden; | overflow: hidden; | ||
float: center; | float: center; | ||
Line 23: | Line 22: | ||
} | } | ||
− | + | .menuContainer { /* Creates the container for the menu */ | |
− | float: | + | float: left; |
− | width: | + | width: 100%; |
/* background-color: #0e232f; */ | /* background-color: #0e232f; */ | ||
− | + | /* padding: 10px; */ | |
/* 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 32: | ||
.mainmenu { /* Creates mainmenu class */ | .mainmenu { /* Creates mainmenu class */ | ||
− | |||
− | |||
/* margin: 0 0 1em 0; */ | /* margin: 0 0 1em 0; */ | ||
padding: 0; | padding: 0; | ||
− | + | /* no colours, borders, width, or float here */ | |
− | + | ||
} | } | ||
.menuHighlight { /* Creates highlight class */ | .menuHighlight { /* Creates highlight class */ | ||
− | /* | + | /* 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: | + | width: 98%; |
float: left; | float: left; | ||
− | padding: | + | padding: 4px; |
/* border-top: 6px solid #EE3e53; */ | /* border-top: 6px solid #EE3e53; */ | ||
} | } | ||
− | + | .specialInline { /* Creates the container for inline content SYTYCS special - class */ | |
− | + | display: inline-block; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | .regularInline { /* Creates the container for inline content - class */ |
display: inline-block; | display: inline-block; | ||
} | } | ||
− | /* | + | .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 */ | ||
+ | border-collapse: collapse; | ||
+ | width: 80%; | ||
+ | text-align: left; | ||
+ | } | ||
− | + | .regularHeader { /* Creates regular header class */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
− | |||
− | |||
} | } | ||
− | + | .regularParagraph { /* Creates regular paragraph class */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
− | |||
− | |||
} | } | ||
+ | |||
+ | .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 87: | Line 93: | ||
.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 */ | |
+ | /* 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 */ |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
− | color: # | + | /* background-color: #66cc66; Comment: #66cc66 light green setting this colours the entire container green!!! */ |
+ | color: #000000; | ||
} | } | ||
− | + | .menuHighlight a { /* Styling of the menu table highlighted hyperlinks */ | |
− | .menuHighlight | + | |
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 */ | |
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 125: | Line 133: | ||
.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 134: | Line 159: | ||
} | } | ||
− | + | figure.regularInline { /* Styling for figures in regularInline 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 */ | |
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 */ | |
+ | 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 150: | Line 193: | ||
} | } | ||
− | + | .regularHeader h2 { /* heading2 formatting */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
Line 156: | Line 199: | ||
} | } | ||
− | + | .regularHeader h3 { /* heading3 formatting */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
Line 162: | Line 205: | ||
} | } | ||
− | + | .regularHeader h4 { /* heading4 formatting */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
Line 168: | Line 211: | ||
} | } | ||
− | + | .regularHeader h5 { /* heading5 formatting */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
Line 174: | Line 217: | ||
} | } | ||
− | p { /* paragraph formatting */ | + | .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; | font-family: Verdana, Geneva, sans-serif; | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
Line 180: | Line 229: | ||
} | } | ||
− | a { /* hyperlink formatting */ | + | .regularHyperlink a { /* hyperlink formatting */ |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
Line 187: | Line 236: | ||
} | } | ||
− | + | a { /* hyperlink formatting */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | font-weight: bold; | |
− | + | color: #0645ad; /*hyperlink blue*/ | |
− | + | /* text-decoration: underline; */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 12:54, 7 August 2015