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="100">
+
<img src="a" align="top" width="970" height="150">
<style type="text/css">
<style type="text/css">
<!--
<!--
-
img {border-radius: 20px;  
+
img {border-radius: 10px;  
-
   -moz-border-radius: 20px;
+
   -moz-border-radius: 10px;
-
   -webkit-border-radius: 20px;
+
   -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>
-
      </li>
+
          <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:50%;
+
   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:1.6em;
+
   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: left;
+
   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