Team:Tec-Monterrey/hpractice

From 2012.igem.org

(Difference between revisions)
(Created page with "<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Tec Igem 2012</title> <style type="text/css"> <!-- ...")
Line 93: Line 93:
}
}
.content {
.content {
 +
margin-top:10px;
padding: 10px 0;
padding: 10px 0;
}
}
Line 144: Line 145:
.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;}
-
.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;}
+
#div_subcontent #slideshow {
-
.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;}
+
width:520px;
-
.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;}
+
margin-left: auto ;
-
.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;}
+
margin-right: auto ;
 +
position:relative;
 +
}
 +
#div_subcontent #slideshow #slidesContainer {
 +
margin:0 auto;
 +
width:520px;
 +
height:290px;
 +
overflow:auto;
 +
}
 +
#div_subcontent #slideshow #slidesContainer .slide {
 +
margin:0 auto;
 +
width:500px;
 +
height:290px;
 +
}
 +
#div_subcontent .control {
 +
display:block;
 +
width:40px;
 +
height:290px;
 +
text-indent:-10000px;
 +
cursor: pointer;
 +
position:absolute;
 +
top:0;
 +
}
 +
#div_subcontent #leftControl {
 +
left:-20;
 +
background:transparent url("https://static.igem.org/mediawiki/igem.org/f/fd/TECMTY_Bgaleria_allergen_normal.png") no-repeat center;
 +
}
 +
#div_subcontent #rightControl {
 +
right:0;
 +
background:transparent url("https://static.igem.org/mediawiki/igem.org/6/69/TECMTY_Bgaleria_antifreeze_normal.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;
 +
}
-
.foot-left {
+
.content #tabs-back {
-
height:100px;
+
margin-top:25px;
 +
margin-bottom:40px;
}
}
-
.foot-mid {
+
.content #replace {
-
height:200px;
+
max-width:980px;
 +
border-radius:8px;
 +
-moz-border-radius:7px;
 +
border:5px solid #414141;
 +
padding-top:20px;
 +
padding-bottom:20px;
 +
padding-left:10px;
 +
padding-right:10px;
 +
font-size:16px;
 +
text-align: justify;
 +
color:#414141;
}
}
-
.foot-rite {
+
.content #div_subcontent {
-
height:100px;
+
margin-top:15px;
}
}
.preload {
.preload {
Line 205: Line 272:
$("#div_content").fadeOut(1000);
$("#div_content").fadeOut(1000);
});
});
 +
//Tabs
 +
$('#tab1').click(function() {
 +
$('#replace').html($('#content1').html());
 +
});
 +
$('#tab2').click(function() {
 +
$('#replace').html($('#content2').html());
 +
});
 +
$('#tab3').click(function() {
 +
$('#replace').html($('#content3').html());
 +
});
 +
$('#tab4').click(function() {
 +
$('#replace').html($('#content4').html());
 +
});
 +
//Slides
 +
function prepareSlides() {
 +
var currentPos = 0;
 +
var sWidth = 520;
 +
var slides = $('div#div_subcontent .slide');
 +
var numSlides = slides.length;
 +
$('div#div_subcontent #slidesContainer').css('overflow','hidden');
 +
slides.wrapAll('<div id="slideInner"></div>');
 +
slides.css({
 +
'float':'left',
 +
'width':sWidth
 +
});
 +
$('div#div_subcontent #slideInner').css('width',sWidth*numSlides);
 +
$('div#div_subcontent #slideshow').prepend('<span class="control" id="leftControl">Move left</span>');
 +
$('div#div_subcontent #slideshow').append('<span class="control" id="rightControl">Move right</span>');
 +
manageControls(currentPos,numSlides);
 +
$('div#div_subcontent .control').bind('click', function() {
 +
currentPos = ($(this).attr('id') == 'rightControl') ? currentPos+1 : currentPos-1;
 +
manageControls(currentPos,numSlides);
 +
$('div#div_subcontent #slideInner').animate({
 +
'marginLeft' : sWidth*(-currentPos)
 +
});
 +
});
 +
}
 +
function manageControls(position, numSlides) {
 +
if(position == 0) { $('div#div_subcontent #leftControl').hide(); }
 +
else { $('div#div_subcontent #leftControl').show(); }
 +
if(position == numSlides-1) { $('div#div_subcontent #rightControl').hide(); }
 +
else { $('div#div_subcontent #rightControl').show(); }
 +
}
});
});
</script>
</script>
Line 212: Line 322:
<span class="preload">
<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="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/8/84/TECMTY_Igemlogo_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/2012/a/a5/TECMTY_Allergen_hover.jpg" 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/igem.org/1/13/TECMTY_Antifreeze_hover.jpg" 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/igem.org/9/92/TECMTY_Humanpractice_hover.jpg" alt="5" />
-
<img src="https://static.igem.org/mediawiki/2012/a/a5/TECMTY_Allergen_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/igem.org/f/f8/TECMTY_Antifreeze_normal.jpg" 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/igem.org/1/13/TECMTY_Antifreeze_hover.jpg" 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/igem.org/9/92/TECMTY_Humanpractice_hover.jpg" alt="9" />
+
<img src="https://static.igem.org/mediawiki/2012/3/3f/TECMTY_Allergen_data_hover.png" alt="9" />
-
<img src="2012.https://static.igem.org/mediawiki/igem.org/7/7e/TECMTY_Team_normal.jpg" alt="10" />
+
<img src="https://static.igem.org/mediawiki/2012/9/9e/TECMTY_Allergen_safety_hover.png" 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/2012/1/10/TECMTY_Allergen_results_hover.png" 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/2012/9/93/TECMTY_Allergen_notebook_hover.png" 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>
</span>
 +
<div class="preload" id="content1">
 +
<p>Derp</p>
 +
</div>
 +
<span class="preload" id="content2">
 +
<p>Herp</p>
 +
</span>
 +
<span class="preload" id="content3">
 +
<p>Durp</p>
 +
</span>
 +
<span class="preload" id="content4">
 +
<p>Hurp</p>
 +
</span>
 +
<div class="container">
<div class="container">
<div class="header">
<div class="header">
<div>
<div>
-
<button type="button" class="logo" onclick="document.location.href='https://2012.igem.org/Team:Tec-Monterrey'">&nbsp;</button>
+
<button type="button" class="logo" id="logo">&nbsp;</button>
</div>
</div>
<div class="menu" align="right">
<div class="menu" align="right">
Line 254: Line 369:
<div class="content" id="div_content">
<div class="content" id="div_content">
-
+
<div id="div_subcontent">
-
</div>
+
<table align="center">
-
+
<tr>
-
<div class="footer">
+
<td align="center">
-
<table width="100%">
+
<img src="https://static.igem.org/mediawiki/2012/2/2a/TECMTY_Allergen_title_project.png" alt="project" width="1000px" />
-
<tr valign="top">
+
</td>
-
<td width="25%">
+
</tr>
-
<div class="foot-left">
+
<tr width="100%">
-
&nbsp;
+
<td>
-
</div>
+
<div id="tabs-back">
-
</td>
+
<table width="100%" cellspacing=0 cellpadding=0>
-
<td width="50%">
+
<tr>
-
<div class="foot-mid">
+
<td width="25%">
-
&nbsp;
+
<button type="button" id="tab1" class="tabcolor tablft">game 1</button>
-
</div>
+
</td>
-
</td>
+
<td width="25%">
-
<td width="25%">
+
<button type="button" id="tab2" class="tabcolor">game 2</button>
-
<div class="foot-rite">
+
</td>
-
&nbsp;
+
<td width="25%">
-
</div>
+
<button type="button" id="tab3" class="tabcolor">workshop</button>
-
</td>
+
</td>
-
</tr>
+
<td width="25%">
-
</table>
+
<button type="button" id="tab4" class="tabcolor tabrit">program</button>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td>
 +
<div class="inner" id="replace">
 +
<p>Derp</p>
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</div>
</div>
</div>

Revision as of 22:16, 5 August 2012

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

Derp

Herp

Durp

Hurp
project

Derp

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