Team:Ciencias-UNAM/Safety

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!DOCTYPE HTML>
<html>
<html>
 +
<head>
<head>
-
<title>TEAM Ciencias IGEM 2012 Home</title>
+
  <title>CSS3_colour</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
  <meta name="description" content="website description" />
-
<script language="JavaScript1.2" type="text/javascript">
+
  <meta name="keywords" content="website keywords, website keywords" />
-
<!--
+
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
-
function MM_findObj(n, d) { //v4.01
+
  <link rel="stylesheet" type="text/css" href="http://ceacatlan.com/ciencias/css/style.css" />
-
   var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
+
  <!-- modernizr enables HTML5 elements and feature detects -->
-
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
+
   <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/modernizr-1.5.min.js"></script>
-
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
+
   <style>
-
   for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
+
    
-
   if(!x && d.getElementById) x=d.getElementById(n); return x;
+
@charset "utf-8";
 +
/*This kills the IGEM*/
 +
#top-section {
 +
 
 +
  height: 100px;
 +
  border: none;
 +
  height:20px
}
}
-
function MM_swapImage() { //v3.0
+
#p-logo {
-
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
+
  position: absolute;
-
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
+
  display: none;
 +
    
}
}
-
function MM_swapImgRestore() { //v3.0
+
#footer-box {
-
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
+
display:none;
}
}
-
 
+
#catlinks {
-
function MM_nbGroup(event, grpName) { //v6.0
+
     display:none;
-
var i,img,nbArr,args=MM_nbGroup.arguments;
+
-
  if (event == "init" && args.length > 2) {
+
-
     if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
+
-
      img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
+
-
      if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
+
-
      nbArr[nbArr.length] = img;
+
-
      for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+
-
        if (!img.MM_up) img.MM_up = img.src;
+
-
        img.src = img.MM_dn = args[i+1];
+
-
        nbArr[nbArr.length] = img;
+
-
    } }
+
-
  } else if (event == "over") {
+
-
    document.MM_nbOver = nbArr = new Array();
+
-
    for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
+
-
      if (!img.MM_up) img.MM_up = img.src;
+
-
      img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up);
+
-
      nbArr[nbArr.length] = img;
+
-
    }
+
-
  } else if (event == "out" ) {
+
-
    for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
+
-
  } else if (event == "down") {
+
-
    nbArr = document[grpName];
+
-
    if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
+
-
    document[grpName] = nbArr = new Array();
+
-
    for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
+
-
      if (!img.MM_up) img.MM_up = img.src;
+
-
      img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
+
-
      nbArr[nbArr.length] = img;
+
-
  } }
+
}
}
-
 
+
#search-controls {
-
function MM_preloadImages() { //v3.0
+
  display: none;
-
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
+
-
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
+
-
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
+
}
}
-
 
+
#menubar { background: none repeat transparent; display:none;}
-
//-->
+
#menubar ul li a { color: white; }
-
</script>
+
.right-menu li a {
-
<style type="text/css">
+
color: black;
-
 
+
background: none repeat transparent;
-
 
+
}
-
 
+
#content {
-
 
+
    background: none repeat scroll 0 0 transparent;
-
 
+
    border-left: 0 solid;
-
 
+
    border-right: 0 solid;
-
 
+
}
-
 
+
#content{
-
 
+
    width: 80%;
-
 
+
}
-
 
+
#headover ul{
-
 
+
    list-style: none;
-
 
+
    display: none;
-
 
+
    position: absolute;
-
 
+
    top: 1.2em;
-
 
+
    left: 0.2em;
-
body {
+
-
background-image: url(http://www.fenomec.unam.mx/c4k3/IGEM/ciencias_background.jpg);
+
-
background-attachment: fixed;
+
-
background-repeat: repeat-x;
+
-
background-color: #41594B;
+
}
}
-
body,td,th {
+
.firstHeading {
-
font-size: large;
+
    display: none;
-
color: #FFFFFF;
+
}
}
-
</style>
+
/*Do not remove*/
 +
  </style>
</head>
</head>
-
<body bgcolor="#000000" onload="MM_preloadImages('https://static.igem.org/mediawiki/igem.org/a/af/Index_r2_c17_s2.png','https://static.igem.org/mediawiki/2012/9/92/Index_r4_c14.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r5_c10_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r7_c12_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r9_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r10_c15_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r11_c11_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c9_s3.png','http://www.fenomec.unam.mx/c4k3/IGEM/lab.jpg','http://www.fenomec.unam.mx/c4k3/IGEM/textolab.jpg','http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c9_s3.png','http://www.fenomec.unam.mx/c4k3/IGEM/theory.jpg','http://www.fenomec.unam.mx/c4k3/IGEM/textotheory.jpg','http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c9_s3.png','http://www.fenomec.unam.mx/c4k3/IGEM/sponsors.jpg','http://www.fenomec.unam.mx/c4k3/IGEM/textoadvisors.jpg')">
 
-
<table width="80%" align="center">
 
-
  <tr>
 
-
    <td></td>
 
-
    <td> <p>&nbsp;</p>
 
-
      <p>&nbsp;</p>
 
-
    </td>
 
-
    <td></td>
 
-
  </tr>
 
-
  <tr>
 
-
    <td>&nbsp;</td>
 
-
    <td>
 
-
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="1024">
 
-
<!-- fwtable fwsrc="index.fw.png" fwpage="Página 1" fwbase="index.png" fwstyle="Dreamweaver" fwdocid = "879114657" fwnested="0" -->
 
-
  <tr>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="10" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="31" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="19" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="92" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="25" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="98" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="55" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="15" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="74" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="12" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="7" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="4" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="4" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="5" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="11" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="98" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="3" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="4" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="3" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="13" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="2" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="29" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="19" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="354" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="11" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="24" height="1" alt="" /></td>
 
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="1" alt="" /></td>
 
-
  </tr>
 
-
  <tr>
+
<body>
-
  <td colspan="25"><img name="index_r1_c1" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r1_c1.png" width="635" height="2" id="index_r1_c1" alt="" /></td>
+
  <div id="container">
-
  <td rowspan="12" colspan="2"><a href="pics.html"><img name="index_r1_c26" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r1_c26.png" width="365" height="376" id="index_r1_c26" alt="Project Video IGEM 2012 CIENCIAS - UNAM" /></a></td>
+
    <div id="main">
-
  <td rowspan="20"><img name="index_r1_c28" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r1_c28.png" width="24" height="768" id="index_r1_c28" alt="" /></td>
+
      <header>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="2" alt="" /></td>
+
        <div id="logo"><h1>CSS3_<a href="#">colour</a></h1></div>
-
  </tr>
+
        <nav>
-
  <tr>
+
          <ul class="lavaLampWithImage" id="lava_menu">
-
  <td colspan="16"><img name="index_r2_c1" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r2_c1.png" width="463" height="34" id="index_r2_c1" alt="" /></td>
+
            <li class="current"><a href="index.html">home</a></li>
-
  <td rowspan="2" colspan="6"><a href="https://2012.igem.org/Team:Ciencias-UNAM" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Index_r2_c17','','https://static.igem.org/mediawiki/igem.org/a/af/Index_r2_c17_s2.png',1)"><img name="Index_r2_c17" src="https://static.igem.org/mediawiki/2012/4/46/Index_r2_c17.png" width="122" height="55" id="Index_r2_c17" alt="" /></a></td>
+
            <li><a href="examples.html">examples</a></li>
-
  <td rowspan="8" colspan="3"><img name="index_r2_c23" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r2_c23.png" width="50" height="284" id="index_r2_c23" alt="" /></td>
+
            <li><a href="page.html">a page</a></li>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="34" alt="" /></td>
+
            <li><a href="another_page.html">another page</a></li>
-
  </tr>
+
            <li><a href="contact.php">contact</a></li>
-
  <tr>
+
          </ul>
-
  <td rowspan="18"><img name="index_r3_c1" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r3_c1.png" width="10" height="732" id="index_r3_c1" alt="" /></td>
+
        </nav>
-
  <td rowspan="3" colspan="3"><a href="https://igem.org/Main_Page" target="_blank"><img name="index_r3_c2" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r3_c2.png" width="142" height="104" id="index_r3_c2" alt="" /></a></td>
+
      </header>
-
  <td rowspan="5"><img name="index_r3_c5" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r3_c5.png" width="25" height="146" id="index_r3_c5" alt="" /></td>
+
      <div id="site_content">
-
  <td rowspan="3"><a href="http://www.unam.mx" target="_blank"><img name="index_r3_c6" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r3_c6.png" width="98" height="104" id="index_r3_c6" alt="" /></a></td>
+
        <div id="sidebar_container">
-
  <td colspan="10"><img name="index_r3_c7" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r3_c7.png" width="188" height="21" id="index_r3_c7" alt="" /></td>
+
          <div class="sidebar">
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="21" alt="" /></td>
+
            <h3>Latest News</h3>
-
  </tr>
+
            <h4>New Website Launched</h4>
-
  <tr>
+
            <h5>January 1st, 2012</h5>
-
  <td colspan="7"><img name="index_r4_c7" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r4_c7.png" width="168" height="58" id="index_r4_c7" alt="" /></td>
+
            <p>2012 sees the redesign of our website. Take a look around and let us know what you think.<br /><a href="#">Read more</a></p>
-
  <td colspan="8"><a href="team.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r4_c14','','https://static.igem.org/mediawiki/igem.org/4/4d/Index_r4_c14_s2.png',1)"><img name="index_r4_c14" src="https://static.igem.org/mediawiki/2012/9/92/Index_r4_c14.png" width="129" height="58" id="index_r4_c14" alt="" /></a></td>
+
          </div>
-
  <td rowspan="6"><img name="http://www.fenomec.unam.mx/c4k3/IGEM/index_r4_c22" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r4_c22.png" width="13" height="229" id="index_r4_c22" alt="" /></td>
+
          <div class="sidebar">
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="58" alt="" /></td>
+
            <h3>Useful Links</h3>
-
  </tr>
+
            <ul>
-
  <tr>
+
              <li><a href="#">First Link</a></li>
-
  <td rowspan="3" colspan="3"><img name="index_r5_c7" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r5_c7.png" width="144" height="67" id="index_r5_c7" alt="" /></td>
+
              <li><a href="#">Another Link</a></li>
-
  <td rowspan="2" colspan="10"><a href="project.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r5_c10','','http://www.fenomec.unam.mx/c4k3/IGEM/index_r5_c10_s2.png',1)"><img name="index_r5_c10" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r5_c10.png" width="146" height="63" id="index_r5_c10" alt="" /></a></td>
+
              <li><a href="#">And Another</a></li>
-
  <td rowspan="4" colspan="2"><img name="index_r5_c20" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r5_c20.png" width="7" height="117" id="index_r5_c20" alt="" /></td>
+
              <li><a href="#">Last One</a></li>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="25" alt="" /></td>
+
            </ul>
-
  </tr>
+
          </div>
-
  <tr>
+
        </div>
-
  <td rowspan="2" colspan="3"><img name="index_r6_c2" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r6_c2.png" width="142" height="42" id="index_r6_c2" alt="" /></td>
+
        <div id="content">
-
  <td rowspan="2"><img name="index_r6_c6" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r6_c6.png" width="98" height="42" id="index_r6_c6" alt="" /></td>
+
          <h1>Welcome to CSS3_colour</h1>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="38" alt="" /></td>
+
          <p>This standards compliant, fixed width website template is released as an 'open source' design (under a <a href="http://creativecommons.org/licenses/by/3.0">Creative Commons Attribution 3.0 Licence</a>), which means that you are free to use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from css3templates.co.uk' link in the footer of the template.</p>
-
  </tr>
+
          <p>The template uses a lavalamp menu (based on jQuery) from <a href="http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/">here</a>.</p>
-
  <tr>
+
          <h2>Browser Compatibility</h2>
-
  <td rowspan="2" colspan="2"><img name="index_r7_c10" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r7_c10.png" width="13" height="54" id="index_r7_c10" alt="" /></td>
+
          <p>This template has been tested in the following browsers:</p>
-
  <td rowspan="2" colspan="7"><a href="parts.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r7_c12','','http://www.fenomec.unam.mx/c4k3/IGEM/index_r7_c12_s2.png',1)"><img name="index_r7_c12" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r7_c12.png" width="130" height="54" id="index_r7_c12" alt="" /></a></td>
+
          <ul>
-
  <td rowspan="2"><img name="index_r7_c19" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r7_c19.png" width="3" height="54" id="index_r7_c19" alt="" /></td>
+
            <li>Internet Explorer 8</li>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="4" alt="" /></td>
+
            <li>Internet Explorer 7</li>
-
  </tr>
+
            <li>FireFox 10</li>
-
  <tr>
+
            <li>Google Chrome 17</li>
-
  <td rowspan="7" colspan="2"><img name="index_r8_c2" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r8_c2.png" width="50" height="226" id="index_r8_c2" alt="" /></td>
+
          </ul>
-
  <td rowspan="4" colspan="4"><iframe width="270" height="170" src="http://www.fenomec.unam.mx/c4k3/IGEM/video/bacteria.swf" frameborder="0" allowfullscreen></iframe></td>
+
        </div>
-
  <td colspan="2"><img name="index_r8_c8" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r8_c8.png" width="89" height="50" id="index_r8_c8" alt="" /></td>
+
      </div>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="50" alt="" /></td>
+
      <footer>
-
  </tr>
+
        <p><a href="index.html">home</a> | <a href="about.html">about me</a> | <a href="portfolio.html">my portfolio</a> | <a href="blog.html">blog</a> | <a href="contact.php">contact</a></p>
-
  <tr>
+
        <p>&copy; 2012 CSS3_colour. All Rights Reserved. | <a href="http://www.css3templates.co.uk">design from css3templates.co.uk</a></p>
-
  <td rowspan="6"><img name="index_r9_c8" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r9_c8.png" width="15" height="176" id="index_r9_c8" alt="" /></td>
+
      </footer>
-
  <td colspan="12"><a href="modeling.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r9_c9','','http://www.fenomec.unam.mx/c4k3/IGEM/index_r9_c9_s2.png',1)"><img name="index_r9_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r9_c9.png" width="224" height="54" id="index_r9_c9" alt="" /></a></td>
+
    </div>
-
  <td><img name="index_r9_c21" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r9_c21.png" width="3" height="54" id="index_r9_c21" alt="" /></td>
+
   </div>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="54" alt="" /></td>
+
   <!-- javascript at the bottom for fast page loading -->
-
  </tr>
+
  <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.min.js"></script>
-
  <tr>
+
   <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.easing.min.js"></script>
-
  <td colspan="6"><img name="index_r10_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r10_c9.png" width="102" height="60" id="index_r10_c9" alt="" /></td>
+
  <script type="text/javascript" src="http://ceacatlan.com/ciencias/js/jquery.lavalamp.min.js"></script>
-
  <td colspan="9"><a href="safety.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r10_c15','','http://www.fenomec.unam.mx/c4k3/IGEM/index_r10_c15_s2.png',1)"><img name="index_r10_c15" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r10_c15.png" width="140" height="60" id="index_r10_c15" alt="" /></a></td>
+
   <script type="text/javascript">
-
  <td colspan="2"><img name="index_r10_c24" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r10_c24.png" width="48" height="60" id="index_r10_c24" alt="" /></td>
+
    $(function() {
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="60" alt="" /></td>
+
      $("#lava_menu").lavaLamp({
-
  </tr>
+
        fx: "backout",
-
  <tr>
+
        speed: 700
-
  <td rowspan="4" colspan="2"><img name="index_r11_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r11_c9.png" width="86" height="62" id="index_r11_c9" alt="" /></td>
+
      });
-
  <td rowspan="3" colspan="14"><a href="attributions.html" target="_self" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('index_r11_c11','','http://www.fenomec.unam.mx/c4k3/IGEM/index_r11_c11_s2.png',1)"><img name="index_r11_c11" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r11_c11.png" width="185" height="57" id="index_r11_c11" alt="" /></a></td>
+
     });
-
  <td rowspan="4"><img name="index_r11_c25" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r11_c25.png" width="19" height="62" id="index_r11_c25" alt="" /></td>
+
   </script>
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="6" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
-
  <td rowspan="3" colspan="4"><img name="index_r12_c4" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r12_c4.png" width="270" height="56" id="index_r12_c4" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="24" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
-
  <td rowspan="2" colspan="2"><img name="index_r13_c26" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r13_c26.png" width="365" height="32" id="index_r13_c26" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="27" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
-
  <td colspan="14"><img name="index_r14_c11" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r14_c11.png" width="185" height="5" id="index_r14_c11" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="5" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
-
  <td rowspan="6"><img name="index_r15_c2" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c2.png" width="31" height="360" id="index_r15_c2" alt="" /></td>
+
-
  <td rowspan="5" colspan="6"><img name="index_r15_c3" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c3.png" width="304" height="236" id="index_r15_c3" alt="" /></td>
+
-
  <td colspan="8"><a href="lab.html" target="_self" onmouseout="MM_swapImgRestore();MM_nbGroup('out');" onmouseover="MM_nbGroup('over','index_r15_c9','http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c9_s3.png',1);MM_swapImage('index_r15_c3','','http://www.fenomec.unam.mx/c4k3/IGEM/lab.jpg','index_r15_c18','','http://www.fenomec.unam.mx/c4k3/IGEM/textolab.jpg',1)" onclick="MM_nbGroup('down','navbar1','index_r15_c9','http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c9_s3.png',1);"><img name="index_r15_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c9.png" width="118" height="57" id="index_r15_c9" alt="" /></a></td>
+
-
  <td rowspan="6"><img name="index_r15_c17" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c17.png" width="1" height="360" id="index_r15_c17" alt="" /></td>
+
-
  <td rowspan="5" colspan="9"><img name="index_r15_c18" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c18.png" width="525" height="236" id="index_r15_c18" alt="" /></td>
+
-
  <td rowspan="6"><img name="index_r15_c27" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r15_c27.png" width="11" height="360" id="index_r15_c27" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="57" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
-
  <td colspan="8"><img name="index_r16_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r16_c9.png" width="118" height="32" id="index_r16_c9" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="32" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
-
  <td colspan="4"><a href="theory.html" target="_self" onmouseout="MM_swapImgRestore();MM_nbGroup('out');" onmouseover="MM_nbGroup('over','index_r17_c9','http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c9_s3.png',1);MM_swapImage('index_r15_c3','','http://www.fenomec.unam.mx/c4k3/IGEM/theory.jpg','index_r15_c18','','http://www.fenomec.unam.mx/c4k3/IGEM/textotheory.jpg',1)" onclick="MM_nbGroup('down','navbar1','index_r17_c9','http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c9_s3.png',1);"><img name="index_r17_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c9.png" width="94" height="57" id="index_r17_c9" alt="" /></a></td>
+
-
  <td rowspan="2" colspan="4"><img name="index_r17_c13" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r17_c13.png" width="24" height="90" id="index_r17_c13" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="57" alt="" /></td>
+
-
   </tr>
+
-
   <tr>
+
-
  <td colspan="4"><img name="index_r18_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r18_c9.png" width="94" height="33" id="index_r18_c9" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="33" alt="" /></td>
+
-
   </tr>
+
-
  <tr>
+
-
  <td colspan="7"><a href="sponsors.html" target="_self" onmouseout="MM_swapImgRestore();MM_nbGroup('out');" onmouseover="MM_nbGroup('over','index_r19_c9','http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c9_s2.png','http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c9_s3.png',1);MM_swapImage('index_r15_c3','','http://www.fenomec.unam.mx/c4k3/IGEM/sponsors.jpg','index_r15_c18','','http://www.fenomec.unam.mx/c4k3/IGEM/textoadvisors.jpg',1)" onclick="MM_nbGroup('down','navbar1','index_r19_c9','http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c9_s3.png',1);"><img name="index_r19_c9" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c9.png" width="107" height="57" id="index_r19_c9" alt="" /></a></td>
+
-
  <td rowspan="2"><img name="index_r19_c16" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r19_c16.png" width="11" height="181" id="index_r19_c16" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="57" alt="" /></td>
+
-
   </tr>
+
-
  <tr>
+
-
  <td colspan="13"><img name="index_r20_c3" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r20_c3.png" width="411" height="124" id="index_r20_c3" alt="" /></td>
+
-
  <td colspan="9"><img name="index_r20_c18" src="http://www.fenomec.unam.mx/c4k3/IGEM/index_r20_c18.png" width="525" height="124" id="index_r20_c18" alt="" /></td>
+
-
  <td><img src="http://www.fenomec.unam.mx/c4k3/IGEM/spacer.gif" width="1" height="124" alt="" /></td>
+
-
  </tr>
+
-
</table>
+
-
</td>
+
-
    <td>&nbsp;</td>
+
-
  </tr>
+
-
  <tr>
+
-
     <td align="center">&nbsp;</td>
+
-
    <td align="center">...</td>
+
-
    <td align="center">&nbsp;</td>
+
-
   </tr>
+
-
</table>
+
</body>
</body>
</html>
</html>

Revision as of 06:25, 26 September 2012

<!DOCTYPE HTML> CSS3_colour

Welcome to CSS3_colour

This standards compliant, fixed width website template is released as an 'open source' design (under a Creative Commons Attribution 3.0 Licence), which means that you are free to use it for anything you want (including modifying and amending it). All I ask is that you leave the 'design from css3templates.co.uk' link in the footer of the template.

The template uses a lavalamp menu (based on jQuery) from here.

Browser Compatibility

This template has been tested in the following browsers:

  • Internet Explorer 8
  • Internet Explorer 7
  • FireFox 10
  • Google Chrome 17