Differenze tra le versioni di "Template:Tipi"

2 228 byte aggiunti ,  12:44, 17 lug 2017
Gradients and responsiveness
m
(Gradients and responsiveness)
{| class="roundy-20 pull-right text-center width-sm-100 no-margin-sm" style="padding: 0.5em; margin-left: 0.5em; margin-right: 0.5em; {{#invoke: css | horiz-grad | type = pcwiki }};"
{| cellspacing="3" cellpadding="2" style="padding: 0.5em; border: 2px solid #{{#invoke:colore|{{{1|pcwiki}}}|dark}}; background-color: #{{#invoke:colore|{{{1|pcwiki}}}|light}}; {{roundy|20px}} float: right; margin: 0 0.5em; text-align: center;"
|- style="height: 100%;"
|-
! colspan="2" | {{colore2|000|Tipo|Tipi}}
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |normale}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | normale | dark | normale }};" | >{{colore2|FFFtcolore|Normale (tipo)|NormaleFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |fuoco}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | fuoco | dark | fuoco }};" | >{{colore2|FFFtcolore|Fuoco (tipo)|FuocoFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |lotta}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | lotta | dark | lotta }};" | >{{colore2|FFFtcolore|Lotta (tipo)|LottaFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |acqua}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | acqua | dark | acqua }};" | >{{colore2|FFFtcolore|Acqua (tipo)|AcquaFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |volante}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | volante | dark | volante }};" | >{{colore2|FFFtcolore|Volante (tipo)|VolanteFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |erba}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | erba | dark | erba }};" | >{{colore2|FFFtcolore|Erba (tipo)|ErbaFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |veleno}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | veleno | dark | veleno }};" | >{{colore2|FFFtcolore|Veleno (tipo)|VelenoFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |elettro}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | elettro | dark | elettro }};" | >{{colore2|FFFtcolore|Elettro (tipo)|ElettroFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |terra}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | terra | dark | terra }};" | >{{colore2|FFFtcolore|Terra (tipo)|TerraFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |psico}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | psico | dark | psico }};" | >{{colore2|FFFtcolore|Psico (tipo)|PsicoFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |roccia}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | roccia | dark | roccia }};" | >{{colore2|FFFtcolore|Roccia (tipo)|RocciaFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |ghiaccio}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | ghiaccio | dark | ghiaccio }};" | >{{colore2|FFFtcolore|Ghiaccio (tipo)|GhiaccioFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |coleottero}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | coleottero | dark | coleottero }};" | >{{colore2|FFFtcolore|Coleottero (tipo)|ColeotFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |drago}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | drago | dark | drago }};" | >{{colore2|FFFtcolore|Drago (tipo)|DragoFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |spettro}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | spettro | dark | spettro }};" | >{{colore2|FFFtcolore|Spettro (tipo)|SpettroFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |buio}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | buio | dark | buio }};" | >{{colore2|FFFtcolore|Buio (tipo)|BuioFFF}}</div>
|- style="height: 100%;"
|-
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |acciaio}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | acciaio | dark | acciaio }};" | >{{colore2|FFFtcolore|Acciaio (tipo)|AcciaioFFF}}</div>
| class="roundywidth-xl-50" style="backgroundpadding: #{{#invoke:colore0.5em;" |folletto}} <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; borderpadding: 1px0.5ex solid0.3em; #{{#invoke:colore css | horiz-grad | folletto | dark | folletto }};" | >{{colore2|FFFtcolore|Folletto (tipo)|FollettoFFF}}</div>
|- style="height: 100%;"
|-
| class="width-xl-50" style="padding: 0.5em; padding-top: 1.5em;" | <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; padding: 0.5ex 0.3em; {{#invoke: css | horiz-grad | sconosciuto | dark | sconosciuto }};">{{tcolore|Sconosciuto|FFF}}</div>
| colspan="2" | <hr style="border: 0; background-color: #{{#invoke:colore|{{{1|pcwiki}}}|dark}}; height: 2px;" />
| class="width-xl-50" style="padding: 0.5em; padding-top: 1.5em;" | <div class="text-center roundy-5 flex flex-row flex-main-center flex-items-center" style="height: 100%; padding: 0.5ex 0.3em; {{#invoke: css | horiz-grad | ombra | dark | ombra }};">{{tcolore|Ombra|FFF}}</div>
|-
| class="roundy" style="background: #{{#invoke:colore|sconosciuto}}; border: 1px solid #{{#invoke:colore|sconosciuto|dark}};" | {{colore2|FFF|Sconosciuto (tipo)|???}}
| class="roundy" style="background: #{{#invoke:colore|ombra}}; border: 1px solid #{{#invoke:colore|ombra|dark}};" | {{colore2|FFF|Ombra (tipo)|Ombra}}
|}
<includeonly>[[Categoria:Tipi|{{{2|{{PAGENAME}}}}}]]</includeonly><noinclude>[[Categoria:Template navigazione]]</noinclude>