Template:Tokyo Tech Menu

From 2009.igem.org

(Difference between revisions)
Line 11: Line 11:
a:active { color: #f00; }
a:active { color: #f00; }
-
table.localnavi{
+
table.menu
-
  font-size: 90%;
+
font-size: 95%;
-
  margin:20px auto 20px;
+
width:720px;
-
  text-align:center;
+
height:30px;
-
  table-layout:fixed;
+
margin:20px auto 20px;
-
  position:relative;
+
text-align:center;
-
}
+
table-layout:fixed;
-
.localnavi tr td {
+
  position:relative;
  position:relative;
}
}
-
.localnavi tr td ul{
+
.menu tr td {
-
visibility:hidden;
+
  width:120px;
-
overflow:hidden;
+
  height:30px;
-
postion:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
  width:75px;
+
-
  height:0;
+
}
}
-
.localnavi tr td ul li{
+
.menu tr td a {
-
  margin-bottom:0px;
+
  text-decoration:none;
 +
width: 120px;
 +
display: block;
 +
background-color: #39f;
 +
color: #fff;
 +
}
 +
.menu tr td a:hover {
 +
  text-decoration: none;
 +
  background-color: #36c;
 +
  color: #fff;
 +
}
 +
.menu tr td ul li{
  list-style-type: none;
  list-style-type: none;
  width:75px;
  width:75px;
}
}
-
.localnavi tr td ul li a{
+
.menu tr td ul li a{
  width: 75px;
  width: 75px;
}
}
-
 
+
/*.menu tr td a:hover {
-
 
+
-
.localnavi tr td a {
+
-
  text-decoration: none;
+
-
  width: 120px;
+
-
  display: block;
+
-
  padding: 4px;
+
-
  border: 1px 1px #39f;
+
-
  background-color: #39f;
+
-
  color: #fff;
+
-
  z-index:1000;
+
-
}
+
-
 
+
-
.localnavi tr td a:hover {
+
   position:relative;
   position:relative;
   text-decoration: none;
   text-decoration: none;
Line 58: Line 50:
   color: #fff;
   color: #fff;
}
}
-
 
+
.menu tr td ul{
-
.localnavi tr td:hover ul,
+
overflow:hidden;
-
.localnavi tr td a:hover ul{
+
}
 +
.menu tr td:hover ul,
 +
.menu tr td a:hover ul{
  visibility:visible;
  visibility:visible;
  overflow:visible;
  overflow:visible;
-
  z-index:1000;
+
}*/
 +
.off ul{
 +
  display:none;
 +
}
 +
.on ul{
 +
display:block;
}
}
Line 75: Line 74:
</div>
</div>
-
<table class="localnavi">
+
<table class="menu">
  <tr>
  <tr>
-
   <td><a href="https://2009.igem.org/Team:Tokyo_Tech">Main</a><ul></ul></td>
+
   <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech">Main</a><ul></ul></td>
-
   <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Team">Team</a><ul></ul></td>
+
   <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Team">Team</a><ul></ul></td>
-
   <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Project">Project</a>
+
   <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project">Project</a>
   <ul>
   <ul>
     <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea1">Idea 1</a></li>
     <li><a href="https://2009.igem.org/Team:Tokyo_Tech/Idea1">Idea 1</a></li>
Line 88: Line 87:
   </ul>
   </ul>
   </td>
   </td>
-
   <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Parts">Parts</a><ul></ul></td>
+
   <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Parts">Parts</a><ul></ul></td>
-
   <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Conclusion">Conclusion</a><ul></ul></td>
+
   <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Conclusion">Conclusion</a><ul></ul></td>
-
   <td><a href="https://2009.igem.org/Team:Tokyo_Tech/Links">Links</a><ul></ul></td>
+
   <td class="off" onmouseover="className='on'" onmouseout="className='off'"><a href="https://2009.igem.org/Team:Tokyo_Tech/Project"><a href="https://2009.igem.org/Team:Tokyo_Tech/Links">Links</a><ul></ul></td>
  </tr>
  </tr>
</table>
</table>
</body>
</body>
</html>
</html>

Revision as of 05:31, 19 October 2009

Main
    		 Team
      		 Project Parts
        		 Conclusion
          		 Links

            Retrieved from "http://2009.igem.org/Template:Tokyo_Tech_Menu"