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"; | ||
- | /* | + | /*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: | + | width: 90%; |
- | + | min-width: 1000px; | |
- | min-width: | + | |
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
Line 121: | Line 120: | ||
} | } | ||
.logo { | .logo { | ||
- | width: | + | 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/ | + | .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/ | + | .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/ | + | .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/ | + | |
.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"> </button> | ||
</div> | </div> | ||
- | <div class="menu"> | + | <div class="menu" align="right"> |
- | <table | + | <table> |
<tr> | <tr> | ||
- | <td align="right"><button type="button" id="sp1" onclick="document.location.href='https://2012.igem.org/Main_Page'"> </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'"> </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/ | + | <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"> | ||
- | + | ||
</td> | </td> | ||
</tr> | </tr> |
Latest revision as of 22:55, 10 October 2012
|