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">