Team:Osaka/Notebook
From 2011.igem.org
(Difference between revisions)
(Prototype team page) |
|||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <style type="text/css"> |
- | + | .menu_sb1 ul{ | |
- | + | margin: 0; | |
- | + | padding: 0; | |
- | + | list-style: none; | |
- | + | font: bold 13px Verdana; | |
- | + | width: 160px; /* Main Menu Item widths */ | |
- | + | border-bottom: 1px solid #fff; | |
- | + | } | |
- | + | ||
- | + | .menu_sb1 ul li{ | |
- | + | position: relative; | |
+ | } | ||
- | + | /* Top level menu links style */ | |
+ | .menu_sb1 ul li a{ | ||
+ | display: block; | ||
+ | overflow: auto; /*force hasLayout in IE7 */ | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | padding: 7px; | ||
+ | text-indent: 10px; | ||
+ | border-bottom: 1px solid #fff; | ||
+ | border-right: 1px solid #fff; | ||
+ | } | ||
+ | .menu_sb1 ul li a:link, .menu_sb1 ul li a:visited, .menu_sb1 ul li a:active{ | ||
+ | background-color: transparent; /* メニュー カラー コード */ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2010/3/31/Osaka_menu.jpg) | ||
+ | } | ||
- | + | .menu_sb1 ul li a:visited{ | |
- | + | color: white; | |
- | + | } | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | .menu_sb1 ul li a:hover{ | |
+ | background-color: transparent;/* メニュー マウスオーバー カラー コード */ | ||
+ | background-image: url(https://static.igem.org/mediawiki/2010/1/17/Osaka_menu2.jpg) | ||
+ | } | ||
- | + | /*Sub level menu items */ | |
- | + | .menu_sb1 ul li ul{ | |
- | + | position: absolute; | |
- | + | width: 160px; /*Sub Menu Items width */ | |
- | + | margin:0; | |
- | + | top: 0; | |
- | + | visibility: hidden; | |
- | + | index-z:2; | |
- | + | } | |
- | + | ||
- | + | ||
+ | .menu_sb1 a.subfolderstyle{ | ||
+ | background: url(https://static.igem.org/mediawiki/2010/5/58/Osaka_Right.gif) no-repeat 97% 50%; | ||
+ | } | ||
- | + | ||
+ | /* Holly Hack for IE \*/ | ||
+ | * html .menu_sb1 ul li { float: left; height: 1%; } | ||
+ | * html .menu_sb1 ul li a { height: 1%; } | ||
+ | /* End */ | ||
- | + | </style> | |
+ | <div class="menu_sb1"> | ||
+ | |||
+ | <ul id="sidebarmenu1"> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka">Home</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Team">Team</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Team">The Team</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Team_members">Members</a></li> | ||
+ | <li><a href="https://igem.org/Team.cgi?year=2010&team_name=Osaka">Official Profile</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Project">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Project">Overview</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Project_cellulase">Cellulase</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Project_pga">γ-Polyglutamate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Parts">Parts</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Tests">Tests</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Modeling">Modeling</a></li> | ||
+ | |||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Notebook">Lab Notes</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Protocols">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Safety">Safety</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Achievements">Achievements</a></li> | ||
+ | <li><a href="https://2010.igem.org/Team:Osaka/Gallery">Gallery</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | </div> <!-- menu_sub1 --> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas | ||
+ | |||
+ | function initsidebarmenu(){ | ||
+ | for (var i=0; i<menuids.length; i++){ | ||
+ | var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul") | ||
+ | for (var t=0; t<ultags.length; t++){ | ||
+ | ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle" | ||
+ | if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu | ||
+ | ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item | ||
+ | else //else if this is a sub level submenu (ul) | ||
+ | ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it | ||
+ | ultags[t].parentNode.onmouseover=function(){ | ||
+ | this.getElementsByTagName("ul")[0].style.display="block" | ||
+ | } | ||
+ | ultags[t].parentNode.onmouseout=function(){ | ||
+ | this.getElementsByTagName("ul")[0].style.display="none" | ||
+ | } | ||
+ | } | ||
+ | for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars | ||
+ | ultags[t].style.visibility="visible" | ||
+ | ultags[t].style.display="none" | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | if (window.addEventListener) | ||
+ | window.addEventListener("load", initsidebarmenu, false) | ||
+ | else if (window.attachEvent) | ||
+ | window.attachEvent("onload", initsidebarmenu) | ||
+ | </script> | ||
+ | |||
+ | </html> |
Revision as of 04:45, 11 August 2011