Team:KIT-Kyoto/Template/header
From 2012.igem.org
(Difference between revisions)
m |
m |
||
Line 1: | Line 1: | ||
<html lang="ja"> | <html lang="ja"> | ||
<head> | <head> | ||
- | <img src="a" align="top" width="970" height=" | + | <img src="a" align="top" width="970" height="150"> |
<style type="text/css"> | <style type="text/css"> | ||
<!-- | <!-- | ||
- | img {border-radius: | + | img {border-radius: 10px; |
- | -moz-border-radius: | + | -moz-border-radius: 10px; |
- | -webkit-border-radius: | + | -webkit-border-radius: 10px; |
} | } | ||
--!> | --!> | ||
</style> | </style> | ||
- | |||
<!--めにゅー--!> | <!--めにゅー--!> | ||
<body> | <body> | ||
<div id="menu"> | <div id="menu"> | ||
- | <ul> | + | <ul style="list-style:none"> |
<li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto">HOME</a> | ||
</li> | </li> | ||
<li><a href="">About Us</a> | <li><a href="">About Us</a> | ||
- | + | <ul style="list-style:none"> | |
- | <ul> | + | |
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">Profile</a></li> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Team">Profile</a></li> | ||
<li><a href="">Photos</a></li> | <li><a href="">Photos</a></li> | ||
Line 27: | Line 25: | ||
</li> | </li> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">Project</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Project">Project</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">a</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">b</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">c</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">d</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Parts">Parts</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Parts">Parts</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">e</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">f</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">g</a></li> |
</ul> | </ul> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Modeling">Modeling</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Modeling">Modeling</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">h</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">i</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">j</a></li> |
</ul> | </ul> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">Notebook</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Notebook">Notebook</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">k</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">l</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">m</a></li> |
</ul> | </ul> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Safety">Safety</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Safety">Safety</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">n</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">o</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">p</a></li> |
</ul> | </ul> | ||
<li><a href="">Humanpractice</a> | <li><a href="">Humanpractice</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">q</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">r</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">s</a></li> |
</ul> | </ul> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Attributions">Attributions</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Attributions">Attributions</a> | ||
- | <ul> | + | <ul style="list-style:none"> |
- | <li><a href=""></a></li> | + | <li><a href="">t</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">u</a></li> |
- | <li><a href=""></a></li> | + | <li><a href="">v</a></li> |
</ul> | </ul> | ||
<li><a href="https://2012.igem.org/Team:KIT-Kyoto/Sponsors">Sponsors</a> | <li><a href="https://2012.igem.org/Team:KIT-Kyoto/Sponsors">Sponsors</a> | ||
Line 84: | Line 82: | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
+ | text-align: center; | ||
} | } | ||
Line 90: | Line 89: | ||
display:none; | display:none; | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:100%; |
text-align: center; | text-align: center; | ||
} | } | ||
+ | #menu ul ul ul{ | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | top:100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | #menu ul ul ul ul{ | ||
+ | display:none; | ||
+ | position:absolute; | ||
+ | top:100%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
/* リスト */ | /* リスト */ | ||
Line 128: | Line 140: | ||
); | ); | ||
} | } | ||
+ | * html #menu li li li { | ||
+ | behavior: expression( | ||
+ | this.onmouseover=new Function("this.className='column2'"), | ||
+ | this.onmouseout=new Function("this.className=''"), | ||
+ | this.style.behavior = 'none' | ||
+ | ); | ||
+ | } | ||
+ | * html #menu li li li li { | ||
+ | behavior: expression( | ||
+ | this.onmouseover=new Function("this.className='column2'"), | ||
+ | this.onmouseout=new Function("this.className=''"), | ||
+ | this.style.behavior = 'none' | ||
+ | ); | ||
+ | } | ||
+ | * html #menu li li li li li li { | ||
+ | behavior: expression( | ||
+ | this.onmouseover=new Function("this.className='column2'"), | ||
+ | this.onmouseout=new Function("this.className=''"), | ||
+ | this.style.behavior = 'none' | ||
+ | ); | ||
+ | } | ||
+ | * html #menu li li li li li li li { | ||
+ | behavior: expression( | ||
+ | this.onmouseover=new Function("this.className='column2'"), | ||
+ | this.onmouseout=new Function("this.className=''"), | ||
+ | this.style.behavior = 'none' | ||
+ | ); | ||
+ | } | ||
+ | * html #menu li li li li li li li li li { | ||
+ | behavior: expression( | ||
+ | this.onmouseover=new Function("this.className='column2'"), | ||
+ | this.onmouseout=new Function("this.className=''"), | ||
+ | this.style.behavior = 'none' | ||
+ | ); | ||
+ | } | ||
+ | * html #menu li li li li li li li li li li { | ||
+ | behavior: expression( | ||
+ | this.onmouseover=new Function("this.className='column2'"), | ||
+ | this.onmouseout=new Function("this.className=''"), | ||
+ | this.style.behavior = 'none' | ||
+ | ); | ||
+ | } | ||
+ | |||
#menu .column1 {position:relative;} | #menu .column1 {position:relative;} | ||
Line 139: | Line 194: | ||
/* デザイン */ | /* デザイン */ | ||
#menu li { | #menu li { | ||
- | line-height: | + | line-height:3.0em; |
text-align: center; | text-align: center; | ||
background:#ee827c; | background:#ee827c; | ||
Line 148: | Line 203: | ||
#menu li li { | #menu li li { | ||
- | text-align: | + | text-align: center; |
border-radius: 20px; | border-radius: 20px; | ||
-moz-border-radius: 20px; | -moz-border-radius: 20px; | ||
Line 161: | Line 216: | ||
padding:0 20px; | padding:0 20px; | ||
} | } | ||
- | + | /*hove=マウスオン*/ | |
#menu li:hover { | #menu li:hover { | ||
background:#e4ab9b; | background:#e4ab9b; |
Revision as of 00:56, 15 July 2012