Team:Ciencias-UNAM/Safety

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
 
 +
<p>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<style>
+
<title>Tec Igem 2012</title>
 +
<style type="text/css">
 +
<!--
 +
@charset "utf-8";
 +
/*This kills the IGEM*/
 +
#top-section {
 +
 
 +
  height: 100px;
 +
  border: none;
 +
  height:20px
 +
}
 +
#p-logo {
 +
  position: absolute;
 +
  display: none;
 +
 
 +
}
 +
#footer-box {
 +
display:none;
 +
}
 +
#catlinks {
 +
    display:none;
 +
}
 +
#search-controls {
 +
  display: none;
 +
}
 +
#menubar { background: none repeat transparent; display:none;}
 +
#menubar ul li a { color: white; }
 +
.right-menu li a {
 +
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;
 +
}
 +
.firstHeading {
 +
    display: none;
 +
}
 +
/*Do not remove*/
 +
 
 +
 
body {
body {
-
background-color:#ccc;
+
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
-
background: url(http://aventuracp.com.mx/imagenes/fondo.jpg) no-repeat top center fixed;
+
background: #FFF;
-
        background-size: cover;
+
margin: 0;
-
        -moz-background-size: cover;
+
padding: 0;
-
        -webkit-background-size: cover;
+
color: #000;
-
        -o-background-size: cover;  
+
}
}
 +
ul, ol, dl {
 +
padding: 0;
 +
margin: 0;
 +
}
 +
h1, h2, h3, h4, h5, h6, p {
 +
margin-top: 0;
 +
padding-right: 15px;
 +
padding-left: 15px;
 +
}
 +
a img {
 +
border: none;
 +
}
 +
a:link {
 +
color:#414958;
 +
text-decoration: underline;
 +
}
 +
a:visited {
 +
color: #4E5869;
 +
text-decoration: underline;
 +
}
 +
a:hover, a:active, a:focus {
 +
text-decoration: none;
 +
}
 +
.container {
 +
width: 90%;
 +
min-width: 1000px;
 +
margin: 0 auto;
 +
}
 +
.header {
 +
min-height:145px;
 +
}
 +
.content {
 +
padding: 10px 0;
 +
}
 +
.content ul, .content ol {
 +
padding: 0 15px 15px 40px;
 +
}
 +
.footer {
 +
padding: 10px 0;
 +
}
 +
.fltrt {
 +
float: right;
 +
margin-left: 8px;
 +
}
 +
.fltlft {
 +
float: left;
 +
margin-right: 8px;
 +
}
 +
.clearfloat {
 +
clear:both;
 +
height:0;
 +
font-size: 1px;
 +
line-height: 0px;
 +
}
 +
.center-div {
 +
margin-left:auto;
 +
margin-right:auto;
 +
}
 +
.logo {
 +
border:none;
 +
width:145px;
 +
height:145px;
 +
float:left;
 +
background:url(https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png) no-repeat;
 +
}
 +
.logo:hover {
 +
background:url(https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png) no-repeat;
 +
}
 +
 +
.menu #sp1{ background:url(https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_Igemlogo_normal.png) no-repeat; border:none; height:64px; width:64px;}
 +
.menu #sp1:hover{ background:url(https://static.igem.org/mediawiki/igem.org/8/84/TECMTY_Igemlogo_hover.png) no-repeat;}
 +
 
 +
.menu #bt1{ background:url(https://static.igem.org/mediawiki/2012/0/08/TECMTY_Allergen_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 +
.menu #bt1:hover{ background:url(https://static.igem.org/mediawiki/2012/a/a5/TECMTY_Allergen_hover.jpg) no-repeat;}
 +
.menu #bt2{ background:url(https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_Antifreeze_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 +
.menu #bt2:hover{ background:url(https://static.igem.org/mediawiki/igem.org/1/13/TECMTY_Antifreeze_hover.jpg) no-repeat;}
 +
.menu #bt3{ background:url(https://static.igem.org/mediawiki/igem.org/a/ae/TECMTY_Humanpractice_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 +
.menu #bt3:hover{ background:url(https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg) no-repeat;}
 +
.menu #bt4{ background:url(https://static.igem.org/mediawiki/igem.org/7/76/TECMTY_Extras_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 +
.menu #bt4:hover{ background:url(https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg) no-repeat;}
 +
.menu #bt5{ background:url(https://static.igem.org/mediawiki/2012/7/7e/TECMTY_Team_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
 +
.menu #bt5:hover{ background:url(https://static.igem.org/mediawiki/2012/e/ed/TECMTY_Team_hover.jpg) no-repeat;}
 +
 +
.content #s1,#s2,#s3{ background:url(https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png) no-repeat; border:none; height:25px; width:35px;}
 +
.content #s1:hover,#s2:hover,#s3:hover { background:url(https://static.igem.org/mediawiki/igem.org/9/95/TECMTY_Bgaleria_allergen_selec.png) no-repeat;}
 +
.content #s4,#s5,#s6{ background:url(https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png) no-repeat; border:none; height:25px; width:35px;}
 +
.content #s4:hover,#s5:hover,#s6:hover { background:url(https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png) no-repeat;}
-
#principal{
+
#slideshow {
-
width:708px;
+
position:relative;
-
height:512px;
+
-
position: absolute;
+
-
left:50%;
+
-
margin-left:-354px;
+
-
top:60px;
+
}
}
 +
#slideshow #slidesContainer {
 +
margin:0 auto;
 +
width:520px;
 +
height:290px;
 +
overflow:auto;
 +
}
 +
#slideshow #slidesContainer .slide {
 +
margin:0 auto;
 +
width:600px;
 +
height:290px;
 +
}
 +
.control {
 +
display:block;
 +
width:40px;
 +
height:290px;
 +
text-indent:-10000px;
 +
cursor: pointer;
 +
position:absolute;
 +
top:0;
 +
}
 +
#leftControl {
 +
left:0;
 +
background:transparent url("https://static.igem.org/mediawiki/2012/5/52/TECMTY_Galeria_izquierda.png") no-repeat center;
 +
}
 +
#rightControl {
 +
right:0;
 +
background:transparent url("https://static.igem.org/mediawiki/2012/1/12/TECMTY_Galeria_derecha.png") no-repeat center;
 +
}
 +
 +
.foot-left {
 +
height:100px;
 +
}
 +
.foot-mid {
 +
height:200px;
 +
}
 +
.foot-rite {
 +
height:100px;
 +
}
 +
.preload {
 +
display:none;
 +
}
 +
-->
</style>
</style>
-
<title>..:: ACP ::..</title>
+
 
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("#div_content").hide();
 +
$("#div_content").fadeIn(1000);
 +
$("#logo").click(function() {
 +
window.setTimeout(function() {
 +
document.location.href="https://2012.igem.org/Team:Tec-Monterrey"
 +
}, 1000);
 +
$("#div_content").fadeOut(1000);
 +
});
 +
$("#bt1").click(function() {
 +
window.setTimeout(function() {
 +
document.location.href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project"
 +
}, 1000);
 +
$("#div_content").fadeOut(1000);
 +
});
 +
$("#bt2").click(function() {
 +
window.setTimeout(function() {
 +
document.location.href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project"
 +
}, 1000);
 +
$("#div_content").fadeOut(1000);
 +
});
 +
$("#bt3").click(function() {
 +
window.setTimeout(function() {
 +
document.location.href="https://2012.igem.org/Team:Tec-Monterrey/hpractice"
 +
}, 1000);
 +
$("#div_content").fadeOut(1000);
 +
});
 +
$("#bt4").click(function() {
 +
window.setTimeout(function() {
 +
document.location.href="https://2012.igem.org/Team:Tec-Monterrey/extras"
 +
}, 1000);
 +
$("#div_content").fadeOut(1000);
 +
});
 +
$("#bt5").click(function() {
 +
window.setTimeout(function() {
 +
document.location.href="https://2012.igem.org/Team:Tec-Monterrey/team"
 +
}, 1000);
 +
$("#div_content").fadeOut(1000);
 +
});
 +
//Slides
 +
var currentPos = 0;
 +
var sWidth = 520;
 +
var slides = $('.slide');
 +
var numSlides = slides.length;
 +
$('#slidesContainer').css('overflow','hidden');
 +
slides.wrapAll('<div id="slideInner"></div>');
 +
slides.css({
 +
'float':'left',
 +
'width':sWidth
 +
});
 +
$('#slideInner').css('width',sWidth*numSlides);
 +
$('#slideshow').prepend('<span class="control" id="leftControl">Move left</span>');
 +
$('#slideshow').append('<span class="control" id="rightControl">Move right</span>');
 +
manageControls(currentPos);
 +
$('.control').bind('click', function() {
 +
currentPos = ($(this).attr('id') == 'rightControl') ? currentPos+1 : currentPos-1;
 +
manageControls(currentPos);
 +
$('#slideInner').animate({
 +
'marginLeft' : sWidth*(-currentPos)
 +
});
 +
});
 +
function manageControls(position) {
 +
if(position == 0) { $('#leftControl').hide(); }
 +
else { $('#leftControl').show(); }
 +
if(position == numSlides-1) { $('#rightControl').hide(); }
 +
else { $('#rightControl').show(); }
 +
}
 +
//Slide Buttons
 +
$("#s1").click(function() {
 +
currentPos = 0;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
});
 +
$("#s2").click(function() {
 +
currentPos = 1;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
});
 +
$("#s3").click(function() {
 +
currentPos = 2;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
});
 +
$("#s4").click(function() {
 +
currentPos = 3;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
});
 +
$("#s5").click(function() {
 +
currentPos = 4;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
});
 +
$("#s6").click(function() {
 +
currentPos = 5;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
});
 +
function changeSlide(position) {
 +
$('#slideInner').animate({
 +
'marginLeft' : sWidth*(-position)
 +
});
 +
}
 +
window.setInterval(function() {
 +
currentPos++;
 +
if (currentPos >= numSlides)
 +
currentPos = 0;
 +
manageControls(currentPos);
 +
changeSlide(currentPos);
 +
}, 5000);
 +
 
 +
});
 +
</script>
</head>
</head>
<body>
<body>
-
<div id="principal">
+
 
-
<img src="http://aventuracp.com.mx/imagenes/fondo.jpg" border="0" usemap="#Link" />
+
<span class="preload">
-
<map name="Link" id="Link">
+
<img src="https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png" alt="1" />
-
  <area shape="rect" coords="-1,355,265,498" href="http://ceacatlan.com" target="_blank" />
+
<img src="https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png" alt="2" />
-
  <area shape="rect" coords="369,353,715,515" href="http://ceizt.com.mx" target="_blank" />
+
<img src="https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_Igemlogo_normal.png" alt="3" />
-
</map>
+
<img src="https://static.igem.org/mediawiki/igem.org/8/84/TECMTY_Igemlogo_hover.png" alt="4" />
 +
<img src="https://static.igem.org/mediawiki/2012/0/08/TECMTY_Allergen_normal.jpg" alt="5" />
 +
<img src="https://static.igem.org/mediawiki/2012/a/a5/TECMTY_Allergen_hover.jpg" alt="6" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_Antifreeze_normal.jpg" alt="7" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/1/13/TECMTY_Antifreeze_hover.jpg" alt="8" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg" alt="9" />
 +
<img src="2012.https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Team_normal.jpg" alt="10" />
 +
<img src="2012.https://static.igem.org/mediawiki/igem.org/e/ed/TECMTY_Team_hover.jpg" alt="11" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/7/76/TECMTY_Extras_normal.jpg" alt="12" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg" alt="13" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png" alt="14" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/2/2e/TECMTY_Galeria_teamlogo.png" alt="15" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png" alt="16" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png" alt="17" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/95/TECMTY_Bgaleria_allergen_selec.png" alt="18" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png" alt="19" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Bgaleria_antifreeze_selec.png" alt="20" />
 +
</span>
 +
 
 +
<div class="container">
 +
<div class="header">
 +
<div>
 +
<button type="button" id="logo" class="logo">&nbsp;</button>
 +
</div>
 +
<div class="menu" align="right">
 +
<table>
 +
<tr>
 +
<td align="right"><button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'">&nbsp;</button></td>
 +
</tr>
 +
<tr>
 +
<td valign="bottom"align="right">
 +
<button type="button" id="bt1">&nbsp;</button><button type="button" id="bt2">&nbsp;</button><button type="button" id="bt3">&nbsp;</button><button type="button" id="bt4">&nbsp;</button><button type="button" id="bt5">&nbsp;</button>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
</div>
 +
 +
<div class="content" id="div_content">
 +
<table align="center">
 +
<tr>
 +
<td> <img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png" alt="welcome" longdesc="welcome" /> </td>
 +
</tr>
 +
<tr>
 +
<td>
 +
 +
<div id="slideshow">
 +
<div id="slidesContainer">
 +
<div class="slide">
 +
<img src="https://static.igem.org/mediawiki/igem.org/5/58/TECMTY_Twoprojects.gif" alt="" />
 +
</div>
 +
<div class="slide">
 +
<img src="https://static.igem.org/mediawiki/igem.org/4/47/TECMTY_Logotecmty.gif" alt="Slide2" />
 +
</div>
 +
<div class="slide">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png" alt="Slide3" />
 +
</div>
 +
<div class="slide">
 +
<img src="img/1.jpg" alt="Slide4" />
 +
</div>
 +
<div class="slide">
 +
<img src="img/1.jpg" alt="Slide5" />
 +
</div>
 +
</div>
 +
</div>
 +
 +
</td>
 +
</tr>
 +
<tr>
 +
<td align="center">
 +
<button type="button" id="s1">&nbsp;</button><button type="button" id="s2">&nbsp;</button><button type="button" id="s3">&nbsp;</button><button type="button" id="s4">&nbsp;</button><button type="button" id="s5">&nbsp;</button><button type="button" id="s6">&nbsp;</button>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td align="center">
 +
Read more about them in the tabs above.
 +
 
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
 +
<div class="footer">
 +
<table width="100%">
 +
<tr valign="top">
 +
<td width="25%">
 +
<div class="foot-left">
 +
&nbsp;
 +
</div>
 +
</td>
 +
<td width="50%">
 +
<div class="foot-mid">
 +
&nbsp;
 +
</div>
 +
</td>
 +
<td width="25%">
 +
<div class="foot-rite">
 +
&nbsp;
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
</div>
</div>
 +
</body>
</body>
-
</html>
+
 
 +
</p>

Revision as of 00:13, 25 September 2012

<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Tec Igem 2012</title> <style type="text/css"> </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#div_content").hide(); $("#div_content").fadeIn(1000); $("#logo").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt1").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt2").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt3").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/hpractice" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt4").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/extras" }, 1000); $("#div_content").fadeOut(1000); }); $("#bt5").click(function() { window.setTimeout(function() { document.location.href="https://2012.igem.org/Team:Tec-Monterrey/team" }, 1000); $("#div_content").fadeOut(1000); }); //Slides var currentPos = 0; var sWidth = 520; var slides = $('.slide'); var numSlides = slides.length; $('#slidesContainer').css('overflow','hidden'); slides.wrapAll('

');

slides.css({ 'float':'left', 'width':sWidth }); $('#slideInner').css('width',sWidth*numSlides); $('#slideshow').prepend('Move left'); $('#slideshow').append('Move right'); manageControls(currentPos); $('.control').bind('click', function() { currentPos = ($(this).attr('id') == 'rightControl') ? currentPos+1 : currentPos-1; manageControls(currentPos); $('#slideInner').animate({ 'marginLeft' : sWidth*(-currentPos) }); }); function manageControls(position) { if(position == 0) { $('#leftControl').hide(); } else { $('#leftControl').show(); } if(position == numSlides-1) { $('#rightControl').hide(); } else { $('#rightControl').show(); } } //Slide Buttons $("#s1").click(function() { currentPos = 0; manageControls(currentPos); changeSlide(currentPos); }); $("#s2").click(function() { currentPos = 1; manageControls(currentPos); changeSlide(currentPos); }); $("#s3").click(function() { currentPos = 2; manageControls(currentPos); changeSlide(currentPos); }); $("#s4").click(function() { currentPos = 3; manageControls(currentPos); changeSlide(currentPos); }); $("#s5").click(function() { currentPos = 4; manageControls(currentPos); changeSlide(currentPos); }); $("#s6").click(function() { currentPos = 5; manageControls(currentPos); changeSlide(currentPos); }); function changeSlide(position) { $('#slideInner').animate({ 'marginLeft' : sWidth*(-position) }); } window.setInterval(function() { currentPos++; if (currentPos >= numSlides) currentPos = 0; manageControls(currentPos); changeSlide(currentPos); }, 5000);

}); </script> </head>

<body>

<img src="TECMTY_Teamlogo_normal.png" alt="1" /> <img src="TECMTY_Teamlogo_hover.png" alt="2" /> <img src="TECMTY_Igemlogo_normal.png" alt="3" /> <img src="TECMTY_Igemlogo_hover.png" alt="4" /> <img src="TECMTY_Allergen_normal.jpg" alt="5" /> <img src="TECMTY_Allergen_hover.jpg" alt="6" /> <img src="TECMTY_Antifreeze_normal.jpg" alt="7" /> <img src="TECMTY_Antifreeze_hover.jpg" alt="8" /> <img src="TECMTY_Humanpractice_hover.jpg" alt="9" /> <img src="2012.TECMTY_Team_normal.jpg" alt="10" /> <img src="2012.TECMTY_Team_hover.jpg" alt="11" /> <img src="TECMTY_Extras_normal.jpg" alt="12" /> <img src="TECMTY_Extras_hover.jpg" alt="13" /> <img src="TECMTY_Welcome.png" alt="14" /> <img src="TECMTY_Galeria_teamlogo.png" alt="15" /> <img src="TECMTY_Galeria_underconstruction.png" alt="16" /> <img src="TECMTY_Bgaleria_allergen_normal.png" alt="17" /> <img src="TECMTY_Bgaleria_allergen_selec.png" alt="18" /> <img src="TECMTY_Bgaleria_antifreeze_normal.png" alt="19" /> <img src="TECMTY_Bgaleria_antifreeze_selec.png" alt="20" />

<button type="button" id="logo" class="logo"> </button>

<img src="TECMTY_Welcome.png" alt="welcome" longdesc="welcome" />

<img src="TECMTY_Twoprojects.gif" alt="" />

<img src="TECMTY_Logotecmty.gif" alt="Slide2" />

<img src="TECMTY_Galeria_underconstruction.png" alt="Slide3" />

<img src="img/1.jpg" alt="Slide4" />

<img src="img/1.jpg" alt="Slide5" />

<button type="button" id="s1"> </button><button type="button" id="s2"> </button><button type="button" id="s3"> </button><button type="button" id="s4"> </button><button type="button" id="s5"> </button><button type="button" id="s6"> </button>

Read more about them in the tabs above.

</body>