Team:Osaka/Notebook

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
 
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<style type="text/css">
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
.menu_sb1 ul{
-
This is a template page. READ THESE INSTRUCTIONS.
+
margin: 0;
-
</div>
+
padding: 0;
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
list-style: none;
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2008.igem.org/Help:Template/Examples">HERE</a>.
+
font: bold 13px Verdana;
-
</div>
+
width: 160px; /* Main Menu Item widths */
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
border-bottom: 1px solid #fff;
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
}
-
</div>
+
   
-
</div>
+
.menu_sb1 ul li{
-
</html>
+
position: relative;
 +
}
-
<!-- *** End of the alert box *** -->
+
/* 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)
 +
}
-
{|align="justify"
+
.menu_sb1 ul li a:visited{
-
|You can write a background of your team here. Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
color: white;
-
|[[Image:Osaka_logo.png|200px|right|frame]]
+
}
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this is the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Osaka_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Osaka | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
.menu_sb1 ul li a:hover{
 +
background-color: transparent;/* メニュー マウスオーバー カラー コード */
 +
        background-image: url(https://static.igem.org/mediawiki/2010/1/17/Osaka_menu2.jpg)
 +
}
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
/*Sub level menu items */
-
!align="center"|[[Team:Osaka|Home]]
+
.menu_sb1 ul li ul{
-
!align="center"|[[Team:Osaka/Team|Team]]
+
position: absolute;
-
!align="center"|[https://igem.org/Team.cgi?year=2010&team_name=Osaka Official Team Profile]
+
width: 160px; /*Sub Menu Items width */
-
!align="center"|[[Team:Osaka/Project|Project]]
+
        margin:0;
-
!align="center"|[[Team:Osaka/Parts|Parts Submitted to the Registry]]
+
top: 0;
-
!align="center"|[[Team:Osaka/Modeling|Modeling]]
+
visibility: hidden;
-
!align="center"|[[Team:Osaka/Notebook|Notebook]]
+
index-z:2;
-
!align="center"|[[Team:Osaka/Safety|Safety]]
+
}
-
!align="center"|[[Team:Osaka/Attributions|Attributions]]
+
-
|}
+
 +
.menu_sb1 a.subfolderstyle{
 +
background: url(https://static.igem.org/mediawiki/2010/5/58/Osaka_Right.gif) no-repeat 97% 50%;
 +
}
-
==Notebook==
+
 +
/* Holly Hack for IE \*/
 +
* html .menu_sb1 ul li { float: left; height: 1%; }
 +
* html .menu_sb1 ul li a { height: 1%; }
 +
/* End */
-
You should make use of the calendar feature on the wiki and start a lab notebook. This may be looked at by the judges to see how your work progressed throughout the summer. It is a very useful organizational tool as well.
+
</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