Template:SJTU09 header

From 2009.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html>
-
<div id="header">
+
-
<head>
+
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<title></title>
+
<style type="text/css">
<style type="text/css">
<!--
<!--
-
.STYLE5 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #EDF4FC; }
+
#banner {
-
.STYLE6 {font-size: 18px}
+
height: 170px;
-
.STYLE7 {color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif;}
+
width: 962px;
-
.STYLE9 {
+
}
-
font-family: Georgia, "Times New Roman", Times, serif;
+
#banner_plus {
-
font-size: 18px;
+
position: absolute;
-
color: #EEF5FD;
+
width: auto;
 +
font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
 +
top: 145px;
 +
right: 125px;
 +
list-style: disc;
}
}
-
.STYLE10 {color: #FFFFFF; font-family: Georgia, "Times New Roman", Times, serif}
 
-
.STYLE19 {font-size: 24px}
+
#banner_menu {
-
.STYLE22 {color: #888888; font-family: Georgia, "Times New Roman", Times, serif;}
+
position: absolute;
-
.STYLE26 {
+
z-index: 10;
-
color: #000000;
+
width: auto;
-
font-family: Georgia, "Times New Roman", Times, serif;
+
font: small-caps 17px "Trebuchet MS", Arial, Helvetica, sans-serif;
-
font-size: 36px;
+
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></head>
+
</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>
-
<body>
+
<div id="banner">
-
<table width="962" height="203" border="0">
+
<div id="banner_backimg"><img src="http://igem.bio-x.cn/wiki/images/6/61/SJTU09_Banner.jpg" border="0" alt="banner" usemap="#Map" />
-
  <tr>
+
<map name="Map" id="Map">
-
    <th width="180" rowspan="2" scope="row"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai" title="Home"><img src="https://static.igem.org/mediawiki/2009/0/08/SJTU09_header_teamlogo.jpg" width="175" height="195" border="0" /></a></th>
+
<area shape="rect" coords="44,31,401,155" href="http://igem.bio-x.cn/wiki" alt="SJTU_BioX_Shanghai" title="SJTU-BioX-Shanghai HomePage" />
-
    <td colspan="4"><p align="left" class="STYLE19">&nbsp;</p>
+
<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" />
-
      <p align="left" class="STYLE19"><span class="STYLE22">Team:</span></p>
+
</map>
-
      <p align="left" class="STYLE19"><span class="STYLE26">SJTU-BioX-Shanghai</span></p>     </td>
+
</div>
-
    <td colspan="3"><div align="right"><a href="http://www.sjtu.edu.cn/english/index/index.htm" title="Visit the English homepage of Shanghai Jiao Tong University"><img src="https://static.igem.org/mediawiki/2009/0/05/SJTU09_header_schoollogo.png" width="304" height="170" /></a></div></td>
+
<ul id="banner_plus">
-
  </tr>
+
<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>
-
  <tr>
+
</ul>
-
    <td width="118" height="25" bgcolor="#990F28"><div align="center" class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/The_project" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">The project</font></a></div></td>
+
-
    <td width="104" bgcolor="#990F28"><div align="center" class="STYLE6"><span class="STYLE7"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Results" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">Results</font></a></span></div></td>
+
<ul id="banner_menu">
-
    <td width="83" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Parts" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">Parts</font></a></span></div></td>
+
<li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)">
-
    <td width="132" bgcolor="#990F28"><div align="center"><span class="STYLE9"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Future_work" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">Future work</font></a></span> </div></td>
+
<a href="http://igem.bio-x.cn/wiki/Team">The team</a><span>&nbsp;</span>
-
    <td width="103" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/Calendar" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">Calendar</font></a></span></div></td>
+
<ul>
-
    <td width="110" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/The_album" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">The album</font></a></span></div></td>
+
<li><a href="http://igem.bio-x.cn/wiki/Team">Introduction</a></li>
-
    <td width="98" bgcolor="#990F28"><div align="center"><span class="STYLE5"><a href="https://2009.igem.org/Team:SJTU-BioX-Shanghai/The_team" class="STYLE10"><font face="Georgia, Times New Roman, Arial" size="4" color="#FFFFFF">About us</font></a></span></div></td>
+
<li><a href="http://igem.bio-x.cn/wiki/Members">Members</a></li>
-
  </tr>
+
<li><a href="http://igem.bio-x.cn/wiki/Album">The album</a></li>
-
</table>
+
</ul>
-
</body>
+
</li>
 +
 +
<li onMouseOver="displaySubMenu(this)" onMouseOut="hideSubMenu(this)">
 +
<a href="http://igem.bio-x.cn/wiki/Project">The project</a><span>&nbsp;</span>
 +
<ul>
 +
<li><a href="http://igem.bio-x.cn/wiki/Project">Idea &amp; 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>&nbsp;</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>&nbsp;</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>&nbsp;</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

Retrieved from "http://2009.igem.org/Template:SJTU09_header"