Template:USTCiGEM2010 header v1
From 2010.igem.org
(Difference between revisions)
(66 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;} | |
- | .firstHeading {display:none;} | + | #footer { |
- | # | + | |
- | + | bottom:0; | |
- | + | background-color: transparent; | |
- | + | font-size:10pt; | |
- | + | font-family:Calibri; | |
- | border | + | border:none; |
z-index:5; | z-index:5; | ||
- | } | + | } |
+ | #footer-box {background-color: transparent; border:none} | ||
+ | #content { | ||
+ | margin-top:50px; | ||
+ | position:absolute; | ||
+ | border: none; | ||
+ | padding-left:0px; | ||
+ | padding-right:0px; | ||
+ | padding-top:0px; | ||
+ | padding-bottom:0px; | ||
+ | width: 975px; | ||
+ | height:100%; | ||
+ | border-bottom-right-radius:20px; | ||
+ | border-bottom-left-radius:20px; | ||
+ | border-top-left-radius:20px; | ||
+ | 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; | |
- | } | + | height:100%; |
+ | } | ||
+ | |||
+ | |||
+ | #container{ | ||
+ | position:absolute; | ||
+ | top:-330px; | ||
+ | right:-73px; | ||
+ | width:975px; | ||
+ | min-height:100%; | ||
+ | height:-300px; | ||
+ | margin:0px auto; | ||
+ | padding:0; | ||
+ | border-bottom-right-radius:20px; | ||
+ | border-bottom-left-radius:20px; | ||
+ | border-top-left-radius:20px; | ||
+ | border-top-right-radius:20px; | ||
+ | } | ||
#footer { | #footer { | ||
- | position: | + | position:absolute; |
+ | bottom:0; | ||
background-color: transparent; | background-color: transparent; | ||
font-size:10pt; | font-size:10pt; | ||
Line 59: | Line 110: | ||
} | } | ||
#footer-box {background-color: transparent; border:none} | #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); | |
- | + | 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> | ||
</head> | </head> | ||
- | |||
<body> | <body> | ||
- | <div id=" | + | <div id="container"> |
- | <div> | + | <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/ | + | <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 | + | <div id ="SideBar"> |
- | <object type="application/x-shockwave-flash" height=" | + | <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/ | + | <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="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