Template:USTCiGEM2010 header v1
From 2010.igem.org
(Difference between revisions)
(37 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
<head> | <head> | ||
Line 6: | Line 4: | ||
<meta http-equiv="content-type" content="text/html; charset=gbk"> | <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://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"> | <script type="text/javascript"> | ||
Line 19: | Line 17: | ||
{ | { | ||
- | + | container: 'LeftSide', | |
+ | speed:750, | ||
+ | delay:500, | ||
} | } | ||
Line 33: | 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 { | ||
+ | margin-top:50px; | ||
+ | position:absolute; | ||
border: none; | border: none; | ||
padding-left:0px; | padding-left:0px; | ||
Line 40: | 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; | ||
border-top-left-radius:20px; | border-top-left-radius:20px; | ||
border-top-right-radius:20px; | border-top-right-radius:20px; | ||
- | background- | + | 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; |
- | height:100%; | + | top:-330px; |
- | margin: | + | right:-73px; |
- | padding:0 | + | width:975px; |
- | + | min-height:100%; | |
+ | height:-300px; | ||
+ | margin:0px auto; | ||
+ | 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; | ||
- | + | 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; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | # | + | |
- | width: | + | |
- | height: | + | |
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; | ||
position:absolute; | position:absolute; | ||
- | + | top:325px; | |
- | top: | + | right:714px; |
- | + | z-index:30; | |
- | z-index: | + | |
} | } | ||
- | + | #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; | position:absolute; | ||
- | |||
- | |||
- | |||
top:320px; | top:320px; | ||
- | + | right:0px; | |
- | z-index: | + | 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 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" /> | <param name="scale" value="Exactfit" /> | ||
</object> | </object> | ||
</div> | </div> | ||
- | <div id=" | + | <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=" | + | <param name="scale" value="Noborder" /> |
+ | <param name="salign" value="tl"/> | ||
</object> | </object> | ||
</div> | </div> | ||
- | + | <div id="LeftSide"></div> | |
- | <div id=" | + | <div id="RightSide"></div> |
- | + | <div id="Left"> | |
- | + | </div> | |
- | <div id=" | + | <div id="Bottome"></div> |
- | < | + | <div id="clip1"></div> |
</div> | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 13:49, 27 October 2010