Difference between revisions of "Template:Macquarie Australia/PascalTestCSS"
Line 33: | Line 33: | ||
width: 900px; | width: 900px; | ||
margin: auto; | margin: auto; | ||
+ | background-color: white; | ||
+ | box-shadow: 0px 5px 10px #1c1a19; | ||
+ | } | ||
+ | |||
+ | /* Main elements of the page */ | ||
+ | |||
+ | body | ||
+ | { | ||
+ | background-color: green; | ||
+ | font-family: 'Trebuchet MS', Arial, sans-serif; | ||
+ | color: #181818; | ||
+ | margin: 0px; | ||
+ | } | ||
+ | |||
+ | #main_wrapper | ||
+ | { | ||
+ | width: 900px; | ||
+ | margin: auto; | ||
+ | margin-top: 0px; | ||
background-color: white; | background-color: white; | ||
box-shadow: 0px 5px 10px #1c1a19; | box-shadow: 0px 5px 10px #1c1a19; | ||
Line 46: | Line 65: | ||
/* Header */ | /* Header */ | ||
− | + | header | |
{ | { | ||
− | + | width: 100%; | |
− | } | + | background-color: white; |
+ | height: 100px; | ||
+ | position: fixed; | ||
+ | z-index: 1; | ||
+ | margin-bottom: 200px; | ||
+ | } | ||
#main_title | #main_title | ||
Line 115: | Line 139: | ||
/* Body */ | /* Body */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
article, aside | article, aside | ||
Line 133: | Line 151: | ||
width: 620px; | width: 620px; | ||
margin-right: 15px; | margin-right: 15px; | ||
+ | } | ||
+ | |||
+ | #2 | ||
+ | { | ||
+ | margin: 20px; | ||
+ | } | ||
+ | |||
+ | #overview img | ||
+ | { | ||
+ | float: left; | ||
} | } | ||
#photosystem | #photosystem | ||
{ | { | ||
− | + | display: inline-block; | |
− | margin- | + | vertical-align: top; |
− | margin- | + | margin-left: 30px; |
+ | margin-top: 100px; | ||
+ | } | ||
+ | |||
+ | #description | ||
+ | { | ||
+ | display: inline-block; | ||
+ | width: 500px; | ||
+ | margin-top: 150px; | ||
} | } | ||
Line 192: | Line 228: | ||
#banner_image | #banner_image | ||
{ | { | ||
− | margin-top: | + | margin-top: 0px; |
margin-left: 180px; | margin-left: 180px; | ||
height: 170px; | height: 170px; | ||
Line 201: | Line 237: | ||
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; | |
bottom: 0; | bottom: 0; | ||
border-radius: 0px 0px 5px 5px; | border-radius: 0px 0px 5px 5px; | ||
Line 244: | Line 281: | ||
#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 256: | Line 294: | ||
padding: 10px; | padding: 10px; | ||
color: white; | color: white; | ||
− | font-size: 0.9em; | + | font-size: 0.9em;*/ |
+ | margin: 25px; | ||
} | } | ||
Revision as of 02:27, 20 July 2015