Template:SJTU09 header
From 2009.igem.org
(Difference between revisions)
Pnstontale (Talk | contribs) |
|||
Line 1: | Line 1: | ||
- | <html | + | <html> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
- | + | #banner { | |
- | + | height: 170px; | |
- | + | width: 962px; | |
- | + | } | |
- | + | #banner_plus { | |
- | + | position: absolute; | |
- | + | width: auto; | |
+ | font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | top: 145px; | ||
+ | right: 125px; | ||
+ | list-style: disc; | ||
} | } | ||
- | |||
- | + | #banner_menu { | |
- | . | + | position: absolute; |
- | . | + | z-index: 10; |
- | color: # | + | width: auto; |
- | font- | + | font: small-caps 17px "Trebuchet MS", Arial, Helvetica, sans-serif; |
- | font-size: | + | top: 198px; |
+ | right: 20px; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #banner_menu span { | ||
+ | background: url(http://igem.bio-x.cn/wiki/images/7/71/DropDown.gif) no-repeat center; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | |||
+ | #banner_menu li { | ||
+ | position:relative; | ||
+ | display: inline; | ||
+ | } | ||
+ | #banner_menu li a { | ||
+ | color:#000; | ||
+ | } | ||
+ | #banner_menu li a:hover { | ||
+ | color:#fff; | ||
+ | background:#2687eb; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #banner_menu li ul { | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | z-index: 10; | ||
+ | top:20px; | ||
+ | left:-27px; | ||
+ | margin-top:1px; | ||
+ | background:#DEEBF8; | ||
+ | } | ||
+ | #banner_menu li ul li { | ||
+ | width:145px; | ||
+ | display: block; | ||
+ | } | ||
+ | #banner_menu li ul li a:hover { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #sidebar { | ||
+ | width: 145px; | ||
+ | float: left; | ||
+ | } | ||
+ | #sidebar h3 { | ||
+ | font: bold 14px "Palatino Linotype", "Book Antiqua", Palatino, serif; | ||
+ | text-transform: capitalize; | ||
+ | border: 1px solid #bbb; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | #sidebar h3 a { | ||
+ | display:block; | ||
+ | padding: 2px 4px; | ||
+ | text-decoration: none; | ||
+ | color: #111; | ||
+ | background: #A8D3A8; | ||
+ | } | ||
+ | #sidebar h3 a:hover{ | ||
+ | display:block; | ||
+ | color:#FFFFFF; | ||
+ | background: #10BE10; | ||
+ | } | ||
+ | #sidebar h3 .selflink { | ||
+ | color: #F00; | ||
+ | } | ||
+ | |||
+ | #sidebar ul{ | ||
+ | padding: 0; | ||
+ | margin: 0 0 10px 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | #sidebar li{ | ||
+ | font: 14px/19px Georgia, "Times New Roman", Times, serif; | ||
+ | margin:0; | ||
+ | } | ||
+ | #sidebar li a{ | ||
+ | height: 19px; | ||
+ | margin-top: 1px; | ||
+ | display:block; | ||
+ | padding: 2px 4px 2px 8px; | ||
+ | text-decoration: none; | ||
+ | color: #555; | ||
+ | background: #E7E7E7; | ||
+ | } | ||
+ | #sidebar li a:hover { | ||
+ | display: block; | ||
+ | background: #44B5DD; | ||
+ | color: #fff; | ||
+ | } | ||
+ | #sidebar li .selflink { | ||
+ | display: block; | ||
+ | background: #D3B544; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | |||
+ | #textContent { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | float: left; | ||
+ | font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; | ||
+ | width: 611px; | ||
+ | min-height:475px; | ||
+ | height:expression(this.clientHeight < 476 ? "475px" : "100%" ); | ||
+ | border: 1px dotted #0F9; | ||
+ | } | ||
+ | #contentMargin { | ||
+ | margin: 15px; | ||
+ | } | ||
+ | |||
+ | #sidebar_right { | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | float: left; | ||
+ | width: 204px; | ||
+ | } | ||
+ | #sidebar_right h3 { | ||
+ | border: 1px solid #bbb; | ||
+ | margin: 0; | ||
+ | background: #F1F1F1; | ||
+ | color: #111; | ||
+ | padding: 2px 4px; | ||
+ | font: 12px "Palatino Linotype", "Book Antiqua", Palatino, serif; | ||
+ | } | ||
+ | #sidebar_right ul { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | border: 1px solid #bbb; | ||
+ | font-size:0; | ||
+ | list-style: none; | ||
+ | list-style-image: none; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | #sidebar_right li { | ||
+ | border: 0; | ||
+ | padding: 0; | ||
+ | margin: 1px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #sidebar_right a { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | text-decoration: none; | ||
+ | border-width: 0px; | ||
} | } | ||
--> | --> | ||
- | </style></ | + | </style> |
+ | <script> | ||
+ | function addFavorite(siteUrl, siteName) | ||
+ | { | ||
+ | if (document.all)window.external.addFavorite(siteUrl, siteName); | ||
+ | else if (window.sidebar)window.sidebar.addPanel(siteName, siteUrl, ""); | ||
+ | } | ||
+ | function displaySubMenu(li) { | ||
+ | var subMenu = li.getElementsByTagName("ul")[0]; | ||
+ | subMenu.style.display = "block"; | ||
+ | } | ||
+ | function hideSubMenu(li) { | ||
+ | var subMenu = li.getElementsByTagName("ul")[0]; | ||
+ | subMenu.style.display = "none"; | ||
+ | } | ||
+ | </script> | ||
- | < | + | <div id="banner"> |
- | < | + | <div id="banner_backimg"><img src="http://igem.bio-x.cn/wiki/images/6/61/SJTU09_Banner.jpg" border="0" alt="banner" usemap="#Map" /> |
- | + | <map name="Map" id="Map"> | |
- | + | <area shape="rect" coords="44,31,401,155" href="http://igem.bio-x.cn/wiki" alt="SJTU_BioX_Shanghai" title="SJTU-BioX-Shanghai HomePage" /> | |
- | + | <area shape="rect" coords="680,4,908,83" href="http://www.sjtu.edu.cn/english/index/index.htm" alt="Shanghai Jiao Tong University" title="Visit Shanghai Jiao Tong University" target="_blank" /> | |
- | + | </map> | |
- | + | </div> | |
- | + | <ul id="banner_plus"> | |
- | + | <li><a href="#" onClick="addFavorite('http://igem.bio-x.cn/wiki','Team SJTU-BioX-Shanghai')">Add to favourates</a></li> | |
- | + | <li><a href="mailto:kermit_tao@163.com?subject=Greetings from iGEM">Contact us</a></li> | |
- | + | </ul> | |
- | + | ||
- | + | <ul id="banner_menu"> | |
- | + | <li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"> | |
- | + | <a href="http://igem.bio-x.cn/wiki/Team">The team</a><span> </span> | |
- | + | <ul> | |
- | + | <li><a href="http://igem.bio-x.cn/wiki/Team">Introduction</a></li> | |
- | + | <li><a href="http://igem.bio-x.cn/wiki/Members">Members</a></li> | |
- | + | <li><a href="http://igem.bio-x.cn/wiki/Album">The album</a></li> | |
- | </ | + | </ul> |
- | </ | + | </li> |
+ | |||
+ | <li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"> | ||
+ | <a href="http://igem.bio-x.cn/wiki/Project">The project</a><span> </span> | ||
+ | <ul> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Project">Idea & background</a></li> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Modelling">Modelling</a></li> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"> | ||
+ | <a href="http://igem.bio-x.cn/wiki/Results">Results</a><span> </span> | ||
+ | <ul> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Results">The statistics</a></li> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Parts">Parts</a></li> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Future_work">Future work</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"> | ||
+ | <a href="http://igem.bio-x.cn/wiki/Calendar">Calendar</a><span> </span> | ||
+ | <ul> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Calendar">Events</a></li> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Lablog">Lablog</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)"> | ||
+ | <a href="http://igem.bio-x.cn/wiki/Others">Others</a><span> </span> | ||
+ | <ul> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Acknowledgements">Acknowledgements</a></li> | ||
+ | <li><a href="http://igem.bio-x.cn/wiki/Visits">Web visits</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
</div> | </div> | ||
</html> | </html> |
Revision as of 16:20, 28 July 2009