Difference between revisions of "Template:Macquarie Australia/PascalTestCSS"

 
(33 intermediate revisions by the same user not shown)
Line 2: Line 2:
 
<style type="text/css">
 
<style type="text/css">
  
−
/* PAGE LAYOUT */
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
  
−
body { /* page background formatting */
+
#content
−
/* background-color: #2a8e5a; */ /*dark green*/
+
{
−
background-color: #ffffff;
+
  width: 100%;
−
}
+
  border:none;
 +
}
  
−
#mainContainer { /* Creates a container that wraps all of the content inside our wiki pages */
+
#mainContainer {
−
width: 980px;
+
  width: 100%;
−
overflow: hidden;
+
  overflow:hidden;
−
float: center;
+
  float:left;
−
/* margin-left: 20px; */
+
  background-color: white;
−
/* background-color: #EEEDEA; */
+
}
−
/* border-bottom: 6px solid #EE3e53; */
+
−
}
+
  
−
#menuContainer { /* Creates the container for the menu */
+
h1
−
float: center;
+
{
−
width: 980px;
+
  border-bottom:none;
−
/* background-color: #0e232f; */
+
}
−
height: 80px;
+
−
/* border-top: 6px solid #EE3e53; */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
}
+
−
 
+
−
#contentContainer { /* Creates the container for the content */
+
−
/* background-color: #EEEDEA; */
+
−
width: 810px;
+
−
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; */
+
−
}
+
−
 
+
−
/* 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: 14px;
+
−
color: #ffffff;
+
−
}
+
−
 
+
−
.mainmenu a { /* Styling of the menu table hyperlinks */
+
−
display:block;
+
−
}
+
−
 
+
−
#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-weight: bold;
+
−
color: #0645ad; /*hyperlink blue*/
+
−
text-decoration: underline;
+
−
}
+
−
 
+
−
#contentContainer a:hover{ /* Styling links on hover */
+
−
color: #f4b248; /*dark blue*/
+
−
}
+
−
 
+
−
h1 { /* Heading1 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
−
 
+
−
h2 { /* Comment: heading2 formatting */
+
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
}
+
  
−
p { /* Comment: paragraph formatting */
 
−
font-family: Verdana, Geneva, sans-serif;
 
−
color: #000000; /*black*/
 
−
/* font-size: 20px; */
 
−
}
 
 
/* Main elements of the page */
 
/* Main elements of the page */
  
 
body
 
body
 
{
 
{
−
     background-color: rgba(130,224,22,0.9);
+
     background-color: green;
 
     font-family: 'Trebuchet MS', Arial, sans-serif;
 
     font-family: 'Trebuchet MS', Arial, sans-serif;
 
     color: #181818;
 
     color: #181818;
 +
margin: 0px;
 
}
 
}
  
Line 113: Line 36:
 
     width: 900px;
 
     width: 900px;
 
     margin: auto;
 
     margin: auto;
 +
margin-top: 0px;
 
background-color: white;
 
background-color: white;
 +
box-shadow: 0px 5px 10px #1c1a19;
 
}
 
}
  
Line 125: Line 50:
 
/* Header */
 
/* Header */
  
−
/*header
+
header
 
{
 
{
−
    background: url('images/line.png') repeat-x bottom;
+
width: 100%;
−
}*/
+
background-color: white;
 +
height: 100px;
 +
position: fixed;
 +
z-index: 1;
 +
margin-bottom: 200px;
 +
}
  
 
#main_title
 
#main_title
Line 194: Line 124:
  
 
/* Body */
 
/* Body */
−
 
−
section
 
−
{
 
−
background: white;
 
−
margin: 2px;
 
−
box-shadow: 0px 2px 5px #1c1a19;
 
−
}
 
  
 
article, aside
 
article, aside
Line 213: Line 136:
 
     width: 620px;
 
     width: 620px;
 
     margin-right: 15px;
 
     margin-right: 15px;
 +
}
 +
 +
#2
 +
{
 +
margin: 20px;
 +
}
 +
 +
#overview img
 +
{
 +
float: left;
 
}
 
}
  
 
#photosystem
 
#photosystem
 
{
 
{
−
    float:left;
+
display: inline-block;
−
margin-right: 5px;
+
vertical-align: top;
−
margin-left: 5px;
+
margin-left: 30px;
 +
margin-top: 100px;
 +
}
 +
 
 +
#description
 +
{
 +
display: inline-block;
 +
width: 500px;
 +
margin-top: 150px;
 
}
 
}
  
Line 272: Line 213:
 
#banner_image
 
#banner_image
 
{
 
{
−
     margin-top: 15px;
+
     margin-top: 0px;
 
margin-left: 180px;
 
margin-left: 180px;
 
     height: 170px;
 
     height: 170px;
Line 281: Line 222:
 
     box-shadow: 0px 4px 4px #1c1a19;
 
     box-shadow: 0px 4px 4px #1c1a19;
 
     margin-bottom: 25px;
 
     margin-bottom: 25px;
 +
clear: both;
 
}
 
}
  
 
#banner_description
 
#banner_description
 
{
 
{
−
    position: absolute;
+
position: absolute;
 
     bottom: 0;
 
     bottom: 0;
 
     border-radius: 0px 0px 5px 5px;
 
     border-radius: 0px 0px 5px 5px;
Line 324: Line 266:
 
#menu
 
#menu
 
{
 
{
−
background: none;
+
background: none;
 +
display: block;
 
}
 
}
  
 
#menu aside
 
#menu aside
 
{
 
{
−
position: relative;
+
/*position: relative;
 
     width: 420px;
 
     width: 420px;
 
     background-color: rgb(17,214,47);
 
     background-color: rgb(17,214,47);
Line 336: Line 279:
 
     padding: 10px;
 
     padding: 10px;
 
     color: white;
 
     color: white;
−
     font-size: 0.9em;
+
     font-size: 0.9em;*/
 +
margin: 25px;
 
}
 
}
  
Line 404: Line 348:
 
     color: #760001;
 
     color: #760001;
 
}
 
}
−
 
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 02:40, 20 July 2015