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

 
(21 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
 +
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
  
 
#content  
 
#content  
 
{
 
{
   width:100%
+
   width: 100%;
 +
  border:none;
 
}
 
}
  
Line 11: Line 14:
 
   overflow:hidden;
 
   overflow:hidden;
 
   float:left;
 
   float:left;
   background-color: #fff;  
+
   background-color: white;
 
}
 
}
  
/* PAGE LAYOUT */
+
h1
 +
{
 +
  border-bottom:none;
 +
}
  
body { /* page background formatting */
 
/* background-color: #2a8e5a; */ /*dark green*/
 
background-color: #ffffff;
 
}
 
 
#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;
 
}
 
 
#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;
box-shadow: 0px 5px 10px #1c1a19;
+
margin: 0px;
 
}
 
}
  
Line 126: 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 139: 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 208: Line 124:
  
 
/* Body */
 
/* Body */
 
section
 
{
 
background: white;
 
margin: 2px;
 
}
 
  
 
article, aside
 
article, aside
Line 226: 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 285: Line 213:
 
#banner_image
 
#banner_image
 
{
 
{
     margin-top: 15px;
+
     margin-top: 0px;
 
margin-left: 180px;
 
margin-left: 180px;
 
     height: 170px;
 
     height: 170px;
Line 294: 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 337: 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 349: Line 279:
 
     padding: 10px;
 
     padding: 10px;
 
     color: white;
 
     color: white;
     font-size: 0.9em;
+
     font-size: 0.9em;*/
 +
margin: 25px;
 
}
 
}
  
Line 417: Line 348:
 
     color: #760001;
 
     color: #760001;
 
}
 
}
 
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 02:40, 20 July 2015