Difference between revisions of "Template:Macquarie Australia"

(Added mainmenu text centering and border specifications)
(Readjusting contentcontainer width)
 
(43 intermediate revisions by 3 users not shown)
Line 1: Line 1:
[[File:MqAust_Burpey_v57-wiki-SolarSynthesisers300dpi.png|965px|link=]]
 
 
<html lang="en-AU">
 
<html lang="en-AU">
 
<style type="text/css">
 
<style type="text/css">
Line 17: Line 16:
  
 
body { /* Holds page background formatting */
 
body { /* Holds page background formatting */
/*background-image: url("https://static.igem.org/mediawiki/2015/6/62/MqAust_ChlamyOneLine.png"); */
+
background-image: url("https://static.igem.org/mediawiki/2015/1/1f/MQAust_BG1.png");
/* background: linear-gradient(#7ec700, #43733e); */ /* mq harmony light green to dark green commented out */
+
background-size: 100%;
/*background-color: #009933;*/ /* middle harmony websafe green plain colour background */
+
background-attachment: fixed;
/* background-color: #ccffcc; pale websafe green background */
+
/* background-repeat: no-repeat; */
background-color: #ffffff; /* white plain colour background */
+
 
}
 
}
  
Line 60: Line 58:
 
.contentContainer { /* Creates the container for the content - class */
 
.contentContainer { /* Creates the container for the content - class */
 
/* background-color: #EEEDEA; */
 
/* background-color: #EEEDEA; */
width: 100%;
+
width: 943px;
 
float: left;
 
float: left;
padding: 4px;
+
padding: 16px;
 
/* border-top: 6px solid #EE3e53; */
 
/* border-top: 6px solid #EE3e53; */
 
}
 
}
Line 70: Line 68:
 
width: 100%;
 
width: 100%;
 
text-align: left;
 
text-align: left;
 +
}
 +
 +
.centreStuffInline { /* Horizontal positioning */
 +
text-align: center;
 
}
 
}
  
Line 125: Line 127:
 
display:block; /* makes the table cells clickable */
 
display:block; /* makes the table cells clickable */
 
color: #ffffff; /* #ffffff is white */
 
color: #ffffff; /* #ffffff is white */
}
 
 
/* Class ContentContainer styling */
 
 
.contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000;
 
border-bottom: none;
 
font-weight: bold;
 
/* text-transform: uppercase; */
 
}
 
 
.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;
 
}
 
 
.contentContainer a:hover{ /* Styling links on hover */
 
font-family: Verdana, Geneva, sans-serif;
 
color: #66cc66; /* websafe light green */
 
 
}
 
}
  
Line 227: Line 206:
 
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 262: Line 260:
 
border: 1px solid black;
 
border: 1px solid black;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
font-size: 12px;
+
font-size: 14px;
 
padding: 4px;
 
padding: 4px;
 
}
 
}
Line 328: Line 326:
 
}
 
}
  
/* DEFAULT styling - no class specified */
+
/* Image floating */
  
/* table { default table formatting */
+
.floatImageRight {
/* font-family: Verdana, Geneva, sans-serif; */
+
float: right;
/* border-collapse: collapse; */
+
/* width: 120px; */
/* width: 100%; */
+
margin: 0 0 0 0;
/* } */
+
padding: 4px;
 +
/* border: 1px solid black; */
 +
text-align: center;
 +
}
  
/* table, th { default table header formatting */
+
.floatImageLeft {
/* font-family: Verdana, Geneva, sans-serif; */
+
float: right;
/* border: 1px solid black; */
+
/* width: 120px; */
/* height: 28px; */
+
margin: 0 0 0 0;
/* padding: 15px; */
+
padding: 4px;
/* text-align: center; */
+
/* border: 1px solid black; */
/* vertical-align: middle; */
+
text-align: center;
/* background-color:  #ffffff; white*/
+
}
/* color: #000000; black*/
+
/* } */
+
  
/* table, td { default table detail formatting */
+
.floatImageRightNoPad {
/* font-family: Verdana, Geneva, sans-serif; */
+
float: right;
/* border: 1px solid black; */
+
/* width: 120px; */
/* height: 28px; */
+
margin: 0 0 0 0;
/* padding: 15px; */
+
padding: 0;
/* text-align: left; */
+
/* border: 1px solid black; */
/* vertical-align: middle; */
+
text-align: center;
/* background-color:  #ffffff; white*/
+
}
/* color: #000000; black*/
+
/* } */
+
  
figcaption { /* Styling for figure captions - class */
+
/* Class ContentContainer styling - this is here for standard content DEFAULTS */
 +
 
 +
.contentContainer h1 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
display: block; /* here to keep the caption underneath the figure */
+
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 
text-align: left;
 
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 24px;
 
}
 
}
  
ul {
+
.contentContainer h2 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
list-style-type: circle;
+
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 21px;
 
}
 
}
  
ol {
+
.contentContainer h3 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
list-style-type: circle;
+
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 +
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 19px;
 
}
 
}
  
h1 { /* Heading1 formatting */
+
.contentContainer h4 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 
text-align: left;
 
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 17px;
 
}
 
}
  
h2 { /* heading2 formatting */
+
.contentContainer h5 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 
text-align: left;
 
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 15px;
 
}
 
}
  
h3 { /* heading3 formatting */
+
.contentContainer h6 { /* Colour and font family */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
 
color: #000000; /*black*/
 
color: #000000; /*black*/
 +
border-bottom: none;
 +
font-weight: bold;
 
text-align: left;
 
text-align: left;
 +
/* text-transform: uppercase; */
 +
font-size: 13px;
 
}
 
}
  
h4 { /* heading4 formatting */
+
.contentContainer a { /*Style of the links */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
color: #000000; /*black*/
+
display:inline; /* here to keep hyperlinks inline */
text-align: left;
+
font-weight: bold;
 +
color: #0645ad; /* hyperlink blue */
 +
text-decoration: underline;
 +
font-size: 14px;
 
}
 
}
  
h5 { /* heading5 formatting */
+
.contentContainer a:hover{ /* Styling links on hover */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
color: #000000; /*black*/
+
color: #66cc66; /* websafe light green */
text-align: left;
+
 
}
 
}
  
h6 { /* heading6 formatting */
+
.contentContainer table { /* default table formatting */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
color: #000000; /*black*/
+
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;
 
text-align: left;
 
}
 
}
  
p { /* paragraph formatting */
+
.contentContainer ul { /* unordered list styling */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
color: #000000; /*black*/
+
list-style-type: circle;
 +
font-size: 14px;
 
}
 
}
  
a { /* hyperlink formatting */
+
.contentContainer ol { /* ordered list styling */
 
font-family: Verdana, Geneva, sans-serif;
 
font-family: Verdana, Geneva, sans-serif;
display:inline; /* here to keep hyperlinks inline */
+
list-style-type:decimal;
 +
font-size: 14px;
 
}
 
}
  
img { /* image formatting */
+
.contentContainer p { /* paragraph formatting */
 +
font-family: Verdana, Geneva, sans-serif;
 +
color: #000000; /*black*/
 +
font-size: 14px;
 +
}
 +
 
 +
.contentContainer img { /* image formatting */
 
max-width:100%;
 
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