Team:Tec-Monterrey

From 2012.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 6: Line 6:
<!--
<!--
@charset "utf-8";
@charset "utf-8";
-
/*Do not remove*/
+
/*This kills the IGEM*/
#top-section {
#top-section {
    
    
Line 27: Line 27:
   display: none;
   display: none;
}
}
-
#menubar { background: none repeat transparent; display:none}
+
#menubar { background: none repeat transparent; display:none;}
#menubar ul li a { color: white; }
#menubar ul li a { color: white; }
.right-menu li a {
.right-menu li a {
Line 85: Line 85:
}
}
.container {
.container {
-
width: 80%;
+
width: 90%;
-
max-width: 1260px;
+
min-width: 1000px;
-
min-width: 780px;
+
margin: 0 auto;
margin: 0 auto;
}
}
Line 121: Line 120:
}
}
.logo {
.logo {
-
width:20%;
+
border:none;
 +
width:145px;
height:145px;
height:145px;
float:left;
float:left;
Line 132: Line 132:
.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{ 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 #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/igem.org/0/08/TECMTY_Allergen_normal.jpg) no-repeat; border:none; height:65px; width:152px;}
+
.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/igem.org/a/a5/TECMTY_Allergen_hover.jpg) no-repeat;}
+
.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{ 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
+
.menu #bt2:hover{ background:url(https://static.igem.org/mediawiki/igem.org/1/13/TECMTY_Antifreeze_hover.jpg) no-repeat;}
-
) 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{ 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 #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{ 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
+
.menu #bt4:hover{ background:url(https://static.igem.org/mediawiki/igem.org/c/cc/TECMTY_Extras_hover.jpg) no-repeat;}
-
) 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{ background:url(https://static.igem.org/mediawiki/igem.org/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;}
-
.menu #bt5:hover{ background:url(https://static.igem.org/mediawiki/igem.org/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,#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;}
Line 150: Line 148:
.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,#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;}
.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;}
 +
 +
#slideshow {
 +
position:relative;
 +
}
 +
#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 {
.foot-left {
Line 159: Line 189:
.foot-rite {
.foot-rite {
height:100px;
height:100px;
 +
}
 +
.preload {
 +
display:none;
}
}
-->
-->
</style>
</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('<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>
 +
 +
<span class="preload">
 +
<img src="https://static.igem.org/mediawiki/igem.org/6/6f/TECMTY_Teamlogo_normal.png" alt="1" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/e/ef/TECMTY_Teamlogo_hover.png" alt="2" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_Igemlogo_normal.png" alt="3" />
 +
<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="container">
<div class="header">
<div class="header">
-
<div class="logo">
+
<div>
 +
<button type="button" id="logo" class="logo">&nbsp;</button>
</div>
</div>
-
<div class="menu">
+
<div class="menu" align="right">
-
<table width="80%">
+
<table>
<tr>
<tr>
-
<td align="right"><button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'">&nbsp;</button></td>
+
<td align="right">
 +
<img src="https://static.igem.org/mediawiki/2012/d/d6/TECMTY_BANNER_SMALL.JPG" />
 +
<button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'">&nbsp;</button>
 +
</td>
</tr>
</tr>
<tr>
<tr>
Line 185: Line 360:
</div>
</div>
-
<div class="content">
+
<div class="content" id="div_content">
<table align="center">
<table align="center">
<tr>
<tr>
-
<td> <img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png" alt="welcome" longdesc="welcome"> </td>
+
<td> <img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Welcome.png" alt="welcome" longdesc="welcome" /> </td>
</tr>
</tr>
<tr>
<tr>
Line 194: Line 369:
<div id="slideshow">
<div id="slideshow">
-
<img src="https://static.igem.org/mediawiki/igem.org/6/6b/TECMTY_Galeria_underconstruction.png" alt="Slide1">
+
<div id="slidesContainer">
 +
<div class="slide">
 +
<a href=""><img src="https://static.igem.org/mediawiki/igem.org/4/47/TECMTY_Logotecmty.gif" alt="" /></a>
 +
</div>
 +
<div class="slide">
 +
<a href="https://dl.dropbox.com/u/23640080/ProjectDocumentationTecMty.pdf"><img src="https://static.igem.org/mediawiki/igem.org/2/24/TECMTY_Galeria_main.png" alt="Slide2" /></a>
 +
</div>
 +
<div class="slide">
 +
<a href="https://2012.igem.org/Team:Tec-Monterrey/hpractice"><img src="https://static.igem.org/mediawiki/igem.org/5/51/TECMTY_Galeria_juegos.jpg" alt="Slide3" /></a>
 +
</div>
 +
<div class="slide">
 +
<a href="https://2012.igem.org/Team:Tec-Monterrey/allergen/project"><img src="https://static.igem.org/mediawiki/igem.org/f/f9/TECMTY_Allergen.gif" alt="Slide4" /></a>
 +
</div>
 +
<div class="slide">
 +
<a href="https://2012.igem.org/Team:Tec-Monterrey/antifreeze/project"><img src="https://static.igem.org/mediawiki/igem.org/5/56/TECMTY_Antifreeze.gif" alt="Slide5" /></a>
 +
</div>
 +
</div>
</div>
</div>
Line 206: Line 397:
<tr>
<tr>
<td align="center">
<td align="center">
-
We are team Tec-Monterrey
+
</td>
</td>
</tr>
</tr>

Latest revision as of 22:55, 10 October 2012

Tec Igem 2012 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

welcome
Slide2
Slide3
Slide4
Slide5