"
Team:Tec-Monterrey/allergen/video
From 2012.igem.org
(Difference between revisions)
| Line 119: | Line 119: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
| + | } | ||
| + | .center-frame { | ||
| + | width:560px; | ||
| + | height:315px; | ||
| + | margin:0 auto; | ||
| + | display:block; | ||
} | } | ||
.logo { | .logo { | ||
| Line 158: | Line 164: | ||
.content #cl6:hover{ background:url(https://static.igem.org/mediawiki/2012/9/93/TECMTY_Allergen_notebook_hover.png) no-repeat;} | .content #cl6:hover{ background:url(https://static.igem.org/mediawiki/2012/9/93/TECMTY_Allergen_notebook_hover.png) no-repeat;} | ||
| - | . | + | |
| - | + | .msg_head { | |
| - | + | color:#414141; | |
| + | } | ||
| + | .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; | ||
| - | + | width:100%; | |
| - | + | background:#414141; | |
| - | + | ||
color:#FFF; | color:#FFF; | ||
| - | font-size: | + | 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 #replace { | .content #replace { | ||
| + | max-width:980px; | ||
border-radius:8px; | border-radius:8px; | ||
-moz-border-radius:7px; | -moz-border-radius:7px; | ||
| Line 178: | Line 212: | ||
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 307: | ||
$("#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 286: | Line 341: | ||
<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/1/10/TECMTY_Allergen_results_hover.png" alt="11" /> | ||
<img src="https://static.igem.org/mediawiki/2012/9/93/TECMTY_Allergen_notebook_hover.png" alt="12" /> | <img src="https://static.igem.org/mediawiki/2012/9/93/TECMTY_Allergen_notebook_hover.png" alt="12" /> | ||
| + | </span> | ||
| + | |||
| + | <div class="preload" id="content1"> | ||
| + | <div class="center-frame"> | ||
| + | <iframe width="560" height="315" src="http://www.youtube.com/embed/x4XJZpxcw9E" frameborder="0" allowfullscreen></iframe> | ||
| + | </div> | ||
| + | </div> | ||
| + | <span class="preload" id="content2"> | ||
| + | </span> | ||
| + | <span class="preload" id="content3"> | ||
| + | </span> | ||
| + | <span class="preload" id="content4"> | ||
</span> | </span> | ||
| Line 340: | Line 407: | ||
<td> | <td> | ||
<div id="tabs-back"> | <div id="tabs-back"> | ||
| - | + | <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"> </button> | ||
| + | </td> | ||
| + | <td width="25%"> | ||
| + | <button type="button" id="tab3" class="tabcolor"> </button> | ||
| + | </td> | ||
| + | <td width="25%"> | ||
| + | <button type="button" id="tab4" class="tabcolor tabrit"> </button> | ||
| + | </td> | ||
| + | </tr> | ||
| + | </table> | ||
</div> | </div> | ||
</td> | </td> | ||
| Line 347: | Line 429: | ||
<td> | <td> | ||
<div class="inner" id="replace"> | <div class="inner" id="replace"> | ||
| - | + | Waiting | |
</div> | </div> | ||
</td> | </td> | ||
Latest revision as of 00:54, 27 September 2012
|
||||
|
|
||||
|
Waiting
|
