Differenze tra le versioni di "Template:InfoPercorso"

Restyling completo, responsiveness, update 7th gen
(Restyling completo, responsiveness, update 7th gen)
{|<div class="flex flex-row flex-wrap flex-items-center flex-main-space-around roundy pull-right text-center width-xl-3025 width-xslg-33 width-md-50 width-sm-100" style="background: #{{#invoke: colorecss | horizGrad | zona_{{{tipo|terra}}} | med}}; border: 3px solid #{{#invoke: colorelight | zona_{{{tipo|terra}}} | darknormale}} margin-left: 1em; margin-bottom: 1em; padding: 0.8ex;">
<div style="color: #{{#invoke: colore | zona_text | {{{tipo|terra}}}}};">
|-
<div style="font-size: 195%;">'''{{{nome|Percorso {{{nomepercorso|0}}}}}}'''</div>{{#if: {{{regione|}}} | <div>'''{{{regione}}}'''</div>}}{{#if: {{{sevii|}}} |
| class="roundy align-middle" style="padding: 5px; border: 2px solid #{{#invoke: colore | zona_{{{tipo|terra}}} | dark}}; background: #{{#invoke: colore | zona_{{{tipo|terra}}} | light}}; color:#{{#invoke: colore | zona_text | {{{tipo|terra}}}}};" | <div class="grid" style="width: 100%;">
<div>'''{{{sevii|}}}isola'''</div>}}{{#if: {{{nome2|}}} |
<div class="grid-row">
<div>'''{{{nome2|}}}'''</div>}}
<div class="grid-cell ailgn-middle">
<div style="font-size: 195%;">'''{{{nome|Percorso {{{nomepercorso|0}}}}}}'''</div>{{#if: {{{regione|}}} | <div>'''{{{regione}}}'''</div>}}{{#if: {{{sevii|}}} | <div>'''{{{sevii|}}}isola'''</div>}}{{#if: {{{nome2|}}} | <div>'''{{{nome2|}}}'''</div>}}
</div>
<div class="small-text" style="color: #{{#invoke: colore | zona_text | {{{tipo|terra}}}}};">
<div class="grid-cell align-middle text-small" style="margin-left: 15%;"><div lang="ja" style="padding-bottom: 2px;">'''{{tt|{{{jpname|{{{nomepercorso|0}}}ばん{{#ifeq: {{{tipo|terra}}}|oceano|すいどう|どうろ}}}}}|{{{jptrans|Percorso{{#ifeq: {{{tipo|terra}}}|oceano|&nbsp;Marino}} {{{nomepercorso|0}}}}}}}}'''</div>''{{{enname|Route {{{nomepercorso|0}}}}}}''
<div lang="ja" style="padding-bottom: 0.3ex;">'''{{tt|{{{jpname|{{{nomepercorso|0}}}ばん{{#ifeq: {{{tipo|terra}}} | oceano | すいどう | どうろ}}}}}|{{{jptrans|Percorso{{#ifeq: {{{tipo|terra}}} | oceano | &nbsp;Marino}} {{{nomepercorso|0}}}}}}}}'''</div>
</div>
<div>''{{{enname|Route {{{nomepercorso|0}}}}}}''</div>
</div>
</div>{{#if: {{{image|}}} |
<div class="width-xl-100" style="padding: 1ex;">
|-
<div class="roundy inline-block img-fluid" style="background: #fff; padding: 1ex;">[[File:{{{image|}}}|{{{size|300}}}px]]</div>
{{#if: {{{image|}}} |
</div>}}{{#if: {{{mapdesc|}}} |
{{!}} <div class="roundy inline-block" style="background: #FFF; padding: 3px;">[[File:{{{image|}}}|{{{size|300}}}px]]</div>
<div class="width-xl-100" style="color: #{{#invoke: colore | zona_text | {{{tipo|terra}}}}};">'''Descrizione mappa'''</div>
}}
<div class="width-xl-100 roundy" style="background: #fff; padding: 0.5ex;">{{{mapdesc|ciao}}}</div>}}{{#if: {{{cut|}}}{{{surf|}}}{{{strength|}}}{{{flash|}}}{{{defog|}}}{{{whirlpool|}}}{{{rocksmash|}}}{{{waterfall|}}}{{{dive|}}}{{{rockclimb|}}}{{{bike|}}}{{{mach|}}}{{{acro|}}}{{{tauros|}}}{{{lapras|}}}{{{sharpedo|}}}{{{mudsdale|}}}{{{machamp|}}} |
|-
<div class="width-xl-100" style="padding-top: 1ex;">'''{{colore|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Necessari per l'esplorazione}}'''</div>{{#ifeq: {{{cut|}}} | yes |
{{#if: {{{mapdesc|}}} |
{{InfoPercorso/box|cut|{{{cutnote|}}}}}}}{{#ifeq: {{{surf|}}} | yes |
{{!}} class="roundy" style="border: 2px solid #{{#invoke: colore | zona_{{{tipo|terra}}} | dark}}; background: #{{#invoke: colore | zona_{{{tipo|terra}}} | light}}; color: #{{#invoke: colore | zona_text | {{{tipo|terra}}}}};" {{!}} '''Descrizione mappa'''<div style="background: #FFF; {{roundy|8px}} padding: 3px;">{{{mapdesc|ciao}}}</div>
{{InfoPercorso/box|surf|{{{surfnote|}}}}}}}{{#ifeq: {{{strength|}}} | yes |
}}
{{InfoPercorso/box|strength|{{{strengthnote|}}}}}}}{{#ifeq: {{{flash|}}} | yes |
|-
{{InfoPercorso/box|flash|{{{flashnote|}}}}}}}{{#ifeq: {{{defog|}}} | yes |
{{#if: {{{cut|}}}{{{surf|}}}{{{strength|}}}{{{flash|}}}{{{defog|}}}{{{whirlpool|}}}{{{rocksmash|}}}{{{waterfall|}}}{{{dive|}}}{{{rockclimb|}}}{{{bike|}}}{{{mach|}}}{{{acro|}}} |
{{InfoPercorso/box|defog|{{{defognote|}}}}}}}{{#ifeq: {{{whirlpool|}}} | yes |
{{!}} class="roundy" style="border: 2px solid #{{#invoke: colore | zona_{{{tipo|terra}}} | dark}}; background: #{{#invoke: colore | zona_{{{tipo|terra}}} | light}};" {{!}} <div>{{colore|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|'''Necessari per l'esplorazione'''}}</div>
{{InfoPercorso/box|whirlpool|{{{whirlpoolnote|}}}}}}}{{#ifeq: {{{rocksmash|}}} | yes |
{{#ifeq: {{{cut|}}} | yes | {{InfoPercorso/box|cut|{{{cutnote|}}}}}}}{{#ifeq: {{{surf}}} | yes | {{InfoPercorso/box|surf|{{{surfnote|}}}}}}}{{#ifeq: {{{strength}}} | yes | {{InfoPercorso/box|strength|{{{strengthnote|}}}}}}}{{#ifeq: {{{flash}}} | yes | {{InfoPercorso/box|flash|{{{flashnote|}}}}}}}{{#ifeq: {{{defog}}} | yes | {{InfoPercorso/box|defog|{{{defognote|}}}}}}}{{#ifeq: {{{whirlpool}}} | yes | {{InfoPercorso/box|whirlpool|{{{whirlpoolnote|}}}}}}}{{#ifeq: {{{rocksmash}}} | yes | {{InfoPercorso/box|rocksmash|{{{rocksmashnote|}}}}}}}{{#ifeq: {{{waterfall}}} | yes | {{InfoPercorso/box|waterfall|{{{waterfallnote|}}}}}}}{{#ifeq: {{{dive}}} | yes | {{InfoPercorso/box|dive|{{{divenote|}}}}}}}{{#ifeq: {{{rockclimb}}} | yes | {{InfoPercorso/box|rockclimb|{{{rockclimbnote|}}}}}}}{{#ifeq: {{{bike}}} | yes | {{InfoPercorso/box|bike|{{{bikenote|}}}}}}}{{#ifeq: {{{acro}}} | yes | {{InfoPercorso/box|acro|{{{acronote|}}}}}}}{{#ifeq: {{{mach}}} | yes | {{InfoPercorso/box|mach|{{{machnote|}}}}}}}}}
{{InfoPercorso/box|rocksmash|{{{rocksmashnote|}}}}}}}{{#ifeq: {{{waterfall|}}} | yes |
|-
{{InfoPercorso/box|waterfall|{{{waterfallnote|}}}}}}}{{#ifeq: {{{dive|}}} | yes |
| class="roundy" style="border: 2px solid #{{{colordark|{{#invoke: colore | zona_{{{tipo|terra}}} | dark}}}}}; background: #{{{colorlight|{{#invoke: colore | zona_{{{tipo|terra}}} | light}}}}};" | <div>'''{{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Percorso|Zone adiacenti}}'''</div>
{{InfoPercorso/box|dive|{{{divenote|}}}}}}}{{#ifeq: {{{rockclimb|}}} | yes |
<div class="grid" style="width: 100%;">
{{InfoPercorso/box|rockclimb|{{{rockclimbnote|}}}}}}}{{#ifeq: {{{bike|}}} | yes |
<div class="grid-row">{{#if: {{{north|}}}{{{altnorth|}}} |
{{InfoPercorso/box|bike|{{{bikenote|}}}}}}}{{#ifeq: {{{acro|}}} | yes |
<div class="grid-cell" style="width: 30%;">&nbsp;</div>
{{InfoPercorso/box|acro|{{{acronote|}}}}}}}{{#ifeq: {{{mach|}}} | yes |
<div class="grid-cell" style="background: #fff; width: 40%; {{roundytop|100px}}">
{{InfoPercorso/box|mach|{{{machnote|}}}}}}}{{#ifeq: {{{tauros|}}} | yes |
{{InfoPercorso/box|tauros|{{{taurosnote|}}}}}}}{{#ifeq: {{{lapras|}}} | yes |
{{InfoPercorso/box|lapras|{{{laprasnote|}}}}}}}{{#ifeq: {{{sharpedo|}}} | yes |
{{InfoPercorso/box|sharpedo|{{{sharpedonote|}}}}}}}{{#ifeq: {{{mudsdale|}}} | yes |
{{InfoPercorso/box|mudsdale|{{{mudsdalenote|}}}}}}}{{#ifeq: {{{machamp|}}} | yes |
{{InfoPercorso/box|machamp|{{{machampnote|}}}}}}}}}
<div class="width-xl-100">'''{{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Percorso|Zone adiacenti}}'''</div>{{#if: {{{north|}}}{{{altnorth|}}} |
<div class="width-xl-100">
<div class="width-xl-40 pull-center" style="background: #fff; border-radius: 10em 10em 0 0;">
<div>&uarr;</div>
<div>{{colore2|000|{{{altnorth|{{{north}}}}}}{{#if: {{{regionnorth|}}} | &nbsp;({{{regionnorth|}}})}}|{{{altnorth|{{{north}}}}}}}}{{#if:{{{northnotes|}}} | {{tt|*|{{{northnotes|}}}}}}}{{#if: {{{north2|}}} | &nbsp;e {{colore2|000|{{{north2}}}{{#if:{{{regionnorth2|}}} | &nbsp;({{{regionnorth2|}}})}}|{{{altnorth2|{{{north2}}}}}}}}{{#if:{{{north2notes|}}} | {{tt|*|{{{north2notes|}}}}}}}}}</div>
</div>
</div>}}
<div class="grid-cell" style="width: 30%;">&nbsp;</div>
<div class="width-xl-30 {{#if: {{{west|}}}{{{altwest|}}} | flex-item-self-stretch flex flex-row flex-nowrap flex-items-center flex-main-space-between" style="background: #fff; border-radius: 10em 0 0 10em;">
</div>
<div class="gridtext-rowleft">}}&larr;</div>
<div class="text-right">{{colore2|000|{{{altwest|{{{west}}}}}} {{#if: {{{regionwest|}}} | ({{{regionwest|}}})}}|{{{altwest|{{{west}}}}}}}}{{#if: {{{westnotes|}}} | {{tt|*|{{{westnotes|}}}}}}}{{#if: {{{west2|}}} | &nbsp;e {{colore2|000|{{{west2}}} {{#if:{{{regionwest2|}}} | ({{{regionwest2|}}})}}|{{{altwest2|{{{west2}}}}}}}}{{#if: {{{west2notes|}}} | {{tt|*|{{{west2notes|}}}}}}}}}</div> | ">&nbsp;}}</div>
<div class="grid-cell align-middle" style="width: 30%; {{#if: {{{west|}}}{{{altwest|}}} | background: #fff; {{roundyleft|100px}}">
<div style="background: #fff;" class="flex-item-self-stretch width-xl-40 flex flex-row flex-nowrap flex-items-center flex-main-center {{#if: {{{north|}}}{{{altnorth|}}}{{{east|}}}{{{alteast|}}}{{{west|}}}{{{altwest|}}}{{{south|}}}{{{altsouth|}}} | ">'''{{#if: {{{nomepercorso|}}} | Percorso {{{nomepercorso|0}}} | {{{nome}}}}} | roundy">'''Nessuno}}'''</div>
<div class="grid" style="width: 100%;">
<div class="width-xl-30 {{#if: {{{east|}}}{{{alteast|}}} | flex-item-self-stretch flex flex-row flex-nowrap flex-items-center flex-main-space-between" style="background: #fff; border-radius: 0 10em 10em 0;">
<div class="grid-row">
<div class="text-left">{{colore2|000|{{{alteast|{{{east}}}}}} {{#if: {{{regioneast|}}} | ({{{regioneast|}}})}}|{{{alteast|{{{east}}}}}}}}{{#if: {{{eastnotes|}}} | {{tt|*|{{{eastnotes|}}}}}}}{{#if: {{{east2|}}} | &nbsp;e {{colore2|000|{{{east2}}} {{#if:{{{regioneast2|}}} | ({{{regioneast2|}}})}}|{{{alteast2|{{{east2}}}}}}}}{{#if: {{{east2notes|}}} | {{tt|*|{{{east2notes|}}}}}}}}}</div>
<div class="grid-cell align-middle">&larr;</div>
<div class="text-right">&rarr;</div> | ">&nbsp;}}</div>{{#if: {{{south|}}}{{{altsouth|}}} |
<div class="grid-cell align-middle text-right">{{colore2|000|{{{altwest|{{{west}}}}}} {{#if: {{{regionwest|}}} | ({{{regionwest|}}})}}|{{{altwest|{{{west}}}}}}}}{{#if: {{{westnotes|}}} | {{tt|*|{{{westnotes|}}}}}}}{{#if: {{{west2|}}} | &nbsp;e {{colore2|000|{{{west2}}} {{#if:{{{regionwest2|}}} | ({{{regionwest2|}}})}}|{{{altwest2|{{{west2}}}}}}}}{{#if: {{{west2notes|}}} | {{tt|*|{{{west2notes|}}}}}}}}}</div>
<div class="width-xl-100">
</div>
<div class="width-xl-40 pull-center" style="background: #fff; border-radius: 0 0 10em 10em;">
</div> | ">&nbsp;}}</div>
<div style="width: 40%; background: #fff;" class="grid-cell align-middle {{#if: {{{north|}}}{{{altnorth|}}}{{{east|}}}{{{alteast|}}}{{{west|}}}{{{altwest|}}}{{{south|}}}{{{altsouth|}}} | ">'''{{#if: {{{nomepercorso|}}} | Percorso {{{nomepercorso|0}}} | {{{nome}}}}} | roundy">'''Nessuno}}'''</div>
<div class="grid-cell align-middle" style="width: 30%; {{#if: {{{east|}}}{{{alteast|}}} | background: #fff; {{roundyright|100px}}">
<div class="grid" style="width: 100%;">
<div class="grid-row">
<div class="grid-cell align-middle text-left">{{colore2|000|{{{alteast|{{{east}}}}}} {{#if: {{{regioneast|}}} | ({{{regioneast|}}})}}|{{{alteast|{{{east}}}}}}}}{{#if: {{{eastnotes|}}} | {{tt|*|{{{eastnotes|}}}}}}}{{#if: {{{east2|}}} | &nbsp;e {{colore2|000|{{{east2}}} {{#if:{{{regioneast2|}}} | ({{{regioneast2|}}})}}|{{{alteast2|{{{east2}}}}}}}}{{#if: {{{east2notes|}}} | {{tt|*|{{{east2notes|}}}}}}}}}</div>
<div class="grid-cell align-middle">&rarr;</div>
</div>
</div> | ">&nbsp;}}</div>
</div>{{#if: {{{south|}}}{{{altsouth|}}} |
<div class="grid-row">
<div class="grid-cell">&nbsp;</div>
<div class="grid-cell" style="background: #fff; {{roundybottom|100px}}">
<div>{{colore2|000|{{{altsouth|{{{south}}}}}} {{#if: {{{regionsouth|}}} | ({{{regionsouth|}}})}}|{{{altsouth|{{{south}}}}}}}}{{#if: {{{southnotes|}}} | {{tt|*|{{{southnotes|}}}}}}}{{#if: {{{south2|}}}|&nbsp;e {{colore2|000|{{{south2}}} {{#if: {{{regionsouth2|}}} | ({{{regionsouth2|}}})}}|{{{altsouth2|{{{south2}}}}}}}}{{#if: {{{south2notes|}}} | {{tt|*|{{{south2notes|}}}}}}}}}</div>
<div>&darr;</div>
</div>
<div class="grid-cell" style="width: 30%;">&nbsp;</div>
</div>}}
<div class="width-xl-100" style="padding-top: 1ex;">'''{{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Regione|Zona}}'''</div>
<div class="width-xl-100 img-fluid">[[File:{{{regionmap|{{{regione}}} MappaPercorso{{{nomepercorso|0}}}.gif}}}]]</div>
<div class="width-xl-100 small-text" style="color: #{{#invoke: colore | zona_text | {{{tipo|terra}}}}};">Posizione {{#if:{{{nomepercorso|}}}|del Percorso {{{nomepercorso|0}}}|di {{{nome}}}}} nel{{#switch: {{{regione|}}} | Settipelago = | l{{#if: {{{regione2|}}} | e regioni | a regione}} di}} {{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|{{{regione}}}}}{{#if: {{{regione2|}}} | &nbsp;e {{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|{{{regione2}}}}}}}.</div>{{#if: {{{prima|}}}{{{dopo|}}}{{{nomepercorso|}}} |
<div class="width-xl-100" style="padding-top: 1ex;">'''{{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Elenco dei percorsi del mondo Pokémon|Percorsi del mondo Pokémon}}'''</div>
<div class="roundy-15 width-xl-100 flex flex-row flex-wrap flex-main-stretch flex-items-center" style="background: #fff;">
<div class="flex flex-row flex-nowrap flex-main-start flex-items-center" style="padding: 0.5ex;">
<div>{{colore2|000|{{{prima|Percorso {{#expr: {{{nomepercorso|0}}} - 1}} ({{{regionprev|{{{regione|Kanto}}}}}})}}}|&larr;&nbsp;}}</div>
<div>{{colore2|000|{{{prima|Percorso {{#expr: {{{nomepercorso|0}}} - 1}} ({{{regionprev|{{{regione|Kanto}}}}}})}}}|{{{prima|Percorso {{#expr: {{{nomepercorso|0}}} - 1}}}}}}}</div>
</div>
<div class="flex flex-row flex-nowrap flex-main-end flex-items-center" style="padding: 0.5ex;">
|-
<div>{{colore2|000|{{{dopo|Percorso {{#expr: {{{nomepercorso|0}}} + 1}} ({{{regionnext|{{{regione|Kanto}}}}}})}}}|{{{dopo|Percorso {{#expr: {{{nomepercorso|0}}} + 1}}}}}}}</div>
| class="roundy" style="border: 2px solid #{{#invoke: colore | zona_{{{tipo|terra}}} | dark}}; background: #{{#invoke: colore | zona_{{{tipo|terra}}} | light}};" | <div>'''{{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Regione|Zona}}'''</div>
<div>[[File:{{colore2|000|{regionmap{{dopo|Percorso {{#expr: {regione{{nomepercorso|0}}} MappaPercorso+ 1}} ({{{nomepercorsoregionnext|0{{{regione|Kanto}}}.gif}}}]])}}}|&nbsp;&rarr;}}</div>
</div>
<div class="small-text" style="color: #{{#invoke: colore | zona_text | {{{tipo|terra}}}}};">Posizione {{#if:{{{nomepercorso|}}}|del Percorso {{{nomepercorso|0}}}|di {{{nome}}}}} nel{{#switch: {{{regione|}}} | Settipelago = | l{{#if: {{{regione2|}}} | e regioni | a regione}} di}} {{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|{{{regione}}}}}{{#if: {{{regione2|}}} | &nbsp;e {{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|{{{regione2}}}}}}}.</div>
</div>}}
|-
</div><noinclude>[[Categoria:Template Infobox|{{BASEPAGENAME}}]]</noinclude>
{{#if: {{{prima|}}}{{{dopo|}}}{{{nomepercorso|}}} |
{{!}} class="roundy" style="padding: 5px; border: 2px solid #{{#invoke: colore | zona_{{{tipo|terra}}} | dark}}; background: #{{#invoke: colore | zona_{{{tipo|terra}}} | light}};" {{!}} <div>{{colore2|{{#invoke: colore | zona_text | {{{tipo|terra}}}}}|Elenco dei percorsi del mondo Pokémon|'''Percorsi del mondo Pokémon'''}}</div>
<div class="roundyleft pull-left text-left" style="padding: 1px 4px; background: #FFF; width: 46%;"><span class="pull-left">{{colore2|000|{{{prima|Percorso {{#expr: {{{nomepercorso|0}}} - 1}} ({{{regionprev|{{{regione|Kanto}}}}}})}}}|&larr;}}</span><span class="pull-right">{{colore2|000|{{{prima|Percorso {{#expr: {{{nomepercorso|0}}} - 1}} ({{{regionprev|{{{regione|Kanto}}}}}})}}}|{{{prima|Percorso {{#expr: {{{nomepercorso|0}}} - 1}}}}}}}</span></div><div class="roundyright pull-right" style="padding: 1px 4px; background: #FFF; width: 46%;"><span class="pull-left">{{colore2|000|{{{dopo|Percorso {{#expr: {{{nomepercorso|0}}} + 1}} ({{{regionnext|{{{regione|Kanto}}}}}})}}}|{{{dopo|Percorso {{#expr: {{{nomepercorso|0}}} + 1}}}}}}}</span><span class="pull-right">{{colore2|000|{{{dopo|Percorso {{#expr: {{{nomepercorso|0}}} + 1}} ({{{regionnext|{{{regione|Kanto}}}}}})}}}|&rarr;}}</span></div>}}
|}<noinclude>[[Categoria:Template Infobox|{{BASEPAGENAME}}]]</noinclude>