Team:Tec-Monterrey/antifreeze/project
From 2012.igem.org
(Difference between revisions)
Line 119: | Line 119: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
+ | } | ||
+ | .center-div2 { | ||
+ | padding-left:auto; | ||
+ | padding-right:auto; | ||
} | } | ||
.logo { | .logo { | ||
Line 144: | Line 148: | ||
.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/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;} | .menu #bt5:hover{ background:url(https://static.igem.org/mediawiki/2012/e/ed/TECMTY_Team_hover.jpg) no-repeat;} | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#div_subcontent #slideshow { | #div_subcontent #slideshow { | ||
- | width: | + | width:520px; |
margin-left: auto ; | margin-left: auto ; | ||
margin-right: auto ; | margin-right: auto ; | ||
Line 166: | Line 157: | ||
#div_subcontent #slideshow #slidesContainer { | #div_subcontent #slideshow #slidesContainer { | ||
margin:0 auto; | margin:0 auto; | ||
- | width: | + | width:520px; |
- | height: | + | height:290px; |
overflow:auto; | overflow:auto; | ||
} | } | ||
#div_subcontent #slideshow #slidesContainer .slide { | #div_subcontent #slideshow #slidesContainer .slide { | ||
margin:0 auto; | margin:0 auto; | ||
- | width: | + | width:500px; |
- | height: | + | height:290px; |
} | } | ||
#div_subcontent .control { | #div_subcontent .control { | ||
display:block; | display:block; | ||
- | width:40px; | + | width:40px; |
height:290px; | height:290px; | ||
text-indent:-10000px; | text-indent:-10000px; | ||
Line 186: | Line 177: | ||
#div_subcontent #leftControl { | #div_subcontent #leftControl { | ||
left:-20; | left:-20; | ||
- | background:transparent url("https://static.igem.org/mediawiki/ | + | background:transparent url("https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png") no-repeat center; |
} | } | ||
#div_subcontent #rightControl { | #div_subcontent #rightControl { | ||
right:0; | right:0; | ||
- | background:transparent url("https://static.igem.org/mediawiki/ | + | background:transparent url("https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.png") no-repeat center; |
} | } | ||
Line 217: | Line 208: | ||
-moz-border-radius-bottomright:8px; | -moz-border-radius-bottomright:8px; | ||
} | } | ||
- | |||
.content #tabs-back { | .content #tabs-back { | ||
margin-top:25px; | margin-top:25px; | ||
Line 238: | Line 228: | ||
margin-top:15px; | margin-top:15px; | ||
} | } | ||
- | .preload | + | .preload { |
display:none; | display:none; | ||
} | } | ||
Line 284: | Line 274: | ||
}, 1000); | }, 1000); | ||
$("#div_content").fadeOut(1000); | $("#div_content").fadeOut(1000); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
}); | }); | ||
//Tabs | //Tabs | ||
Line 329: | Line 282: | ||
$('#replace').html($('#content2').html()); | $('#replace').html($('#content2').html()); | ||
prepareSlides(); | prepareSlides(); | ||
+ | }); | ||
+ | $('#tab3').click(function() { | ||
+ | $('#replace').html($('#content3').html()); | ||
+ | }); | ||
+ | $('#tab4').click(function() { | ||
+ | $('#replace').html($('#content4').html()); | ||
}); | }); | ||
//Slides | //Slides | ||
function prepareSlides() { | function prepareSlides() { | ||
var currentPos = 0; | var currentPos = 0; | ||
- | var sWidth = | + | var sWidth = 520; |
var slides = $('div#div_subcontent .slide'); | var slides = $('div#div_subcontent .slide'); | ||
var numSlides = slides.length; | var numSlides = slides.length; | ||
Line 373: | Line 332: | ||
<img src="https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg" alt="5" /> | <img src="https://static.igem.org/mediawiki/igem.org/9/92/TECMTY_Humanpractice_hover.jpg" alt="5" /> | ||
<img src="2012.https://static.igem.org/mediawiki/igem.org/e/ed/TECMTY_Team_hover.jpg" alt="6" /> | <img src="2012.https://static.igem.org/mediawiki/igem.org/e/ed/TECMTY_Team_hover.jpg" alt="6" /> | ||
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/c/ca/TECMTY_Allergen_project_hover.png" alt="7" /> |
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/9/9c/TECMTY_Allergen_video_hover.png" alt="8" /> |
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/3/3f/TECMTY_Allergen_data_hover.png" alt="9" /> |
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/9/9e/TECMTY_Allergen_safety_hover.png" alt="10" /> |
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/1/10/TECMTY_Allergen_results_hover.png" alt="11" /> |
- | <img src="https://static.igem.org/mediawiki/2012/ | + | <img src="https://static.igem.org/mediawiki/2012/9/93/TECMTY_Allergen_notebook_hover.png" alt="12" /> |
</span> | </span> | ||
<div class="preload" id="content1"> | <div class="preload" id="content1"> | ||
- | < | + | <div class="center-div" width="560"> |
- | + | <iframe width="560" height="315" src="http://www.youtube.com/embed/1jW7m9rJtYU?list=UUS4IMWIZSmFxUxsRExhNvOA&hl=en_US" frameborder="0" allowfullscreen></iframe> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
<span class="preload" id="content2"> | <span class="preload" id="content2"> | ||
+ | <div> | ||
+ | <table> | ||
+ | <tr> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
<div id="slideshow"> | <div id="slideshow"> | ||
<div id="slidesContainer"> | <div id="slidesContainer"> | ||
- | <div class="slide"> | + | <div class="slide" style="width:100%"> |
- | <img src=" | + | <div align="left" style="width:40%"> |
+ | <h2>Juan Papa</h2> | ||
+ | <p>Juan Papa es la papa mas exitosa en el ambito profesional de la biologia sintetica</p> | ||
+ | </div> | ||
+ | <div align="right" style="width:60%"> | ||
+ | <img src="http://www.howbigismypotato.com/potato.jpg" alt="Slide1"/> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="slide"> | <div class="slide"> | ||
- | <img src=" | + | <div align="left" style="width:40%"> |
+ | <h2>John Potato</h2> | ||
+ | <p>The quick potato jumps over the lazy fries</p> | ||
+ | </div> | ||
+ | <div align="right" style="width:60%"> | ||
+ | <img src="http://www.howbigismypotato.com/potato.jpg" alt="Slide1"/> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div class="slide"> | + | <div class="slide" style="width:100%"> |
- | <img src=" | + | <div align="left" style="width:40%"> |
+ | <h2>Jorgen Kartofel</h2> | ||
+ | <p>dahgghsdvhsdfgsdfhjfsdhfaksdfjhafhfgjafgkjfahjfahjafhlfa</p> | ||
+ | </div> | ||
+ | <div align="right" style="width:60%"> | ||
+ | <img src="http://www.howbigismypotato.com/potato.jpg" alt="Slide1"/> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div class="slide"> | + | |
- | <img src=" | + | <div class="slide" style="width:100%"> |
+ | <div align="left" style="width:40%"> | ||
+ | <h2>Potato-sama</h2> | ||
+ | <p>hbfadkadfhsdgkhsdghjgsdjhgshjgshjgahjgdjhgshjgalhgshjzxbfhgsajkas</p> | ||
+ | </div> | ||
+ | <div align="right" style="width:60%"> | ||
+ | <img src="http://www.howbigismypotato.com/potato.jpg" alt="Slide1"/> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div class="slide"> | + | <div class="slide" style="width:100%"> |
- | <img src=" | + | <div align="left" style="width:40%"> |
+ | <h2>Johan Potet</h2> | ||
+ | <p>DfeagfhadgyjfaeuyfgsaygdWAYGYQGF+IYTWEYRFTQEKTFYTFYTSAFGASYGFAK</p> | ||
+ | </div> | ||
+ | <div align="right" style="width:60%"> | ||
+ | <img src="http://www.howbigismypotato.com/potato.jpg" alt="Slide1"/> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</span> | </span> | ||
+ | <span class="preload" id="content3"> | ||
+ | <p>Coming soon!</p> | ||
+ | </span> | ||
+ | <span class="preload" id="content4"> | ||
+ | <p>Coming soon!</p> | ||
+ | </span> | ||
+ | |||
<div class="container"> | <div class="container"> | ||
<div class="header"> | <div class="header"> | ||
<div> | <div> | ||
- | <button type="button" | + | <button type="button" class="logo" id="logo"> </button> |
</div> | </div> | ||
<div class="menu" align="right"> | <div class="menu" align="right"> | ||
Line 433: | Line 433: | ||
<div class="content" id="div_content"> | <div class="content" id="div_content"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<div id="div_subcontent"> | <div id="div_subcontent"> | ||
<table align="center"> | <table align="center"> | ||
<tr> | <tr> | ||
<td align="center"> | <td align="center"> | ||
- | <img src="https://static.igem.org/mediawiki/ | + | <img src="https://static.igem.org/mediawiki/igem.org/4/45/TECMTY_team_title.png" alt="project" width="1000px" /> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 468: | Line 446: | ||
<tr> | <tr> | ||
<td width="25%"> | <td width="25%"> | ||
- | <button type="button" id="tab1" class="tabcolor tablft"> | + | <button type="button" id="tab1" class="tabcolor tablft">video</button> |
</td> | </td> | ||
<td width="25%"> | <td width="25%"> | ||
- | <button type="button" id="tab2" class="tabcolor"> | + | <button type="button" id="tab2" class="tabcolor">students</button> |
</td> | </td> | ||
<td width="25%"> | <td width="25%"> | ||
- | <button type="button" id="tab3" class="tabcolor"> | + | <button type="button" id="tab3" class="tabcolor">instructors</button> |
</td> | </td> | ||
<td width="25%"> | <td width="25%"> | ||
- | <button type="button" id="tab4" class="tabcolor tabrit"> | + | <button type="button" id="tab4" class="tabcolor tabrit">advisors</button> |
</td> | </td> | ||
</tr> | </tr> | ||
Line 487: | Line 465: | ||
<td> | <td> | ||
<div class="inner" id="replace"> | <div class="inner" id="replace"> | ||
- | < | + | <div class="center-div" width="560"> |
- | + | <iframe width="560" height="315" src="http://www.youtube.com/embed/1jW7m9rJtYU?list=UUS4IMWIZSmFxUxsRExhNvOA&hl=en_US" frameborder="0" allowfullscreen></iframe> | |
+ | </div> | ||
</div> | </div> | ||
</td> | </td> |
Revision as of 23:36, 6 September 2012
Coming soon!
Coming soon!
|
||||
|