Team:KIT-Kyoto/Template/header

From 2012.igem.org

(Difference between revisions)
m
m
Line 53: Line 53:
<div>
<div>
</html>
</html>
 +
 +
 +
 +
<html><head>
 +
 +
<style type="text/css">
 +
 +
.menu table, .menu tr, .menu td {background:transparent url("https://static.igem.org/mediawiki/2010/6/60/HAIKEI2.PNG");}
 +
table,tr,td {background-color: transparent;}
 +
 +
.LabDaily table, .LabDaily tr, .LabDaily td {background:transparent url("https://static.igem.org/mediawiki/2010/e/e5/HAIKEI-HIDARI.PNG");}
 +
 +
/* ナビゲーション */
 +
#navi_continer {
 +
position: relative;
 +
z-index:100;
 +
width: 1000px;
 +
height:25px;
 +
font-weight: bold;
 +
}
 +
 +
#navi {
 +
position: absolute;
 +
top: 0px;
 +
left: 0px;
 +
width: 1000px;
 +
}
 +
 +
#navi ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
#navi li {
 +
color: #fffff;
 +
float: left;
 +
width: 125px;
 +
margin: 0;
 +
}
 +
 +
#navi li a {
 +
font-size: 12px;
 +
color: #ffffff;
 +
display: block;
 +
width: 100%;
 +
padding: 0px 0;
 +
text-align: center;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 +
#navi li a:hover {
 +
color: #ffffff;
 +
background-color: #9f1522;
 +
}
 +
 +
/* サブメニュー */
 +
#navi ul.sub {
 +
background:transparent url("https://static.igem.org/mediawiki/2010/6/60/HAIKEI2.PNG");
 +
}
 +
 +
#navi ul.sub li {
 +
float: none;
 +
}
 +
 +
#navi ul.sub li a {
 +
color: #ffffff;
 +
background: none;
 +
font-size: 12px;
 +
font-weight: normal;
 +
padding: 1px 0;
 +
border-top:0px solid #000099;
 +
}
 +
 +
#navi ul.sub li a:hover {
 +
 +
color: #ffffff;
 +
background-color: #9f1522;
 +
}
 +
 +
#navi ul li.navi_menu ul {
 +
display: none;
 +
}
 +
 +
#navi ul li.navi_menu_on ul {
 +
display: block;
 +
}
 +
 +
#navi li.navi_menu{
 +
border:0px solid #000099;
 +
}
 +
 +
#navi li.navi_menu_on{
 +
border:0px solid #000099;
 +
}
 +
 +
 +
#iGEM {
 +
position: relative;
 +
                        float:right;
 +
width: 180px;
 +
margin: 0px;
 +
padding: 0px;
 +
border: 0px solid #42CBDC;
 +
}
 +
 +
</style>
 +
 +
 +
<script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/jquery.js"></script>
 +
<script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/ui.core.js"></script>
 +
  <script type="text/javascript" src="http://kitchen.net-perspective.com/sf-example/jquery.scroll-follow.js"></script>
 +
 +
  <script type="text/javascript">
 +
  $( document ).ready( function ()
 +
{
 +
$( '#iGEM' ).scrollFollow();
 +
}
 +
);
 +
  </script>
 +
 +
</head>
 +
<body>
 +
<BR><BR>
 +
 +
<TABLE class="menu" border="0" background="https://static.igem.org/mediawiki/2010/e/e5/HAIKEI-HIDARI.PNG" bordercolor="black" cellspacing="0" cellpadding="0" width="100%"><tr><TD align="center">     
 +
 +
<div id="navi_continer">
 +
<div id="navi">
 +
<ul>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/HomeJ"><Img src="https://static.igem.org/mediawiki/2010/e/e1/KitHome.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/Aboutus1J"><Img src="https://static.igem.org/mediawiki/2010/f/fd/KitAboutus.png"></a>
 +
<ul class="sub">
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/TeamJ">PROFILE</a></li>
 +
<li><a href="http://twitter.com/KIT_Kyoto" target="_blank">Twitter</a></li>
 +
<li><a href="http://kitkyoto.blog114.fc2.com/" target="_blank">YouTube</a></li>
 +
<li><a href="http://sites.google.com/site/kitkyoto/" target="_blank">PHOTOS</a></li>
 +
</ul>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/Project/AbstractJ"><Img src="https://static.igem.org/mediawiki/2010/f/f0/KitProject.png"></a>
 +
<ul class="sub">
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/AbstractJ#.e8.a6.81.e6.97.a8">OVERVIEW</a></li>
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/AbstractJ#.E8.AB.B8.E8.AB.96">INTRODUCTION</a></li>
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/AbstractJ#.E6.9D.90.E6.96.99.E3.81.A8.E6.96.B9.E6.B3.95">RESULTS</a></li>
 +
</ul>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/PartsJ"><Img src="https://static.igem.org/mediawiki/2010/0/01/KitParts.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/NoteJ"><Img src="https://static.igem.org/mediawiki/2010/d/d3/KitNotebook.png"></a>
 +
<ul class="sub">
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/NotebookJ">LAB NOTE</a></li>
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/ProtocolJ">MEETING</a></li>
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook/Promoters">PROTOCOL</a></li>
 +
<li><a href="https://2010.igem.org/Team:KIT-Kyoto/DesignNoteJ">DESIGN NOTE</a></li>
 +
</ul>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/Project/HumanPracticeJ"><Img src="https://static.igem.org/mediawiki/2010/8/80/KitHuman_Practice.png"></a>
 +
</li>
 +
<li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'">
 +
<a href="https://2010.igem.org/Team:KIT-Kyoto/SafetyJ"><Img src="https://static.igem.org/mediawiki/2010/f/f9/KitSafety.png"></a>
 +
</li>
 +
<ul class="sub">
 +
</ul>
 +
</li>
 +
 +
</ul>
 +
</div>
 +
</div>
 +
 +
</TD> </tr>
 +
</TABLE>
 +
 +
 +
</body></html>

Revision as of 14:16, 17 July 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/DTD/xhtm4.strict.dtd">

KIT-Kyoto-Header