Template:USTCiGEM2010 header v1
From 2010.igem.org
(Difference between revisions)
(48 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<title>An Integrated Platform Based on Bacterial Microcompartment for de novo Proteinaceous Artificial Organelles</title> | <title>An Integrated Platform Based on Bacterial Microcompartment for de novo Proteinaceous Artificial Organelles</title> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=gbk"> | ||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.js"></script> | ||
+ | <script type="text/javascript" src="http://scripts.mindtouch.com/res/jqueryui/ui.core.js.txt"></script> | ||
+ | <script type="text/javascript" src="http://jquery-scroll-follow.googlecode.com/svn/trunk/lib/jquery.scrollfollow.js"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $( document ).ready( function () | ||
+ | |||
+ | { | ||
+ | |||
+ | $( '#SideBar' ).scrollFollow( | ||
+ | |||
+ | { | ||
+ | |||
+ | container: 'LeftSide', | ||
+ | speed:750, | ||
+ | delay:500, | ||
+ | |||
+ | } | ||
+ | |||
+ | ); | ||
+ | |||
+ | } | ||
+ | |||
+ | ); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
<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 { | ||
+ | margin-top:50px; | ||
+ | position:absolute; | ||
border: none; | border: none; | ||
padding-left:0px; | padding-left:0px; | ||
Line 10: | Line 53: | ||
padding-bottom:0px; | padding-bottom:0px; | ||
width: 975px; | width: 975px; | ||
- | border-bottom-right-radius: | + | height:100%; |
- | border-bottom-left-radius: | + | border-bottom-right-radius:20px; |
- | border-top-left-radius: | + | border-bottom-left-radius:20px; |
- | border-top-right-radius: | + | border-top-left-radius:20px; |
- | background- | + | border-top-right-radius:20px; |
+ | 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{ | ||
- | width: | + | position:absolute; |
- | + | top:-330px; | |
- | + | right:-73px; | |
- | + | width:975px; | |
- | + | min-height:100%; | |
- | border-bottom-right-radius: | + | height:-300px; |
- | border-bottom-left-radius: | + | margin:0px auto; |
- | border-top-left-radius: | + | padding:0; |
- | border-top-right-radius: | + | border-bottom-right-radius:20px; |
+ | border-bottom-left-radius:20px; | ||
+ | border-top-left-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{ | ||
+ | width:975px; | ||
+ | height:325px; | ||
+ | text-align:center; | ||
+ | position:absolute; | ||
+ | z-index:0; | ||
background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | 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; | |
- | + | position:absolute; | |
- | + | top:320px; | |
- | + | right:720px; | |
- | + | z-index:5; | |
+ | border-bottom-left-radius:20px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/7/75/Tablemap.png); | ||
+ | } | ||
+ | #SideBar{ | ||
+ | width:250px; | ||
+ | height:500px; | ||
+ | position:absolute; | ||
+ | top:325px; | ||
+ | right:714px; | ||
+ | z-index:30; | ||
+ | } | ||
+ | #Left{ | ||
+ | width:256px; | ||
+ | height:2983px; | ||
+ | position:absolute; | ||
+ | top:337px; | ||
+ | right:697px; | ||
+ | z-index:10; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2010/0/01/USTC_left.png); | ||
+ | background-repeat:repeat-y; | ||
+ | } | ||
+ | #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 | + | <div id="Header"> |
- | <object | + | <object type="application/x-shockwave-flash" height="325" width="928" > |
- | <param name="movie" value="https://static.igem.org/mediawiki/2010/ | + | <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" /> | ||
</object> | </object> | ||
</div> | </div> | ||
- | + | <div id ="SideBar"> | |
- | <div | + | <object type="application/x-shockwave-flash" height="500" width="245" data="https://static.igem.org/mediawiki/2010/2/23/USTC2010~SideMenu.swf"> |
- | <object type="application/x-shockwave-flash" height=" | + | <param name="movie" value="https://static.igem.org/mediawiki/2010/6/60/~SideMenu.swf" /> |
- | <param name="movie" value="https://static.igem.org/mediawiki/2010/ | + | |
<param name="quality" value="high" /> | <param name="quality" value="high" /> | ||
+ | <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="clip1"></div> | ||
+ | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 13:49, 27 October 2010