Template:KIT-Kyoto/menu
From 2010.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
<html><head> | <html><head> | ||
- | <style type=text/css> | + | |
+ | <style type="text/css"> | ||
table,tr,td {background-color: transparent;} | table,tr,td {background-color: transparent;} | ||
.menu table, .menu tr, .menu td {background-color: black;} | .menu table, .menu tr, .menu td {background-color: black;} | ||
- | </ | + | |
+ | /* ナビゲーション */ | ||
+ | #navi_continer { | ||
+ | position: relative; | ||
+ | z-index:100; | ||
+ | width: 966px; | ||
+ | height:30px; | ||
+ | } | ||
+ | |||
+ | #navi { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | width: 966px; | ||
+ | } | ||
+ | |||
+ | #navi ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #navi li { | ||
+ | color: #fffff; | ||
+ | float: left; | ||
+ | width: 161px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #navi li a { | ||
+ | font-size: 14px; | ||
+ | color: #ffffff; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | padding: 0px 0; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | text-decoration: none; | ||
+ | background-color: #3399ff; | ||
+ | } | ||
+ | |||
+ | #navi li a:hover { | ||
+ | color: #ffffff; | ||
+ | background-color: #3366cc; | ||
+ | } | ||
+ | |||
+ | /* サブメニュー */ | ||
+ | #navi ul.sub { | ||
+ | background: #000000; | ||
+ | } | ||
+ | |||
+ | #navi ul.sub li { | ||
+ | float: none; | ||
+ | } | ||
+ | |||
+ | #navi ul.sub li a { | ||
+ | color: #ffffff; | ||
+ | background: none; | ||
+ | font-size: 12px; | ||
+ | font-weight: normal; | ||
+ | padding: 3px 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; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </head> | ||
<body> | <body> | ||
- | + | ||
<TABLE border="0" cellspacing="0" cellpadding="0" width="965px" align="center"><tr><TD> | <TABLE border="0" cellspacing="0" cellpadding="0" width="965px" align="center"><tr><TD> | ||
<IMG src="https://static.igem.org/mediawiki/2010/3/30/KIT-Kyotologo.png" width="200px" height="50px" border="0" align="left"><IMG src="https://static.igem.org/mediawiki/2010/1/13/Science-and-art.png" width="337px" height="50px" border="0" align="right"> | <IMG src="https://static.igem.org/mediawiki/2010/3/30/KIT-Kyotologo.png" width="200px" height="50px" border="0" align="left"><IMG src="https://static.igem.org/mediawiki/2010/1/13/Science-and-art.png" width="337px" height="50px" border="0" align="right"> | ||
</TD></tr> | </TD></tr> | ||
</TABLE> | </TABLE> | ||
- | |||
<TABLE class="menu" border="0" bgcolor="000000" bordercolor="black" cellspacing="0" cellpadding="0" width="100%"><tr><TD align="center"> | <TABLE class="menu" border="0" bgcolor="000000" 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"><IMG src="https://static.igem.org/mediawiki/2010/d/d7/KITHome.png" border="0"></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/Team"><IMG src="https://static.igem.org/mediawiki/2010/c/ce/KITAboutus.png" border="0"></a> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="#"><IMG src="https://static.igem.org/mediawiki/2010/c/c1/KITProject.png" border="0"></a> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/Abstract">Abstract</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/OxydativeStress">Oxidative Stress</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Project/HumanPractice">Human Practice</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/Parts"><IMG src="https://static.igem.org/mediawiki/2010/2/27/KITParts.png" border="0"></a> | ||
+ | </li> | ||
+ | <li class="navi_menu" onmouseover="this.className='navi_menu_on'" onmouseout="this.className='navi_menu'"> | ||
+ | <a href="#"><IMG src="https://static.igem.org/mediawiki/2010/2/2a/KITNotebook.png" border="0"></a> | ||
+ | <ul class="sub"> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Notebook">Lab Note</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:KIT-Kyoto/Photo">Photograph</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/Link"><IMG src="https://static.igem.org/mediawiki/2010/f/ff/KITLink.png" border="0"></a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
</TD> </tr> | </TD> </tr> | ||
</TABLE> | </TABLE> | ||
+ | |||
+ | |||
</body></html> | </body></html> |