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 { | + | 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: 980px; |
overflow: hidden; | overflow: hidden; | ||
float: center; | float: center; | ||
Line 22: | Line 23: | ||
} | } | ||
− | + | #menuContainer { /* Creates the container for the menu */ | |
− | float: | + | float: center; |
− | width: | + | width: 980px; |
/* background-color: #0e232f; */ | /* background-color: #0e232f; */ | ||
− | + | 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; | ||
− | + | background-color: #f2f2f2; | |
+ | border-bottom: 1px solid #ccc; | ||
} | } | ||
.menuHighlight { /* Creates highlight class */ | .menuHighlight { /* Creates highlight class */ | ||
− | /* | + | /* 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: | + | width: 940px; |
float: left; | float: left; | ||
− | padding: | + | padding: 10px; |
/* border-top: 6px solid #EE3e53; */ | /* border-top: 6px solid #EE3e53; */ | ||
} | } | ||
− | + | #bannerContainer { /*Set up height place holder for the banner*/ | |
− | + | height:200px; | |
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | /* color: #24B694; */ | ||
} | } | ||
− | . | + | .specialInline { /* Creates the container for inline content - class */ |
display: inline-block; | display: inline-block; | ||
} | } | ||
− | + | /* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #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; */ | ||
} | } | ||
− | + | #mainmenu table { /* Styling of the menu id */ | |
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | color: #ffffff; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.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; | + | /* display:block; */ |
− | + | ||
color: #000000; | color: #000000; | ||
} | } | ||
− | . | + | .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 */ | |
− | + | ||
} | } | ||
− | .menuHighlight | + | /* |
+ | .menuHighlight td { /* Styling of the menu table highlighted hyperlinks */ | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
− | |||
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; | ||
− | |||
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*/ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 159: | Line 134: | ||
} | } | ||
− | + | figcaption { /* Styling for figure captions - class */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
display: block; | display: block; | ||
} | } | ||
− | + | 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; | ||
} | } | ||
− | + | h2 { /* heading2 formatting */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
font-family: Verdana, Geneva, sans-serif; | font-family: Verdana, Geneva, sans-serif; | ||
color: #000000; /*black*/ | color: #000000; /*black*/ | ||
Line 193: | Line 150: | ||
} | } | ||
− | + | 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: | ||
} | } | ||
− | + | 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: | ||
} | } | ||
− | + | 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: | ||
} | } | ||
− | + | 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: | ||
} | } | ||
− | + | 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: | ||
} | } | ||
− | + | 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: | ||
} | } | ||
− | + | table { /* default table formatting */ | |
− | + | border-collapse: collapse; | |
− | + | width: 80%; | |
− | color: # | + | } |
− | + | ||
− | + | 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> |