Difference between revisions of "Template:Macquarie Australia/TestCSS"
(testing hyperlink1) |
(Testing hyperlink2) |
||
Line 1: | Line 1: | ||
− | + | [[File:MqAust_Burpey_v46-bubblePetri44_Summary03.png|965px]] | |
− | <html | + | <html> |
− | + | <style type="text/css"> | |
− | + | ||
− | + | /* HIDE WIKI MARKUP */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/ | |
− | + | /* PAGE LAYOUT */ | |
− | + | body { /* Holds page background formatting */ | |
− | + | /* background: linear-gradient(#7ec700, #43733e); */ /* mq harmony light green to dark green commented out */ | |
− | + | 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: 980px; | |
− | + | overflow: hidden; | |
+ | float: center; | ||
+ | /* margin-left: 20px; */ | ||
+ | /* background-color: #EEEDEA; */ | ||
+ | /* border-bottom: 6px solid #EE3e53; */ | ||
+ | } | ||
− | + | #menuContainer { /* Creates the container for the menu */ | |
− | + | float: center; | |
− | + | width: 980px; | |
+ | /* background-color: #0e232f; */ | ||
+ | height: 80px; | ||
+ | /* border-top: 6px solid #EE3e53; */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | } | ||
− | + | .mainmenu { /* Creates mainmenu class */ | |
− | + | /* width: 100%; */ | |
− | + | /* float: left; */ | |
− | + | /* margin: 0 0 1em 0; */ | |
− | + | padding: 0; | |
− | + | background-color: #f2f2f2; | |
+ | border-bottom: 1px solid #ccc; | ||
+ | } | ||
− | + | .menuHighlight { /* Creates highlight class */ | |
− | + | /* font-family: Verdana, Geneva, sans-serif; */ | |
− | + | /* color: #ffffff; /* #ffffff is white */ */ | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .contentContainer { /* Creates the container for the content - class */ | |
+ | /* background-color: #EEEDEA; */ | ||
+ | width: 940px; | ||
+ | float: left; | ||
+ | padding: 10px; | ||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | /* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | ||
+ | |||
+ | #mainContainer p { /* Styling of text for everything inside main container */ | ||
+ | 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-size: 14px; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .mainmenu table { /* Styling of the menu table class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 16px; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .mainmenu a { /* Styling of the menu table hyperlinks */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | /* display:block; */ | ||
+ | color: #000000; | ||
+ | } | ||
+ | |||
+ | .menuHighlight a { /* Styling of the menu table highlighted hyperlinks */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #ffffff; /* #ffffff is white */ | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | .menuHighlight td { /* Styling of the menu table highlighted hyperlinks */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #ffffff; /* #ffffff is white */ | ||
+ | } | ||
+ | |||
+ | table.menuHighlight td { /* Styling of the menu table highlighted hyperlinks */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #ffffff; /* #ffffff is white */ | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | .contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | /* color: #0e232f; */ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | /* text-transform: uppercase; */ | ||
+ | } | ||
+ | |||
+ | .contentContainer a { /*Style of the links */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-weight: bold; | ||
+ | color: #0645ad; /*hyperlink blue*/ | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | .contentContainer a:hover{ /* Styling links on hover */ | ||
+ | color: #f4b248; /*dark blue*/ | ||
+ | } | ||
+ | |||
+ | figure.specialInline { /* Styling for figures in specialInline class */ | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | |||
+ | figcaption { /* Styling for figure captions - class */ | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | 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*/ | ||
+ | /* font-size: 20px; */ | ||
+ | } | ||
+ | |||
+ | a { /* hyperlink formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-weight: bold; | ||
+ | color: #0645ad; /*hyperlink blue*/ | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | table { /* default table formatting */ | ||
+ | border-collapse: collapse; | ||
+ | width: 80%; | ||
+ | } | ||
+ | |||
+ | 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> | ||
</html> | </html> |