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

(Created page with "<html> <style type="text/css"> /* PAGE LAYOUT */ body { /* page background formatting */ /* background-color: #2a8e5a; */ →‎dark green: background-color: #ffffff; } #...")
 
 
(39 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 */
+
/* Main elements of the page */
−
/* background-color: #EEEDEA; */
+
−
width: 810px;
+
−
float: left;
+
−
padding: 10px;
+
−
/* border-top: 6px solid #EE3e53; */
+
−
}
+
  
−
#bannerContainer { /*Set up height place holder for the banner*/
+
body
−
height:200px;
+
{
−
margin:auto;
+
    background-color: green;
−
text-align:center;
+
    font-family: 'Trebuchet MS', Arial, sans-serif;
−
/* color: #24B694; */
+
    color: #181818;
−
}
+
margin: 0px;
 +
}
  
−
/* VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
#main_wrapper
 +
{
 +
    width: 900px;
 +
    margin: auto;
 +
margin-top: 0px;
 +
background-color: white;
 +
box-shadow: 0px 5px 10px #1c1a19;
 +
}
  
−
#mainContainer p { /* Styling of text for everything inside main container */
+
section h1, footer h1, nav a
−
font-family: Verdana, Geneva, sans-serif;
+
{
−
font-size: 12px;
+
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
−
/* color: #0e232f; */
+
    font-weight: normal;
−
}
+
    text-transform: uppercase;
 +
}
  
−
#mainmenu table { /* Styling of the menu id */
+
/* Header */
−
font-family: Verdana, Geneva, sans-serif;
+
−
font-size: 14px;
+
−
color: #ffffff;
+
−
}
+
  
−
.mainmenu table { /* Styling of the menu table class */
+
header
−
font-family: Verdana, Geneva, sans-serif;
+
{
−
font-size: 14px;
+
width: 100%;
−
color: #ffffff;
+
background-color: white;
−
}
+
height: 100px;
 +
position: fixed;
 +
z-index: 1;
 +
margin-bottom: 200px;
 +
}
  
−
.mainmenu a { /* Styling of the menu table hyperlinks */
+
#main_title
−
display:block;
+
{
−
}
+
    display: inline-block;
 +
/*border: solid blue;*/
 +
}
  
−
#contentContainer h1, h2, h3, h4, h5, h6 { /* Colour and font family */
+
header h1
−
font-family: Verdana, Geneva, sans-serif;
+
{
−
/* color: #0e232f; */
+
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
−
border-bottom: none;
+
    font-size: 2.5em;
−
font-weight: bold;
+
    font-weight: normal;
−
/* text-transform: uppercase; */
+
}
−
}
+
  
−
#contentContainer a { /*Style of the links */
+
#logo, header h1
−
font-weight: bold;
+
{
−
color: #0645ad; /*hyperlink blue*/
+
    display: inline-block;
−
text-decoration: underline;
+
    margin-bottom: 0px;
−
}
+
}
  
−
#contentContainer a:hover{ /* Styling links on hover */
+
header h2
−
color: #f4b248; /*dark blue*/
+
{
−
}
+
    font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
 +
    font-size: 1.1em;
 +
    margin-top: 0px;
 +
    font-weight: normal;
 +
}
  
−
h1 { /* Heading1 formatting */
+
/* Navigation */
−
font-family: Verdana, Geneva, sans-serif;
+
−
color: #000000; /*black*/
+
−
text-align: left;
+
−
}
+
  
−
h2 { /* Comment: heading2 formatting */
+
nav
−
font-family: Verdana, Geneva, sans-serif;
+
{
−
color: #000000; /*black*/
+
    display: inline-block;
−
}
+
    width: 540px;
 +
vertical-align: 30px;
 +
    text-align: right;
 +
/*border: solid black;*/
 +
}
  
−
p { /* Comment: paragraph formatting */
+
nav ul
−
font-family: Verdana, Geneva, sans-serif;
+
{
−
color: #000000; /*black*/
+
    list-style-type: none;
−
/* font-size: 20px; */
+
}
−
}
+
  
 +
nav li
 +
{
 +
    display: inline-block;
 +
    margin-right: 15px;
 +
}
 +
 +
nav a
 +
{
 +
    font-size: 1.3em;
 +
    color: #181818;
 +
    padding-bottom: 3px;
 +
    text-decoration: none;
 +
}
 +
 +
nav a:hover
 +
{
 +
    color: #760001;
 +
    border-bottom: 3px solid #760001;
 +
}
 +
 +
/* Body */
 +
 +
article, aside
 +
{
 +
    display: inline-block;
 +
    vertical-align: top;
 +
    text-align: justify;
 +
}
 +
 +
article
 +
{
 +
    width: 620px;
 +
    margin-right: 15px;
 +
}
 +
 +
#2
 +
{
 +
margin: 20px;
 +
}
 +
 +
#overview img
 +
{
 +
float: left;
 +
}
 +
 +
#photosystem
 +
{
 +
display: inline-block;
 +
vertical-align: top;
 +
margin-left: 30px;
 +
margin-top: 100px;
 +
}
 +
 +
#description
 +
{
 +
display: inline-block;
 +
width: 500px;
 +
margin-top: 150px;
 +
}
 +
 +
.cat_icon
 +
{
 +
    vertical-align: middle;
 +
    margin-right: 8px;
 +
}
 +
 +
article p
 +
{
 +
    font-size: 1.2em;
 +
}
 +
 +
#overview aside
 +
{
 +
    position: relative;
 +
height: 370px;
 +
    width: 235px;
 +
    background-color: #706b64;
 +
    box-shadow: 0px 2px 5px #1c1a19;
 +
    border-radius: 5px;
 +
    padding: 10px;
 +
    color: white;
 +
    font-size: 0.9em;
 +
}
 +
 +
#arrow
 +
{
 +
    position: absolute;
 +
    top: 100px;
 +
    left: -12px;
 +
}
 +
 +
#zozor_picture
 +
{
 +
    text-align: center;
 +
}
 +
 +
#zozor_picture img
 +
{
 +
    border: 1px solid #181818;
 +
}
 +
 +
aside img
 +
{
 +
    margin-right: 5px;
 +
}
 +
 +
/* Banner */
 +
 +
#banner_image
 +
{
 +
    margin-top: 0px;
 +
margin-left: 180px;
 +
    height: 170px;
 +
width: 500px;
 +
    border-radius: 5px;
 +
    background: url('images/photosynthesis.jpg') no-repeat;
 +
    position: relative;
 +
    box-shadow: 0px 4px 4px #1c1a19;
 +
    margin-bottom: 25px;
 +
clear: both;
 +
}
 +
 +
#banner_description
 +
{
 +
position: absolute;
 +
    bottom: 0;
 +
    border-radius: 0px 0px 5px 5px;
 +
    width: 99.5%;
 +
    height: 33px;
 +
    padding-top: 15px;
 +
    padding-left: 4px;
 +
    background-color: rgb(24,24,24); /* Old browsers will read this */
 +
    background-color: rgba(24,24,24,0.8); /* New browsers will read this */
 +
    color: white;
 +
    font-size: 0.8em;
 +
}
 +
 +
.red_button
 +
{
 +
    display: inline-block;
 +
    height: 25px;
 +
    position: absolute;
 +
    right: 5px;
 +
    bottom: 5px;
 +
    background: url('images/red_background.png') repeat-x;
 +
    border: 1px solid #760001;
 +
    border-radius: 5px;
 +
    font-size: 1.2em;
 +
    text-align: center;
 +
    padding: 3px 8px 0px 8px;
 +
    color: white;
 +
    text-decoration: none;
 +
}
 +
 +
.red_button img
 +
{
 +
    border: 0;
 +
}
 +
 +
/*Menu*/
 +
 +
#menu
 +
{
 +
background: none;
 +
display: block;
 +
}
 +
 +
#menu aside
 +
{
 +
/*position: relative;
 +
    width: 420px;
 +
    background-color: rgb(17,214,47);
 +
    box-shadow: 0px 2px 5px #1c1a19;
 +
    border-radius: 5px;
 +
    padding: 10px;
 +
    color: white;
 +
    font-size: 0.9em;*/
 +
margin: 25px;
 +
}
 +
 +
#menu img
 +
{
 +
float: left;
 +
}
 +
 +
/* Footer */
 +
 +
/*footer
 +
{
 +
    background:  url('images/top.png') no-repeat top center, url('images/line.png') repeat-x top, url('images/shadow.png') repeat-x top;
 +
    padding-top: 25px;
 +
}*/
 +
 +
footer p, footer ul
 +
{
 +
    font-size: 0.8em;
 +
}
 +
 +
footer h1
 +
{
 +
    font-size: 1.1em;
 +
}
 +
 +
#tweet, #my_pictures, #my_friends
 +
{
 +
    display: inline-block;
 +
    vertical-align: top;
 +
}
 +
 +
#tweet
 +
{
 +
    width: 28%;
 +
}
 +
 +
#my_pictures
 +
{
 +
    width: 35%;
 +
}
 +
 +
#my_friends
 +
{
 +
    width: 31%;
 +
}
 +
 +
#my_pictures img
 +
{
 +
    border: 1px solid #181818;
 +
    margin-right: 2px;
 +
}
 +
 +
#my_friends ul
 +
{
 +
    display: inline-block;
 +
    vertical-align: top;
 +
    margin-top: 0;
 +
    width: 48%;
 +
    list-style-image: url('images/external_link.png');
 +
    padding-left: 2px;
 +
}
 +
 +
#my_friends a
 +
{
 +
    text-decoration: none;
 +
    color: #760001;
 +
}
 
</style>
 
</style>
 
</html>
 
</html>

Latest revision as of 02:40, 20 July 2015