"
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> | ||
Revision as of 03:26, 15 September 2010
 
|
