Template:USTCiGEM2010 header v1
From 2010.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
<head> | <head> | ||
Line 19: | Line 17: | ||
{ | { | ||
- | container: ' | + | container: 'LeftSide', |
speed:750, | speed:750, | ||
delay:500, | delay:500, | ||
Line 35: | Line 33: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | .firstHeading{display:none;} | ||
+ | #footer { | ||
+ | |||
+ | bottom:0; | ||
+ | background-color: transparent; | ||
+ | font-size:10pt; | ||
+ | font-family:Calibri; | ||
+ | border:none; | ||
+ | z-index:5; | ||
+ | } | ||
+ | #footer-box {background-color: transparent; border:none} | ||
#content { | #content { | ||
- | position: | + | margin-top:50px; |
+ | position:absolute; | ||
border: none; | border: none; | ||
padding-left:0px; | padding-left:0px; | ||
Line 43: | Line 53: | ||
padding-bottom:0px; | padding-bottom:0px; | ||
width: 975px; | width: 975px; | ||
- | + | height:100%; | |
border-bottom-right-radius:20px; | border-bottom-right-radius:20px; | ||
border-bottom-left-radius:20px; | border-bottom-left-radius:20px; | ||
Line 50: | Line 60: | ||
background-color:transparent; | background-color:transparent; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | # | + | #bodyContent{ |
- | + | position:relative; | |
- | + | top:300px; | |
- | + | left:400px; | |
- | + | padding:0px; | |
- | + | margin:0px; | |
- | + | width:645px; | |
- | + | height:100%; | |
- | + | background-color:white; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | background-color:white; | |
+ | |||
+ | } | ||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | body,html{ | |
background-position:top-center; | background-position:top-center; | ||
- | |||
z-index=-999; | z-index=-999; | ||
+ | height:100%; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
#container{ | #container{ | ||
+ | position:absolute; | ||
+ | top:-330px; | ||
+ | right:-73px; | ||
width:975px; | width:975px; | ||
- | height:100%; | + | min-height:100%; |
- | + | height:-300px; | |
- | margin: | + | margin:0px auto; |
- | padding: | + | padding:0; |
- | + | ||
border-bottom-right-radius:20px; | border-bottom-right-radius:20px; | ||
border-bottom-left-radius:20px; | border-bottom-left-radius:20px; | ||
border-top-left-radius:20px; | border-top-left-radius:20px; | ||
border-top-right-radius:20px; | border-top-right-radius:20px; | ||
- | |||
} | } | ||
+ | #footer { | ||
+ | position:absolute; | ||
+ | bottom:0; | ||
+ | background-color: transparent; | ||
+ | font-size:10pt; | ||
+ | font-family:Calibri; | ||
+ | border:none; | ||
+ | z-index:5; | ||
+ | } | ||
+ | #footer-box {background-color: transparent; border:none} | ||
#Header{ | #Header{ | ||
- | width: | + | width:975px; |
- | height: | + | height:325px; |
- | + | text-align:center; | |
position:absolute; | position:absolute; | ||
- | background- | + | z-index:0; |
+ | background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | ||
+ | border-top-left-radius:20px; | ||
+ | border-top-right-radius:20px; | ||
} | } | ||
- | + | #LeftSide{ | |
- | + | width:255px; | |
- | + | height:3000px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | width: | + | |
- | + | ||
- | + | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:320px; |
- | + | right:720px; | |
- | + | z-index:5; | |
- | background-image:url(https://static.igem.org/mediawiki/2010/7/ | + | border-bottom-left-radius:20px; |
- | + | background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | |
} | } | ||
- | |||
#SideBar{ | #SideBar{ | ||
- | + | width:250px; | |
- | + | height:500px; | |
- | top: | + | position:absolute; |
- | + | top:325px; | |
+ | right:714px; | ||
+ | z-index:30; | ||
} | } | ||
- | + | #Left{ | |
- | # | + | width:256px; |
+ | height:2983px; | ||
position:absolute; | position:absolute; | ||
- | + | top:337px; | |
- | + | right:697px; | |
- | + | z-index:10; | |
- | top: | + | background-image:url(https://static.igem.org/mediawiki/2010/0/01/USTC_left.png); |
- | + | background-repeat:repeat-y; | |
- | border: | + | } |
- | z-index: | + | #RightSide{ |
+ | width:67px; | ||
+ | height:3000px; | ||
+ | position:absolute; | ||
+ | top:320px; | ||
+ | right:0px; | ||
+ | z-index:5; | ||
+ | background-image:url(https://static.igem.org/mediawiki/igem.org/3/3c/3-2.png); | ||
+ | background-repeat:repeat-y; | ||
+ | border-bottom-right-radius:20px | ||
+ | } | ||
+ | #clip1{ | ||
+ | width:20px; | ||
+ | height:300px; | ||
+ | position:absolute; | ||
+ | z-index:150; | ||
+ | top:2px; | ||
+ | right:8px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | ||
+ | |||
} | } | ||
</style> | </style> | ||
</head> | </head> | ||
- | |||
- | |||
<body> | <body> | ||
<div id="container"> | <div id="container"> | ||
- | |||
<div id="Header"> | <div id="Header"> | ||
- | <object type="application/x-shockwave-flash" height=" | + | <object type="application/x-shockwave-flash" height="325" width="928" > |
<param name="movie" value="https://static.igem.org/mediawiki/2010/2/2c/~022CutOfTitile.swf" /> | <param name="movie" value="https://static.igem.org/mediawiki/2010/2/2c/~022CutOfTitile.swf" /> | ||
<param name="quality" value="high" /> | <param name="quality" value="high" /> | ||
<param name="scale" value="Exactfit" /> | <param name="scale" value="Exactfit" /> | ||
</object> | </object> | ||
- | <div id="SideBar"> | + | </div> |
- | <object type="application/x-shockwave-flash" height=" | + | <div id ="SideBar"> |
- | <param name="movie" value="https://static.igem.org/mediawiki/2010/ | + | <object type="application/x-shockwave-flash" height="500" width="245" data="https://static.igem.org/mediawiki/2010/2/23/USTC2010~SideMenu.swf"> |
+ | <param name="movie" value="https://static.igem.org/mediawiki/2010/6/60/~SideMenu.swf" /> | ||
<param name="quality" value="high" /> | <param name="quality" value="high" /> | ||
- | <param name="scale" value=" | + | <param name="scale" value="Noborder" /> |
+ | <param name="salign" value="tl"/> | ||
</object> | </object> | ||
</div> | </div> | ||
+ | <div id="LeftSide"></div> | ||
+ | <div id="RightSide"></div> | ||
+ | <div id="Left"> | ||
</div> | </div> | ||
- | + | <div id="Bottome"></div> | |
- | <div id=" | + | <div id="clip1"></div> |
- | + | ||
- | + | ||
- | <div id=" | + | |
- | + | ||
</div> | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 13:49, 27 October 2010