|
|
| Línea 1: |
Línea 1: |
| {| id="{{{id|Mbox{{SAFESUBST:<noinclude />#vardefineecho:index|{{SAFESUBST:<noinclude />#expr:{{SAFESUBST:<noinclude />#var:index|0}} + 1}}}}}}}" style="background-color: #fbfbfb; width: {{SAFESUBST:<noinclude />lc:{{{ancho|50%}}}}}; border: 1px #a2a9b1 solid; border-left: 10px solid #{{SAFESUBST:<noinclude />#switch:{{SAFESUBST:<noinclude />lc:{{{tipo|}}}}}|alerta|peligro|aviso=B22222|config|error|construccion=F28500|noticia|info=1E90FF|encuesta|idea|nota=F4C430|anuncio=BBBBAA|discusion=BBBBAA|#default=1E90FF}}; margin: {{{margin|1em auto}}}; float: {{{float|none}}}; {{{style|}}}" cellpadding="0px"
| | <div class="tabbed-container full-body-tab"> |
| | style="width: 1px;"| <!-- COLORBAR --> <!-- COLORBAR --> <!-- COLORBAR -->
| | <ul class="tabs"> |
| | style="width: {{SAFESUBST:<noinclude />lc:{{{imgsize|50px}}} }}; text-align: center; vertical-align: middle;{{{imgstyle|}}}"|{{{image|[[File:{{SAFESUBST:<noinclude />#switch:{{SAFESUBST:<noinclude />lc:{{{tipo|}}} }}|nota=nota es.png|alerta|peligro|aviso=alert es.png|noticia=news es.png|encuesta=poll es.png|info=info es.png|anuncio=announce es.png|discusion=discuss es.png|idea=idea es.png|config=config es.png|construccion|error=error es.png |#default=waze.png}}|frameless|{{SAFESUBST:<noinclude />lc:{{{imgsize|50px}}} }}|link=]] }}}
| | <li class="tab-trigger active" rel="tab1">Tab #1</li> |
| | style="text-align: left; vertical-align: middle;"|{{SAFESUBST:< noinclude /># ifeq:{{{header|< noinclude> header</ noinclude> }}}|||<div style="font- weight: bold; font- size: 115%; {{{header style|}}}"> ''{{{header< noinclude> |header< /noinclude>}}}''</div> }}<div style=" {{{text style|{{{note style|}}}}}}"> {{{note|{{{text|< noinclude> note</ noinclude> }}}}}}</div> | | <li class="tab-trigger" rel="tab2">Tab #2</li> |
| | style="width: 1px;"| <!-- COLORBAR --> <!-- COLORBAR --> <!-- COLORBAR -->
| | </ul> |
| |}
| | <div class="tab-container"> |
| <includeonly>{{#ifeq:{{IO|{{{nocat|0}}}}}|1||{{#if:{{{category|}}}|[[Category:{{{category}}}]]}}{{#if:{{{category2|}}}|[[Category:{{{category2}}}]]}}{{#if:{{{category3|}}}|[[Category:{{{category3}}}]]}}}}</includeonly> | | <div id="tab1" class="tab-content"> |
| <noinclude>{{Mbox/Doc}}[[Category:Meta templates]]</noinclude>
| | <div class="content-inner"> |
| | <p>Animation fires on page load.</p> |
| | <span class="animate-me"></span> |
| | <p>CSS Animation moves red block from left to right.</p> |
| | <p>Now, check out Tab #2 and come back to Tab #1.</p> |
| | </div> |
| | </div><!--tab-content--><!-- #tab1 --> |
| | |
| | |
| | <div id="tab2" class="tab-content"> |
| | <div class=" content-inner"> |
| | <p>Go back to Tab #1 the animation will not re-fire.</p> |
| | |
| | </div> |
| | </div><!-- tab-content --><!-- #tab2 --> |
| | |
| | </div><!-- .tab-container --> |
| | </div> |
