Team:Tec-Monterrey/antifreeze/data

From 2012.igem.org

(Difference between revisions)
Line 157: Line 157:
.content #cl6{ background:url(https://static.igem.org/mediawiki/2012/4/4a/TECMTY_Antifreeze_notebook_normal.png) no-repeat; height:110px; width:100px; border:none;}
.content #cl6{ background:url(https://static.igem.org/mediawiki/2012/4/4a/TECMTY_Antifreeze_notebook_normal.png) no-repeat; height:110px; width:100px; border:none;}
.content #cl6:hover{ background:url(https://static.igem.org/mediawiki/2012/2/24/TECMTY_Antifreeze_notebook_hover.png) no-repeat;}
.content #cl6:hover{ background:url(https://static.igem.org/mediawiki/2012/2/24/TECMTY_Antifreeze_notebook_hover.png) no-repeat;}
 +
#div_subcontent #slideshow {
 +
width:540px;
 +
margin-left: auto ;
 +
margin-right: auto ;
 +
position:relative;
 +
}
 +
#div_subcontent #slideshow #slidesContainer {
 +
margin:0 auto;
 +
width:540px;
 +
height:400px;
 +
overflow:auto;
 +
}
 +
#div_subcontent #slideshow #slidesContainer .slide {
 +
margin:0 auto;
 +
width:540px;
 +
height:400px;
 +
}
 +
#div_subcontent .control {
 +
display:block;
 +
width:40px;
 +
height:340px;
 +
text-indent:-10000px;
 +
cursor: pointer;
 +
position:absolute;
 +
top:0;
 +
}
 +
#div_subcontent #leftControl {
 +
left:-20;
 +
background:transparent url("https://static.igem.org/mediawiki/2012/5/52/TECMTY_Galeria_izquierda.png") no-repeat center;
 +
}
 +
#div_subcontent #rightControl {
 +
right:0;
 +
background:transparent url("https://static.igem.org/mediawiki/2012/1/12/TECMTY_Galeria_derecha.png") no-repeat center;
 +
}
 +
 +
.tabcolor {
 +
border:none;
 +
height:60px;
 +
width:100%;
 +
background:#414141;
 +
color:#FFF;
 +
font-size:18px;
 +
}
 +
.tabcolor:hover {
 +
background:#E9E9E9;
 +
color:#414141;
 +
}
 +
.tablft {
 +
border-top-left-radius:8px;
 +
border-bottom-left-radius:8px;
 +
-moz-border-radius-topleft:8px;
 +
-moz-border-radius-bottomleft:8px;
 +
}
 +
.tabrit {
 +
border-top-right-radius:8px;
 +
border-bottom-right-radius:8px;
 +
-moz-border-radius-topright:8px;
 +
-moz-border-radius-bottomright:8px;
 +
}
.content #tabs-back {
.content #tabs-back {
margin-top:25px;
margin-top:25px;
margin-bottom:40px;
margin-bottom:40px;
-
height:60px;
 
-
background:#000;
 
-
-moz-border-radius:7px;
 
-
border-radius:7px;
 
-
color:#FFF;
 
-
font-size:35px;
 
-
padding-top:12px;
 
-
padding-left:10px;
 
}
}
.content #replace {
.content #replace {
 +
max-width:980px;
 +
}
 +
 +
.inner {
border-radius:8px;
border-radius:8px;
-moz-border-radius:7px;
-moz-border-radius:7px;
Line 178: Line 233:
padding-left:10px;
padding-left:10px;
padding-right:10px;
padding-right:10px;
-
color:#414141;
+
font-size:16px;
 +
text-align: justify;
 +
color:#414141;
}
}
 +
#image {
 +
margin-top:10px;
 +
width:570px;
 +
min-width:570px;
 +
max-width:570px;
 +
height:385px;
 +
min-height:385px;
 +
max-height:385px;
 +
}
 +
#textinfo {
 +
margin-top:15px;
 +
padding:10px;
 +
height:300px;
 +
border-radius:8px;
 +
-moz-border-radius:7px;
 +
background-color:#E3E3E3;
 +
font-size:16px;
 +
text-align: justify;
 +
}
 +
 +
#div_subcontent #part1{ background:url(https://static.igem.org/mediawiki/igem.org/b/bb/TECMTY_allergen01.png) no-repeat; border:none; height:65px; width:65px;}
 +
#div_subcontent #part1:hover{ background:url(https://static.igem.org/mediawiki/igem.org/9/97/TECMTY_allergen01_hover.png) no-repeat;}
 +
#div_subcontent #part2{ background:url(https://static.igem.org/mediawiki/igem.org/1/1f/TECMTY_allergen02.png) no-repeat; border:none; height:65px; width:65px;}
 +
#div_subcontent #part2:hover{ background:url(https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_allergen02_hover.png) no-repeat;}
 +
#div_subcontent #part3{ background:url(https://static.igem.org/mediawiki/igem.org/6/62/TECMTY_allergen03.png) no-repeat; border:none; height:65px; width:65px;}
 +
#div_subcontent #part3:hover{ background:url(https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_allergen03_hover.png) no-repeat;}
 +
#div_subcontent #part4{ background:url(https://static.igem.org/mediawiki/igem.org/2/23/TECMTY_allergen04.png) no-repeat; border:none; height:65px; width:65px;}
 +
#div_subcontent #part4:hover{ background:url(https://static.igem.org/mediawiki/igem.org/7/7b/TECMTY_allergen04_hover.png) no-repeat;}
 +
 +
#div_subcontent #bt_origin{ background:url(https://static.igem.org/mediawiki/igem.org/e/ea/TECMTY_partedex_origin.png) no-repeat; border:none; height:60px; width:214px;}
 +
#div_subcontent #bt_origin:hover{ background:url(https://static.igem.org/mediawiki/igem.org/3/38/TECMTY_partedex_origin_hover.png) no-repeat;}
 +
#div_subcontent #bt_use{ background:url(https://static.igem.org/mediawiki/igem.org/a/ab/TECMTY_partedex_use.png) no-repeat; border:none; height:60px; width:214px;}
 +
#div_subcontent #bt_use:hover{ background:url(https://static.igem.org/mediawiki/igem.org/4/48/TECMTY_partedex_use_hover.png) no-repeat;}
 +
#div_subcontent #bt_design{ background:url(https://static.igem.org/mediawiki/igem.org/f/fa/TECMTY_partedex_design.png) no-repeat; border:none; height:60px; width:214px;}
 +
#div_subcontent #bt_design:hover{ background:url(https://static.igem.org/mediawiki/igem.org/e/eb/TECMTY_partedex_design_hover.png) no-repeat;}
 +
.content #div_subcontent {
.content #div_subcontent {
margin-top:15px;
margin-top:15px;
Line 267: Line 360:
$("#div_subcontent").fadeOut(1000);
$("#div_subcontent").fadeOut(1000);
});
});
 +
//Tabs
 +
$('#tab1').click(function() {
 +
$('#replace').html($('#content1').html());
 +
prepareButtons();
 +
});
 +
$('#tab2').click(function() {
 +
$('#replace').html($('#content2').html());
 +
});
 +
//Pokedex
 +
var currentPart;
 +
var textPart;
 +
var part_images = new Array();
 +
var part_origin = new Array();
 +
var part_use = new Array();
 +
var part_design = new Array();
 +
function prepareButtons() {
 +
fillArrays();
 +
//parts
 +
$("div#div_subcontent #part1").click(function() {
 +
currentPart = 0;
 +
textPart = 0;
 +
changeStuff();
 +
});
 +
$("div#div_subcontent #part2").click(function() {
 +
currentPart = 1;
 +
textPart = 0;
 +
changeStuff();
 +
});
 +
$("div#div_subcontent #part3").click(function() {
 +
currentPart = 2;
 +
textPart = 0;
 +
changeStuff();
 +
});
 +
$("div#div_subcontent #part4").click(function() {
 +
currentPart = 3;
 +
textPart = 0;
 +
changeStuff();
 +
});
 +
//buttons
 +
$("div#div_subcontent #bt_origin").click(function() {
 +
textPart = 0;
 +
changeStuff();
 +
});
 +
$("div#div_subcontent #bt_use").click(function() {
 +
textPart = 1;
 +
changeStuff();
 +
});
 +
$("div#div_subcontent #bt_design").click(function() {
 +
textPart = 2;
 +
changeStuff();
 +
});
 +
}
 +
function fillArrays() {
 +
currentPart = 0;
 +
if (part_images.length == 0)
 +
{
 +
part_images[0] = "http://www.allbestwallpapers.com/tagwallpaper/fries-wallpaper.jpg";
 +
part_images[1] = "http://www.phillystation.net/media/ecom/cat/waffle%20fries.jpg";
 +
part_images[2] = "flhkkfas";
 +
part_images[3] = "flhkkfas";
 +
 +
part_origin[0] = "aflhkkfas";
 +
part_origin[1] = "bflhkkfas";
 +
part_origin[2] = "cflhkkfas";
 +
part_origin[3] = "dflhkkfas";
 +
 +
part_use[0] = "1flhkkfas";
 +
part_use[1] = "2flhkkfas";
 +
part_use[2] = "3flhkkfas";
 +
part_use[3] = "4flhkkfas";
 +
 +
part_design[0] = "dsadflhkkfas";
 +
part_design[1] = "dasdsflhkkfas";
 +
part_design[2] = "fqweqwlhkkfas";
 +
part_design[3] = "flhkaskfas";
 +
}
 +
}
 +
function changeStuff()
 +
{
 +
$('div#div_subcontent #repImg').attr("src",part_images[currentPart]);
 +
if (textPart == 0)
 +
$('div#div_subcontent #textinfo').html(part_origin[currentPart]);
 +
else if (textPart == 1)
 +
$('div#div_subcontent #textinfo').html(part_use[currentPart]);
 +
else
 +
$('div#div_subcontent #textinfo').html(part_design[currentPart]);
 +
}
});
});
</script>
</script>
Line 280: Line 460:
<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/5/57/TECMTY_Antifreeze_project_hover.png" alt="7" />
+
<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/0/09/TECMTY_Antifreeze_video_hover.png" alt="8" />
+
<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/b/bf/TECMTY_Antifreeze_data_hover.png" alt="9" />
+
<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/2/2f/TECMTY_Antifreeze_safety_hover.png" alt="10" />
+
<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/f/fd/TECMTY_Antifreeze_results_hover.png" alt="11" />
+
<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/2/24/TECMTY_Antifreeze_notebook_hover.png" alt="12" />
+
<img src="https://static.igem.org/mediawiki/2012/9/93/TECMTY_Allergen_notebook_hover.png" alt="12" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/97/TECMTY_allergen01_hover.png2" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/f/f8/TECMTY_allergen02_hover.png" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/9/93/TECMTY_allergen03_hover.png" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/7/7b/TECMTY_allergen04_hover.png" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/e/eb/TECMTY_partedex_design_hover.png" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/3/38/TECMTY_partedex_origin_hover.png" />
 +
<img src="https://static.igem.org/mediawiki/igem.org/4/48/TECMTY_partedex_use_hover.png" />
 +
</span>
 +
 
 +
<div class="preload" id="content1">
 +
<h1>PARTS</h1>
 +
<table width="100%">
 +
<tr align="center">
 +
<td>&nbsp;</td>
 +
<td width="70px"><button type="button" id="part1">&nbsp;</button></td>
 +
<td width="70px"><button type="button" id="part2">&nbsp;</button></td>
 +
<td width="70px"><button type="button" id="part3">&nbsp;</button></td>
 +
<td width="70px"><button type="button" id="part4">&nbsp;</button></td>
 +
<td>&nbsp;</td>
 +
</tr>
 +
</table>
 +
<table>
 +
<tr>
 +
<td width="60%">
 +
<div id="image" class="inner">
 +
<img src="" id="repImg"/>
 +
</div>
 +
</td>
 +
<td width="40%">
 +
<div id="buttons">
 +
<table width="100%">
 +
<tr>
 +
<td align="center"><button type="button" id="bt_origin">&nbsp;</button></td>
 +
</tr>
 +
<tr>
 +
<td align="center"><button type="button" id="bt_use">&nbsp;</button></td>
 +
</tr>
 +
<tr>
 +
<td align="center"><button type="button" id="bt_design">&nbsp;</button></td>
 +
</tr>
 +
</table>
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
<div id="textinfo">
 +
Herp a derp
 +
</div>
 +
</div>
 +
<span class="preload" id="content2">
</span>
</span>
Line 340: Line 570:
<td>
<td>
<div id="tabs-back">
<div id="tabs-back">
-
Tab A
+
<table width="100%" cellspacing=0 cellpadding=0>
 +
<tr>
 +
<td width="25%">
 +
<button type="button" id="tab1" class="tabcolor tablft">parts</button>
 +
</td>
 +
<td width="25%">
 +
<button type="button" id="tab2" class="tabcolor">&nbsp;</button>
 +
</td>
 +
<td width="25%">
 +
<button type="button" id="tab3" class="tabcolor">&nbsp;</button>
 +
</td>
 +
<td width="25%">
 +
<button type="button" id="tab4" class="tabcolor tabrit">&nbsp;</button>
 +
</td>
 +
</tr>
 +
</table>
</div>
</div>
</td>
</td>
Line 347: Line 592:
<td>
<td>
<div class="inner" id="replace">
<div class="inner" id="replace">
-
Lorem Ipsum
+
Oh mah god
</div>
</div>
</td>
</td>

Revision as of 00:04, 16 September 2012

Tec Igem 2012 1 2 3 4 5 6 7 8 9 10 11 12

PARTS

   
Herp a derp
project
Oh mah god

Retrieved from "http://2012.igem.org/Team:Tec-Monterrey/antifreeze/data"