Difference between revisions of "Menu/DemoSafety"

m (Protected "Menu/DemoSafety" ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite)))
 
(47 intermediate revisions by one other user not shown)
Line 1: Line 1:
 +
{{2016Demo}}
 +
 +
 +
 +
 +
 
<html>
 
<html>
  
Line 4: Line 10:
  
  
−
<div id="mainMenu">
 
  
  
 +
<div style="width:200px;margin:auto;">
  
 +
<!-- MAIN MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<div id="MainPage_menu">
 
<div> <a class="switch_Menus"> ►  </a></div>  
 
<div> <a class="switch_Menus"> ►  </a></div>  
 +
 
<a href="https://2015.igem.org/Demo_mainpage">
 
<a href="https://2015.igem.org/Demo_mainpage">
 
<div  class="sideMenuTitle">  Main Menu   
 
<div  class="sideMenuTitle">  Main Menu   
 
</div>
 
</div>
 
</a>
 
</a>
 +
 
<div><a class="expand_subMenus"> + </a></div>  
 
<div><a class="expand_subMenus"> + </a></div>  
 +
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
  
 +
<!-- main menu lists  -->
 +
<div>
 +
<ul>
  
−
<div>
+
<!-- REQUIREMENTS -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Requirements
 +
</div> 
 +
</a>
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
−
<ul >
+
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li>General </li></a>
 +
<a href=""><li>Wiki </li></a>
 +
</ul>
 +
</div>
 +
</li>
  
  
  
−
<li> 
 
−
<a href="">
 
−
<div class="mainMenu_Title"> Requirements
 
−
</div> 
 
−
</a>
 
  
−
<a class="subMenu_toggle">  
+
<!-- CALENDAR  -->
−
<div class="mainMenu_toggle"> ▼
+
<li> 
−
</div>  
+
<a href="https://2015.igem.org/Demo_Calendar">
−
</a>
+
<div class="mainMenu_Title" style="width:183px;"> Calendar
 +
</div>
 +
</a>
 +
</li>
  
−
<div  style="clear:both;" class="subMenu">
 
−
<ul>
 
−
<a href=""><li> Item 1</li></a>
 
−
</ul>
 
−
</div>
 
−
</li>
 
  
 +
<!-- JUDGING  -->
 +
<li> 
 +
<a href="https://2015.igem.org/Demo_Judging_2016">
 +
<div class="mainMenu_Title"> Judging
 +
</div> 
 +
</a>
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
  
−
<li>   
+
<!-- SAFETY  -->
−
<a href="https://2015.igem.org/Demo_Calendar">
+
<li>   
−
<div class="mainMenu_Title" style="width:183px;"> Calendar
+
<a href="https://2015.igem.org/Demo_Safety_2016">  
−
</div>   
+
<div class="mainMenu_Title"> Safety
−
</a>
+
</div>   
−
</li>
+
</a>  
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
  
  
 +
<!-- PARTS  -->
  
−
<li>   
+
<li>   
−
<a href="https://2015.igem.org/Demo_Judging_2016">  
+
<a href="">  
−
<div class="mainMenu_Title"> Judging
+
<div style="width:183px;" class="mainMenu_Title"> Parts
−
</div>   
+
</div>   
−
</a>  
+
</a>
 +
</li>
  
−
<a class="subMenu_toggle">
 
−
<div  class="mainMenu_toggle"> ▼
 
−
</div>
 
−
</a>
 
  
−
<div style="clear:both;" class="subMenu">
+
<!-- RESOURCES -->
−
<ul>
+
<li>
−
<a href=""><li> Item 1</li></a>
+
<a href="">  
−
<a href=""><li> Item 2</li></a>
+
<div class="mainMenu_Title"> Resources
−
</ul>
+
</div>
−
</div>
+
</a>  
  
−
</li>
+
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
  
  
 +
<!--GIANT JAMBOREE -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Giant Jamboree
 +
</div> 
 +
</a>
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
−
<li>  
+
<div style="clear:both;" class="subMenu">
−
<a href="https://2015.igem.org/Demo_Safety_2016">  
+
<ul>
−
<div class="mainMenu_Title"> Safety
+
<a href=""><li> Item 1</li></a>
−
</div>
+
<a href=""><li> Item 2</li></a>
−
</a>  
+
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
−
<a class="subMenu_toggle">
 
−
<div  class="mainMenu_toggle"> ▼
 
−
</div>
 
−
</a>
 
  
−
<div  style="clear:both;" class="subMenu">
 
−
<ul>
 
−
<a href=""><li> Item 1</li></a>
 
−
<a href=""><li> Item 2</li></a>
 
−
</ul>
 
−
</div>
 
−
</li>
 
  
 +
<!-- COMMUNITY -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> Community
 +
</div> 
 +
</a>
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
  
  
−
<li>   
+
<!--SPONSORS -->
−
<a href="">  
+
<li>   
−
<div style="width:183px;" class="mainMenu_Title"> Parts
+
<a href="">  
−
</div>   
+
<div style="width:183px;" class="mainMenu_Title"> Sponsors
−
</a>  
+
</div>   
−
</li>
+
</a>  
 +
</li>
  
  
 +
<!--ABOUT -->
 +
<li> 
 +
<a href="">
 +
<div class="mainMenu_Title"> About iGEM
 +
</div> 
 +
</a>
  
 +
<a class="subMenu_toggle">
 +
<div  class="mainMenu_toggle"> ▼
 +
</div>
 +
</a>
  
 +
<div  style="clear:both;" class="subMenu">
 +
<ul>
 +
<a href=""><li> Item 1</li></a>
 +
<a href=""><li> Item 2</li></a>
 +
<a href=""><li> Item 3</li></a>
 +
</ul>
 +
</div>
 +
</li>
 +
</ul>
 +
</div>
  
−
<li> 
+
</div>
−
<a href="">
+
−
<div class="mainMenu_Title"> Resources
+
−
</div> 
+
−
</a>  
+
  
−
<a class="subMenu_toggle">
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<div  class="mainMenu_toggle"> ▼
+
−
</div>
+
−
</a>
+
  
−
<div  style="clear:both;" class="subMenu">
 
−
<ul>
 
−
<a href=""><li> Item 1</li></a>
 
−
<a href=""><li> Item 2</li></a>
 
−
<a href=""><li> Item 3</li></a>
 
−
</ul>
 
−
</div>
 
  
−
</li>
 
  
 +
<div style="height:100px; clear:both;"></div>
  
  
  
 +
<!-- JUDGING MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<li> 
 
−
<a href="">
 
−
<div class="mainMenu_Title"> Giant Jamboree
 
−
</div> 
 
−
</a>
 
  
−
<a class="subMenu_toggle">
+
<div id="Judging">
−
<div class="mainMenu_toggle"> ▼
+
−
</div>
+
−
</a>
+
  
−
<div style="clear:both;" class="subMenu">
+
<div> <a class="switch_Menus"> ◀  </a></div>  
−
<ul>
+
−
<a href=""><li> Item 1</li></a>
+
−
<a href=""><li> Item 2</li></a>
+
−
<a href=""><li> Item 3</li></a>
+
−
</ul>
+
−
</div>
+
−
</li>
+
  
 +
<a href="https://2015.igem.org/Demo_Judging_2016">
 +
<div class="sideMenuTitle"> Judging
 +
</div>
 +
</a> 
  
 +
<div>  <a class="expand_subMenus"> + </a></div>
  
 +
<div style="clear:both;"></div>
  
  
−
<li>
+
<h4> Item 1 </h4>
−
<a href="">  
+
<ul>
−
<div class="mainMenu_Title"> Community
+
<li><a href=""> Topic 1 </a> <a class="subMenu_toggle">▼</a>
−
</div>
+
−
</a>  
+
<div class="subMenu"><ul>
 +
<a href=""> <li> Item 1</li></a>
 +
<a href=""> <li> Item 2</li></a>
 +
<a href=""> <li> Item 3</li></a>
 +
</ul></div>
 +
</li>
  
−
<a class="subMenu_toggle">
 
−
<div  class="mainMenu_toggle"> ▼
 
−
</div>
 
−
</a>
 
  
−
<div  style="clear:both;" class="subMenu">
 
−
<ul>
 
−
<a href=""><li> Item 1</li></a>
 
−
<a href=""><li> Item 2</li></a>
 
−
<a href=""><li> Item 3</li></a>
 
−
</ul>
 
−
</div>
 
  
−
</li>
+
<li><a href=""> Topic 2 </a> <a class="subMenu_toggle">▼</a>
 +
 +
<div class="subMenu"><ul>
 +
<a href=""> <li> Item 1</li></a>
 +
<a href=""> <li> Item 2</li></a>
 +
<a href=""> <li> Item 3</li></a>
 +
</ul></div>
 +
</li>
  
  
 +
<li><a href=""> Topic 2 </a> </li>
 +
</ul>
 +
</div>
  
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
  
−
<li> 
 
−
<a href="">
 
−
<div style="width:183px;" class="mainMenu_Title"> Sponsors
 
−
</div> 
 
−
</a>
 
−
</li>
 
  
 +
<div style="height:100px; clear:both;"></div>
  
  
  
 +
<!-- SAFETY MENU  -->
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
−
<li> 
 
−
<a href="">
 
−
<div class="mainMenu_Title"> About iGEM
 
−
</div> 
 
−
</a>
 
  
−
<a class="subMenu_toggle">
+
<div id="Safety">
−
<div class="mainMenu_toggle"> ▼
+
−
</div>
+
−
</a>
+
  
−
<div style="clear:both;" class="subMenu">
+
<div> <a class="switch_Menus"> ◀  </a></div>  
−
<ul>
+
−
<a href=""><li> Item 1</li></a>
+
−
<a href=""><li> Item 2</li></a>
+
−
<a href=""><li> Item 3</li></a>
+
−
</ul>
+
−
</div>
+
−
</li>
+
−
</ul>
+
  
−
</div>
+
<a href="https://2015.igem.org/Demo_Safety_2016">
−
</div>
+
<div class="sideMenuTitle"> Safety
 +
</div>
 +
</a> 
  
 +
<div> <a class="expand_subMenus"> + </a></div>
  
 +
<div style="clear:both;"></div>
 +
<div style="clear:both;"></div>
  
 +
<div class="safety_specific" style="background-color: #f2f2f2; display:none;" >
  
−
<div style="height:100px; clear:both;"></div>
 
  
 +
<ul>
  
−
<div id="judgingMenu">
+
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Link 1</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Link 2 </a></li>
  
 +
</ul>
  
 +
 +
</div>
 +
 +
<div style="clear:both;"></div>
 +
<h4> General Information </h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="subMenu_toggle">▼</a>
 +
 +
<div class="subMenu"><ul>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</a></li>
 +
</ul></div>
 +
</li>
 +
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Responsibility</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Safety Committee </a></li>
 +
 +
</ul>
 +
 +
 +
<h4> Guidelines</h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups"> Risk Groups</a><a class="subMenu_toggle">▼</a>
 +
<div class="subMenu"><ul>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#whatareriskgroups"><li> What are Risk Groups</li></a>
 +
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#identifyingriskgroup"><li> Identifying Risk Groups</li></a>
 +
</ul></div>
 +
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/whitelist">White List</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/do_not_release">Do not Realese</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/help">Help </a></li>
 +
</ul>
 +
 +
<h4> Requirements / Forms </h4>
 +
<ol>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/check_in"> Check In</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_lab">About our Lab</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_project">About our Project</a></li>
 +
<li><a href="https://2015.igem.org/Demo_Safety_2016/safety_form">Safety Form</a></li>
 +
</ol>
 +
 +
</div>
 +
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
<!-- TEAM INFORMATION  -->
 +
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
<div id="informationpage">
  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
  
−
<a href="https://2015.igem.org/Demo_Judging_2016">
+
<a href="https://2015.igem.org/Demo_informationpage">
−
<div class="sideMenuTitle"> Judging
+
<div class="sideMenuTitle"> Team Information
 
</div>
 
</div>
 
</a>   
 
</a>   
  
−
<div> <a class="expand_subMenus"> + </a></div>
+
<div> <a class="expand_subMenus"> + </a></div>
  
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
  
−
<h4> Item 1 </h4>
+
<h4> Columbia NYC</h4>
−
<ul>
+
<ul>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#general"> General</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#contact_information"> Contact Information </a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#deadlines"> Team Deadlines</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#project"> Project</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#team_roster"> Team Roster</a></li>
 +
<li><a href="https://2015.igem.org/Demo_informationpage#awards"> Awards and Medals</a></li>
 +
</ul>
  
−
<li><a href=""> Topic 1 </a> <a class="subMenu_toggle">▼</a>
+
</div>
−
<div class="subMenu"><ul>
+
−
+
−
<a ><li> Item 1</li></a>
+
−
<a ><li> Item 2</li></a>
+
−
<a ><li> Item 3</li> </a>
+
−
</ul></div>
+
−
</li>
+
  
−
<li><a href=""> Topic 2 </a> <a class="subMenu_toggle">▼</a>
+
<!---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<div class="subMenu"><ul>
+
−
+
−
<a ><li> Item 1</li></a>
+
−
<a ><li> Item 2</li></a>
+
−
<a ><li> Item 3</li> </a>
+
−
</ul></div>
+
−
</li>
+
  
−
<li><a href=""> Topic 2 </a> </li>
 
−
</ul>
 
  
−
</div>
+
<!-- DOCUMENTATION MENU  -->
 +
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
  
  
  
  
−
<div id="safetyMenu">
+
 
 +
<div id="Code">
 +
 
  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
 
<div> <a class="switch_Menus"> ◀  </a></div>  
  
−
<a href="https://2015.igem.org/Demo_Safety_2016">
+
<a href="https://2015.igem.org/Code_Documentation2">
−
<div class="sideMenuTitle"> Safety
+
<div class="sideMenuTitle">Documentation
 
</div>
 
</div>
 
</a>   
 
</a>   
  
−
<div> <a class="expand_subMenus"> + </a></div>
+
<div> <a class="expand_subMenus"> + </a></div>
  
 
<div style="clear:both;"></div>
 
<div style="clear:both;"></div>
  
 +
<h4> Styling</h4>
 +
<ul>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Colors">Color Palette</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Text">Text</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Links">Links </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Lists">Lists</a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Titles">H Titles </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Tables">Tables </a> </li>
 +
<li><a href="https://2015.igem.org/Code_Documentation2#Images">Images </a> </li>
  
−
<h4> General Information </h4>
+
</ul>
−
<ul>
+
  
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety"> What is Safety? </a> <a class="subMenu_toggle">▼</a>
+
<h4> Classes </h4>
−
<div class="subMenu"><ul>
+
<ul>
−
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeProjectDesign"><li> Safe Project Design</a></li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#Button">Buttons</a> </li>
−
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeLabWork"><li> Safe Lab Work</a></li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#Pop_up">Pop up </a> </li>
−
<a href="https://2015.igem.org/Demo_Safety_2016/what_is_safety#SafeShipment"><li> Safe Shipment</a></li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#layout">Layout classes </a> </li>
−
</ul></div>
+
<li><a href="https://2015.igem.org/Code_Documentation2#style_layout">Styling layout classes </a> </li>
−
</li>
+
<li><a href="https://2015.igem.org/Code_Documentation2#example_layout">Example layouts </a> </li>
 +
</ul>
  
−
<li ><a href="https://2015.igem.org/Demo_Safety_2016/responsability"> Responsibility</a></li>
+
<h4> Menu </h4>
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/committee"> Safety Committee </a></li>
+
<ul>
  
−
</ul>
+
<li><a href="https://2015.igem.org/Code_Documentation2#Menu"> Editing the menu </a> </li>
  
 +
</ul>
  
−
<h4> Guidelines</h4>
+
</div>
−
<ul>
+
−
+
  
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups"> Risk Groups</a><a class="subMenu_toggle">▼</a>
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
−
<div class="subMenu"><ul>
+
−
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#whatareriskgroups"><li> What are Risk Groups</li></a>
+
−
<a href="https://2015.igem.org/Demo_Safety_2016/responsability/riskgroups#identifyingriskgroup"><li> Identifying Risk Groups</li></a>
+
−
</ul></div>
+
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/whitelist">White List</a></li>
+
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/do_not_release">Do not Realese</a></li>
+
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/help">Help </a></li>
+
−
</ul>
+
  
−
<h4> Requirements / Forms </h4>
 
−
<ol>
 
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/check_in"> Check In</a></li>
 
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_lab">About our Lab</a></li>
 
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/about_our_project">About our Project</a></li>
 
−
<li><a href="https://2015.igem.org/Demo_Safety_2016/safety_form">Safety Form</a></li>
 
−
</ol>
 
  
−
</div>
 
  
  
  
 +
 +
 +
<!------------------------------------PLACE YOUR MENU HERE ------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!---------------------------------------------------------------------------------------------------------------------->
 +
 +
 +
 +
 +
 +
 +
</div>
  
 
</html>
 
</html>

Latest revision as of 18:11, 16 March 2016

×

Loading ...