Team:UGA-Georgia/Modeling

From 2014.igem.org

(Difference between revisions)
Line 4: Line 4:
{{CSS/Main}}
{{CSS/Main}}
 +
 +
{{CSS/Main}}
<html>
<html>
 +
    <style>
 +
    #sddm
 +
{ margin: 0;
 +
padding: 0;
 +
z-index: 30}
-
<!--main content -->
+
#sddm li
-
<table width="70%" align="center">
+
{ margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
float: left;
 +
font: bold 11px arial}
-
<tr>
+
#sddm li a
 +
{ display: block;
 +
margin: 0 1px 0 0;
 +
padding: 4px 10px;
 +
width: 60px;
 +
background: #5970B2;
 +
color: #FFF;
 +
text-align: center;
 +
text-decoration: none}
-
<!--navigation menu -->
+
#sddm li a:hover
-
<td align="center" colspan="3">
+
{ background: #49A3FF}
-
<table  width="100%">
+
#sddm div
-
<tr heigth="15px"></tr>
+
{ position: absolute;
-
<tr heigth="75px">
+
visibility: hidden;
 +
margin: 0;
 +
padding: 0;
 +
background: #EAEBD8;
 +
border: 1px solid #5970B2}
 +
#sddm div a
 +
{ position: relative;
 +
display: block;
 +
margin: 0;
 +
padding: 5px 84px;
 +
width: auto;
 +
white-space: nowrap;
 +
text-align: left;
 +
text-decoration: none;
 +
background: #FFFFFF;
 +
color: #000000;
 +
font: 15px arial}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#sddm div a:hover
-
<a href="https://2014.igem.org/Team:UGA-Georgia"style="color:#000000">Home </a> </td>
+
{ background: #49A3FF;
 +
color: #FFF}
 +
</style>
 +
<script>
 +
      var timeout = 500;
 +
      var closetimer = 0;
 +
      var ddmenuitem = 0;
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
// open hidden layer
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Team"style="color:#000000"> Team </a> </td>
+
      function mopen(id)
 +
      {
 +
    // cancel close timer
 +
    mcancelclosetime();
 +
    // close old layer
 +
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
    // get new layer and show it
 +
    ddmenuitem = document.getElementById(id);
 +
    ddmenuitem.style.visibility = 'visible';
 +
    }
 +
// close showed layer
 +
      function mclose()
 +
      {
 +
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
      }
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
// go close timer
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UGA-Georgia"style="color:#000000"> Official Team Profile </a></td>
+
      function mclosetime()
 +
      {
 +
  closetimer = window.setTimeout(mclose, timeout);
 +
      }
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
// cancel close timer
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Project"style="color:#000000"> Project</a></td>
+
      function mcancelclosetime()
 +
      {
 +
  if(closetimer)
 +
  {
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
  }
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
// close layer when click-out
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Parts"style="color:#000000"> Parts</a></td>
+
    document.onclick = mclose;
 +
    </script>
 +
<style>
 +
img.center {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
</style>
 +
<!--main content -->
 +
<table width="70%" align="center" bgcolor="#E6E6FA">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<!--navigation menu -->
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Modeling"style="color:#000000"> Modeling</a></td>
+
<td align="center" colspan="3">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<table  width="100%" id="sddm">
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Notebook"style="color:#000000"> Notebook</a></td>
+
<tr heigth="15px"></tr>
 +
<tr heigth="75px">  
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
   
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Safety"style=" color:#000000"> Safety </a></td>
+
<td style="border:1px #fff;" align="center" height ="45px"  width="250" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff>
 +
<a href="https://2014.igem.org/Team:UGA-Georgia"><p style="font-family: Basic L"><font size="2">HOME</font></p> </a> </td>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<td style="border:1px #fff" align="center"  height ="45px" width="250" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff> 
-
<a href="https://2014.igem.org/Team:UGA-Georgia/Attributions"style="color:#000000"> Attributions </a></td>
+
<a href="#" onmouseover="mopen('m1')"
 +
        onmouseout="mclosetime()" style="color:#000000"><p style="font-family: Basic L"><font size="2"><b>PROJECT</b></font></p></a>
 +
        <div id="m1"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Geraniol">Geraniol</a>
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Modeling">Model</a>
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/RBS">RBS</a>
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Parts">Parts</a>
 +
        </div></td>
 +
<td style="border:1px #fff;" align="center" height ="45px" width="250" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff> 
 +
<a href="#" onmouseover="mopen('m3')"
 +
        onmouseout="mclosetime()" style="color:#000000"><p style="font-family: Basic L"><font size="2"><b>WET LABS</b></font></p></a>
 +
                <div id="m3"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Safety">Safety</a>
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Notebook">Notebook</a>
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Protocols">Protocols</a>
 +
        </div></td>
 +
 +
<td style="border:1px #fff;" align="center"  height ="45px" width="250" onMouseOver="this.bgColor='#ffffff'" onMouseOut="this.bgColor='#ffffff'" bgColor=#ffffff>
 +
<a href="#" onmouseover="mopen('m2')"
 +
        onmouseout="mclosetime()" style="color:#000000"><p style="font-family: Basic L"><font size="2"><b>TEAM</b></font></p></a>
 +
                <div id="m2"
 +
            onmouseover="mcancelclosetime()"
 +
            onmouseout="mclosetime()">
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Team">Members</a>
 +
        <a href="https://2014.igem.org/Team:UGA-Georgia/Attributions">Attributions</a>
 +
       
 +
        </div></td>
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2014/d/d2/UGA-iGEM_Logo.jpg" width="55px"></a> </td>
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/2014/d/d2/UGA-iGEM_Logo.jpg" width="55px"></a> </td>
</tr>
</tr>
</table>
</table>
-
</tr>
 
-
</tr>
 
-
</td>
 
-
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<!--end navigation menu -->
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+

Revision as of 22:23, 12 October 2014



HOME

PROJECT

WET LABS

TEAM

Modeling

If you choose to create a model during your project, please write about it here. Modeling is not an essential part of iGEM, but we encourage any and all teams to model some aspect of their project. See previous "Best Model" awards for more information.