Difference between revisions of "Template:Macquarie Australia"
(Added menuHighlight id) |
(Readjusting contentcontainer width) |
||
(76 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | <html lang="en-AU"> | |
− | <html> | + | |
<style type="text/css"> | <style type="text/css"> | ||
/* HIDE WIKI MARKUP */ | /* HIDE WIKI MARKUP */ | ||
− | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear { | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear { /*-- hides default wiki settings --*/ |
+ | display: none; | ||
+ | } | ||
+ | |||
+ | #content { /* Removes the standard wiki black border */ | ||
+ | border:none; | ||
+ | /* padding: 0px 0px 0px 0px; */ | ||
+ | } | ||
/* PAGE LAYOUT */ | /* PAGE LAYOUT */ | ||
body { /* Holds page background formatting */ | body { /* Holds page background formatting */ | ||
− | + | background-image: url("https://static.igem.org/mediawiki/2015/1/1f/MQAust_BG1.png"); | |
− | background- | + | background-size: 100%; |
+ | background-attachment: fixed; | ||
+ | /* background-repeat: no-repeat; */ | ||
} | } | ||
− | + | .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 31: | ||
} | } | ||
− | + | .menuContainer { /* Creates the container for the menu */ | |
float: center; | float: center; | ||
− | width: | + | width: 100%; |
+ | /* height: 35px; Comment: setting this affects the whole page*/ | ||
/* background-color: #0e232f; */ | /* background-color: #0e232f; */ | ||
− | + | padding: 0px; | |
/* border-top: 6px solid #EE3e53; */ | /* border-top: 6px solid #EE3e53; */ | ||
− | |||
} | } | ||
Line 37: | Line 45: | ||
/* margin: 0 0 1em 0; */ | /* margin: 0 0 1em 0; */ | ||
padding: 0; | padding: 0; | ||
− | background-color: #f2f2f2; | + | /* background-color: #f2f2f2; */ |
− | border-bottom: 1px solid #ccc; | + | /* border-bottom: 1px solid #ccc; */ |
+ | /* no colours, borders, width, or float here */ | ||
+ | border-collapse: collapse; /* Prevents a double line for both th td borders */ | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .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: 943px; |
float: left; | float: left; | ||
− | padding: | + | padding: 16px; |
/* 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: | + | text-align: left; |
− | + | } | |
+ | |||
+ | .centreStuffInline { /* Horizontal positioning */ | ||
+ | text-align: center; | ||
} | } | ||
Line 60: | Line 78: | ||
} | } | ||
− | + | .regularInline { /* Creates the container for inline content - class */ | |
− | + | display: inline-block; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | .regularTable { /* Creates regular table class */ | |
− | + | border-collapse: collapse; /* Prevents a double line for both th td borders */ | |
− | + | width: 96%; | |
− | + | text-align: left; | |
} | } | ||
− | . | + | .regularHeader { /* Creates regular header class */ |
− | + | /* no styling required here so far */ | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .regularParagraph { /* Creates regular paragraph class */ |
− | + | /* no styling required here so far */ | |
− | + | ||
− | + | ||
} | } | ||
− | . | + | .regularHyperlink { /* Creates regular hyperlink class */ |
− | + | /* no styling required here so far */ | |
− | + | ||
} | } | ||
− | + | /* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | /* Class MainMenu styling */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .mainmenu table { /* Styling of the menu table class */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | font-size: 16px; | |
+ | color: #ffffff; | ||
+ | border: 0; | ||
+ | border-spacing: 0; | ||
+ | text-align: center; | ||
+ | padding: 0; | ||
+ | } | ||
− | + | .mainmenu a { /* Styling of the menu table hyperlinks */ | |
− | + | font-family: Verdana, Geneva, sans-serif; | |
− | + | display:block; /* makes the table cells clickable */ | |
− | + | /* background-color: #66cc66; Comment: setting this colours a bar across the text green */ | |
− | } | + | color: #000000; |
+ | } | ||
− | + | /* Class MenuHighlight styling */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | .menuHighlight a { /* Styling of the menu table highlighted hyperlinks */ | |
− | font-family: Verdana, Geneva, sans-serif; | + | font-family: Verdana, Geneva, sans-serif; |
− | color: #000000; /*black*/ | + | display:block; /* makes the table cells clickable */ |
− | /* font-size: 20px; */ | + | color: #ffffff; /* #ffffff is white */ |
− | } | + | } |
+ | |||
+ | /* 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: 12px; | ||
+ | padding: 8px; | ||
+ | } | ||
+ | |||
+ | .honyWhite td { /* default table detail formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border: 0px solid white; | ||
+ | color: #000000; /*black*/ | ||
+ | font-size: 12px; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /* 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; | ||
+ | } | ||
+ | |||
+ | figcaption.specialInline { /* Styling for figure captions - class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display: block; /* here to keep the caption underneath the figure */ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | /* WRAPPED IMAGE Class styling */ | ||
+ | |||
+ | figure.wrappedImage { /* Styling for figures in hony class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 12px; | ||
+ | display: table; /* Required for text wrapping in caption */ | ||
+ | width: 450px; /* This can be any width, so long as it's narrower than any image */ | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | margin-left: 0px; | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | |||
+ | figcaption.wrappedImage { /* Styling for figure captions - class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | font-size: 12px; | ||
+ | /* display: block; here to keep the caption underneath the figure */ | ||
+ | text-align: left; | ||
+ | display: table-row; /* Required for text wrapping in caption */ | ||
+ | } | ||
+ | |||
+ | img.wrappedImage { /* Styling for figure captions - class */ | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /* REGULAR Class styling */ | ||
+ | |||
+ | figure.regularInline { /* Styling for figures in regularInline class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | /* margin-top: 1em; removing this styling for now */ | ||
+ | /* margin-bottom: 1em; removing this styling for now */ | ||
+ | /* margin-left: 20px; Comment: adds a buffer I think */ | ||
+ | /* margin-right: 20px; Comment: adds a buffer */ | ||
+ | } | ||
+ | |||
+ | figcaption.regularInline { /* Styling for figure captions - class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display: block; /* here to keep the caption underneath the figure */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .regularTable table { /* default table formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | table-layout: fixed; /* prevents auto-resizing of column widths */ | ||
+ | } | ||
+ | |||
+ | .regularTable th { /* default table header formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border: 1px solid black; | ||
+ | color: #000000; /*black*/ | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .regularTable td { /* default table detail formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border: 1px solid black; | ||
+ | color: #000000; /*black*/ | ||
+ | font-size: 14px; | ||
+ | padding: 4px; | ||
+ | } | ||
+ | |||
+ | .regularCol10 { /* For fixed table Column widths */ | ||
+ | width: 10%; | ||
+ | } | ||
+ | .regularCol20 { /* For fixed table Column widths */ | ||
+ | width: 20%; | ||
+ | } | ||
+ | .regularCol30 { /* For fixed table Column widths */ | ||
+ | width: 30%; | ||
+ | } | ||
+ | .regularCol40 { /* For fixed table Column widths */ | ||
+ | width: 40%; | ||
+ | } | ||
+ | |||
+ | .regularHeader h1 { /* Heading1 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .regularHeader h2 { /* heading2 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .regularHeader h3 { /* heading3 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .regularHeader h4 { /* heading4 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .regularHeader h5 { /* heading5 formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | 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; | ||
+ | } | ||
+ | |||
+ | /* Image floating */ | ||
+ | |||
+ | .floatImageRight { | ||
+ | float: right; | ||
+ | /* width: 120px; */ | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 4px; | ||
+ | /* border: 1px solid black; */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .floatImageLeft { | ||
+ | float: right; | ||
+ | /* width: 120px; */ | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 4px; | ||
+ | /* border: 1px solid black; */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .floatImageRightNoPad { | ||
+ | float: right; | ||
+ | /* width: 120px; */ | ||
+ | margin: 0 0 0 0; | ||
+ | padding: 0; | ||
+ | /* border: 1px solid black; */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Class ContentContainer styling - this is here for standard content DEFAULTS */ | ||
+ | |||
+ | .contentContainer h1 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | /* text-transform: uppercase; */ | ||
+ | font-size: 24px; | ||
+ | } | ||
+ | |||
+ | .contentContainer h2 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | /* text-transform: uppercase; */ | ||
+ | font-size: 21px; | ||
+ | } | ||
+ | |||
+ | .contentContainer h3 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | /* text-transform: uppercase; */ | ||
+ | font-size: 19px; | ||
+ | } | ||
+ | |||
+ | .contentContainer h4 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | /* text-transform: uppercase; */ | ||
+ | font-size: 17px; | ||
+ | } | ||
+ | |||
+ | .contentContainer h5 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | /* text-transform: uppercase; */ | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | .contentContainer h6 { /* Colour and font family */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | text-align: left; | ||
+ | /* text-transform: uppercase; */ | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .contentContainer a { /*Style of the links */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display:inline; /* here to keep hyperlinks inline */ | ||
+ | font-weight: bold; | ||
+ | color: #0645ad; /* hyperlink blue */ | ||
+ | text-decoration: underline; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .contentContainer a:hover{ /* Styling links on hover */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #66cc66; /* websafe light green */ | ||
+ | } | ||
+ | |||
+ | .contentContainer table { /* default table formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | border-collapse: collapse; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /* .contentContainer table, th { default table header formatting - 2015-09-12 TS Cannot use this!!! */ | ||
+ | /* font-family: Verdana, Geneva, sans-serif; */ | ||
+ | /* border: 1px solid black; */ | ||
+ | /* height: 20px; */ | ||
+ | /* padding: 4px; */ | ||
+ | /* text-align: center; */ | ||
+ | /* vertical-align: middle; */ | ||
+ | /* background-color: #ffffff; white*/ | ||
+ | /* color: #000000; black*/ | ||
+ | /* } */ | ||
+ | |||
+ | /* .contentContainer table, td { table detail formatting - 2015-09-10 TS Cannot use this!!! */ | ||
+ | /* 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*/ | ||
+ | /* } */ | ||
+ | |||
+ | .contentContainer figcaption { /* Styling for figure captions - class */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | display: block; /* here to keep the caption underneath the figure */ | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | .contentContainer ul { /* unordered list styling */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | list-style-type: circle; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .contentContainer ol { /* ordered list styling */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | list-style-type:decimal; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .contentContainer p { /* paragraph formatting */ | ||
+ | font-family: Verdana, Geneva, sans-serif; | ||
+ | color: #000000; /*black*/ | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | |||
+ | .contentContainer img { /* image formatting */ | ||
+ | max-width:100%; | ||
+ | } | ||
+ | |||
+ | /* ul { unordered list styling - TS 2015-09-10 this default changes the iGEM login bar! */ | ||
+ | /* font-family: Verdana, Geneva, sans-serif; */ | ||
+ | /* list-style-type: circle; */ | ||
+ | /* } */ | ||
+ | |||
+ | /* ol { ordered list styling - TS 2015-09-10 this default changes the iGEM login bar! */ | ||
+ | /* font-family: Verdana, Geneva, sans-serif; */ | ||
+ | /* list-style-type: circle; */ | ||
+ | /* } */ | ||
+ | |||
+ | /* a { hyperlink formatting - TS 2015-09-10 this anchor default changes the iGEM login bar! */ | ||
+ | /* font-family: Verdana, Geneva, sans-serif; */ | ||
+ | /* display:inline; here to keep hyperlinks inline */ | ||
+ | /* } */ | ||
</style> | </style> | ||
</html> | </html> |
Latest revision as of 11:21, 19 November 2015