Team:Tianjin/Safety
From 2014.igem.org
Line 1: | Line 1: | ||
- | |||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
Line 12: | Line 11: | ||
margin-bottom: 1%; | margin-bottom: 1%; | ||
background-color: #663300; | background-color: #663300; | ||
+ | } | ||
+ | /* -- navigator css -- */ | ||
+ | |||
+ | #navDiv li { margin: 0; padding: 0;} | ||
+ | #navDiv ul {margin: 0; padding: 0; list-style: none; z-index:99;} | ||
+ | #navDiv a {text-decoration: none;margin: 0; padding: 0;} | ||
+ | #navDiv | ||
+ | { | ||
+ | /* -- background body of navigator css -- */ | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | height: 40px; | ||
+ | width:1000px; | ||
+ | left: 0px; | ||
+ | background-color: #ffffff; | ||
+ | background-repeat: repeat-x; | ||
+ | box-shadow: 0px 5px 8px rgba(0,0,0,0.4); | ||
+ | margin-bottom:40px; | ||
+ | z-index:60; | ||
+ | font-family: "Arial Black", Gadget, sans-serif; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | #navDiv > ul > li { | ||
+ | float: left; | ||
+ | margin-left: 60px; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | /* -- when mouse not on the navigator css -- */ | ||
+ | #navDiv > ul > li > a { | ||
+ | color: #333333; | ||
+ | font-family: Verdana, 'Lucida Grande'; | ||
+ | font-size: 15px; | ||
+ | line-height: 40px; | ||
+ | padding: 11px 20px; | ||
+ | -webkit-transition: color .15s; | ||
+ | -moz-transition: color .15s; | ||
+ | -o-transition: color .15s; | ||
+ | transition: color .15s; | ||
+ | } | ||
+ | |||
+ | /* -- when mouse on the navigator css -- */ | ||
+ | #navDiv > ul > li > a:hover {color: #ffffff; background-color: #000000;} | ||
+ | |||
+ | /* -- top and bottom of the sub meun css -- */ | ||
+ | #navDiv > ul > li > ul | ||
+ | { | ||
+ | opacity: 0; | ||
+ | visibility: hidden; | ||
+ | padding: 16px 0 20px 0; | ||
+ | background-color: rgb(250,250,250); | ||
+ | text-align: left; | ||
+ | position: absolute; | ||
+ | top: 30px; | ||
+ | left: 50%; | ||
+ | margin-left: -90px; | ||
+ | width: 180px; | ||
+ | -webkit-transition: all 0.3s 0.1s; | ||
+ | -moz-transition: all 0.3s 0.1s; | ||
+ | -o-transition: all 0.3s 0.1s; | ||
+ | transition: all 0.3s 0.1s; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); | ||
+ | -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4); | ||
+ | box-shadow: 0px 1px 3px rgba(0,0,0,0.4); | ||
+ | } | ||
+ | |||
+ | #navDiv > ul > li:hover > ul | ||
+ | { | ||
+ | opacity: 1; | ||
+ | top: 40px; | ||
+ | visibility: visible; | ||
+ | } | ||
+ | |||
+ | #navDiv > ul > li > ul:before | ||
+ | { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | border-color: transparent transparent rgb(250,250,250) transparent; | ||
+ | border-style: solid; | ||
+ | border-width: 10px; | ||
+ | position: absolute; | ||
+ | top: -20px; | ||
+ | left: 50%; | ||
+ | margin-left: -10px; | ||
+ | } | ||
+ | |||
+ | #navDiv > ul ul > li { position: relative;} | ||
+ | |||
+ | /* -- when mouse not on the submeun css -- */ | ||
+ | #navDiv ul ul a | ||
+ | { | ||
+ | color: rgb(50,50,50); | ||
+ | font-family: Verdana, 'Lucida Grande'; | ||
+ | font-size: 13px; | ||
+ | background-color: rgb(250,250,250); | ||
+ | padding: 5px 8px 7px 16px; | ||
+ | display: block; | ||
+ | -webkit-transition: background-color .1s; | ||
+ | -moz-transition: background-color .1s; | ||
+ | -o-transition: background-color .1s; | ||
+ | transition: background-color .1s; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | #navDiv ul ul ul | ||
+ | { | ||
+ | visibility: hidden; | ||
+ | opacity: 0; | ||
+ | position: absolute; | ||
+ | top: -16px; | ||
+ | left: 206px; | ||
+ | padding: 16px 0 20px 0; | ||
+ | background-color: rgb(250,250,250); | ||
+ | text-align: left; | ||
+ | width: 160px; | ||
+ | -webkit-transition: all .3s; | ||
+ | -moz-transition: all .3s; | ||
+ | -o-transition: all .3s; | ||
+ | transition: all .3s; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.4); | ||
+ | -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.4); | ||
+ | box-shadow: 0px 1px 3px rgba(0,0,0,.4); | ||
+ | } | ||
+ | |||
+ | |||
+ | #navDiv ul ul > li:hover > ul { opacity: 1; left: 196px; visibility: visible;} | ||
+ | |||
+ | /* -- when mouse on the navigator css -- */ | ||
+ | #navDiv ul ul a:hover | ||
+ | { | ||
+ | background-color: #777777; | ||
+ | color: rgb(240,240,240); | ||
} | } | ||
.fixed{ | .fixed{ | ||
Line 317: | Line 458: | ||
//--> | //--> | ||
</script> | </script> | ||
+ | |||
</head> | </head> | ||
<body> | <body> | ||
+ | <!--navigator starts here--> | ||
+ | |||
+ | <div id="navDiv"> | ||
+ | <ul> | ||
+ | <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/Tianjin"><span>Home</span></a></li> | ||
+ | <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html"><span>Idea</span></a> | ||
+ | <ul> | ||
+ | <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#background'><span>Background</span></a></li> | ||
+ | <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#motivation'><span>Motivation</span></a></li> | ||
+ | <li><a href='http://openwetware.org/wiki/Biomod/2014/wiki-2%27.html#calculation'><span>Calculation</span></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='has-sub'><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html"><span>Project</span></a> | ||
+ | <ul> | ||
+ | <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#strand replacement reaction"><span>Strand Replacement Reaction</span></a></li> | ||
+ | <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#synthesis of au-dna-cy3"><span> Synthesis of AU-DNA-CY3</span></a></li> | ||
+ | <li><a href="http://openwetware.org/wiki/Biomod/2014/experiment.html#dna origami"><span>DNA Origami</span></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class='active'><a href="http://openwetware.org/wiki/Tianjin_protocol"><span>Protocol</span></a> | ||
+ | </li> | ||
+ | |||
+ | <li class='active '><a href="http://openwetware.org/wiki/Biomod/2014/members.html"><span>Members and Acknowledgement</span></a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
<div class="fixed"> | <div class="fixed"> | ||
<table width="100%" border="5" cellpadding="0" cellspacing="0" bordercolor="#993300" bgcolor="#993300"> | <table width="100%" border="5" cellpadding="0" cellspacing="0" bordercolor="#993300" bgcolor="#993300"> | ||
Line 359: | Line 530: | ||
</table> | </table> | ||
</div></td> | </div></td> | ||
- | <td width="169" bgcolor="#663300"><div class="STYLE46" id="project" onmouseover="MM_showHideLayers('Layer8','','show')" onmouseout="MM_showHideLayers('Layer8','','hide')"> | + | <td width="169" bgcolor="#663300"><div class="STYLE46" id="project" onmouseover="MM_showHideLayers('Layer8','','show')" onmouseout="MM_showHideLayers('Layer8','','hide')"><a href="https://2014.igem.org/Team:Tianjin/Project" class="STYLE48">Project|</a></div></td> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<td width="174" bgcolor="#663300"><div id="judging" onmouseover="MM_showHideLayers('Layer11','','show')" onmouseout="MM_showHideLayers('Layer11','','hide')"> | <td width="174" bgcolor="#663300"><div id="judging" onmouseover="MM_showHideLayers('Layer11','','show')" onmouseout="MM_showHideLayers('Layer11','','hide')"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<table width="110" border="0" cellspacing="0" cellpadding="0"> | <table width="110" border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
Line 401: | Line 539: | ||
</div></td> | </div></td> | ||
<td width="200" bgcolor="#663300"><div id="notebook" onmouseover="MM_showHideLayers('Layer13','','show')" onmouseout="MM_showHideLayers('Layer13','','hide')"> | <td width="200" bgcolor="#663300"><div id="notebook" onmouseover="MM_showHideLayers('Layer13','','show')" onmouseout="MM_showHideLayers('Layer13','','hide')"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<table width="110" border="0" cellspacing="0" cellpadding="0"> | <table width="110" border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
Line 421: | Line 549: | ||
<table width="100" border="0" cellspacing="0" cellpadding="0"> | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
- | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Team">Team|</a></span | + | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Team">Team|</a></span></td> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</tr> | </tr> | ||
</table> | </table> | ||
Line 446: | Line 558: | ||
<table width="100" border="0" cellspacing="0" cellpadding="0"> | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
- | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Safety">Safety|</a></span | + | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/Safety">Safety|</a></span></td> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</tr> | </tr> | ||
</table> | </table> | ||
Line 467: | Line 567: | ||
<table width="100" border="0" cellspacing="0" cellpadding="0"> | <table width="100" border="0" cellspacing="0" cellpadding="0"> | ||
<tr> | <tr> | ||
- | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/HumanPractice">Human Practice|</a></span | + | <td bgcolor="#663300"><span class="STYLE45"><a href="https://2014.igem.org/Team:Tianjin/HumanPractice">Human Practice|</a></span></td> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
</tr> | </tr> | ||
</table> | </table> |
Revision as of 07:41, 15 October 2014
|
|
|