Team:Tec-Monterrey/antifreeze/video

From 2012.igem.org

(Difference between revisions)
Line 158: Line 158:
.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;}
-
.content #tabs-back {
+
.msg_head {
-
margin-top:25px;
+
color:#414141;
-
margin-bottom:40px;
+
}
 +
.msg_head:hover {
 +
color:#000000;
 +
}
 +
.msg_content {
 +
padding-top:8px;
 +
background:#E9E9E9;
 +
color:#414141;
 +
border-radius:5px;
 +
-moz-border-radius:5px;
 +
}
 +
 
 +
.tabcolor {
 +
border:none;
height:60px;
height:60px;
-
background:#000;
+
width:100%;
-
-moz-border-radius:7px;
+
background:#414141;
-
border-radius:7px;
+
color:#FFF;
color:#FFF;
-
font-size:35px;
+
font-size:18px;
-
padding-top:12px;
+
}
-
padding-left:10px;
+
.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 #replace {
.content #replace {
 +
max-width:980px;
border-radius:8px;
border-radius:8px;
-moz-border-radius:7px;
-moz-border-radius:7px;
Line 178: Line 205:
padding-left:10px;
padding-left:10px;
padding-right:10px;
padding-right:10px;
 +
font-size:16px;
 +
text-align: justify;
color:#414141;
color:#414141;
 +
}
 +
.content #tabs-back {
 +
margin-top:25px;
 +
margin-bottom:40px;
}
}
.content #div_subcontent {
.content #div_subcontent {
Line 267: Line 300:
$("#div_subcontent").fadeOut(1000);
$("#div_subcontent").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());
 +
});*/
 +
//load funcs
 +
$('#tab1').click();
});
});
</script>
</script>
Line 287: Line 335:
<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/2/24/TECMTY_Antifreeze_notebook_hover.png" alt="12" />
</span>
</span>
 +
<div class="preload" id="content1">
 +
<div class="center-frame">
 +
<iframe width="560" height="315" src="http://www.youtube.com/embed/fh4DU4kbLKg" frameborder="0" allowfullscreen></iframe>
 +
</div>
 +
</div>
 +
<div class="container">
<div class="container">
Line 340: Line 394:
<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">video</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>

Revision as of 00:52, 27 September 2012

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

project
Lorem Ipsum

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