Template
Flip card
From Dogcraft Wiki
m (-) |
m (link) |
||
| Line 3: | Line 3: | ||
<div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap"> | <div style="display:flex; gap:10px; justify-content:center;" class="flex-mobile-wrap"> | ||
{{FlipBox | {{FlipBox | ||
|class=lbox | |class=lbox | ||
|width:300px | |width:300px | ||
|file=GCS_Shepherd.png | |file=GCS_Shepherd.png | ||
| Line 12: | Line 12: | ||
{{FlipBox | {{FlipBox | ||
|class=lbox | |class=lbox | ||
|width:300px | |width:300px | ||
|file=Nether_hub.png | |file=Nether_hub.png | ||
| Line 20: | Line 20: | ||
{{FlipBox | {{FlipBox | ||
|class=lbox | |class=lbox | ||
|width:300px | |width:300px | ||
|file=Lotus_Isthmus_Road_2.jpg | |file=Lotus_Isthmus_Road_2.jpg | ||
| Line 28: | Line 28: | ||
{{FlipBox | {{FlipBox | ||
|class=lbox | |class=lbox | ||
|width:300px | |width:300px | ||
|file=SpiritOTFB_by_SosigRam.png | |file=SpiritOTFB_by_SosigRam.png | ||
| Line 36: | Line 36: | ||
{{FlipBox | {{FlipBox | ||
|class=lbox | |class=lbox | ||
|width:300px | |width:300px | ||
|file=Nether_hub.png | |file=Nether_hub.png | ||
| Line 44: | Line 44: | ||
</div> | </div> | ||
</noinclude><includeonly><div class="flip-card mw-customtoggle mw-customtoggle-fliptrigger" style="perspective:1000px;"><div class="{{{class|}}} flip-card-inner" style="height:100%; transition: transform 0.8s; transform-style: preserve-3d; background-color:{{{background|#E9EDEF}}}; max-width:{{{width|300px}}}; {{{style|}}} {{#if:{{{link|}}}|box-shadow: 0 2px 3px rgba(85, 85, 85, 0.2), 0 0 0 1px rgba(85, 85, 85, 0.2) | </noinclude><includeonly><div class="flip-card mw-customtoggle mw-customtoggle-fliptrigger" style="perspective:1000px;"><div class="{{{class|}}} flip-card-inner" style="height:100%; transition: transform 0.8s; transform-style: preserve-3d; background-color:{{{background|#E9EDEF}}}; max-width:{{{width|300px}}}; {{{style|}}} {{#if:{{{link|}}}|box-shadow: 0 2px 3px rgba(85, 85, 85, 0.2), 0 0 0 1px rgba(85, 85, 85, 0.2);|}}"><div class="flip-card-front" style="max-width:300px; position:relative; outline:solid #8b0024 4px; border-radius:5px; height:100%; overflow:clip;">[[File:{{{file|File missing}}}|frameless|{{{width|300px}}}]]<span style="position:absolute; height:100%; width:100%; top:0; left:0;"></span> | ||
{{Header|{{{title|Title}}}|margin=margin:0; height:100%;}}</div> | {{Header|{{{title|Title}}}|margin=margin:0; height:100%;}}</div> | ||
<div style="overflow:clip; padding:0 5px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); position:absolute; top:0; left:0; background:inherit; outline:solid #8b0024 4px; border-radius:5px; height:100%;" class="flip-card-back">{{{content|}}}{{#if: {{{link|}}}|[[{{{link|Main_Page}}}|<span class="{{{linkclass|}}}" style=" | <div style="overflow:clip; padding:0 5px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); position:absolute; top:0; left:0; background:inherit; outline:solid #8b0024 4px; border-radius:5px; height:100%;" class="flip-card-back"><p style="height:80%; overflow:clip;">{{{content|}}}</p><div style="height:20%; overflow:clip; display:flex; flex-direction:column; justify-content:center; text-align:center;">{{#if: {{{link|}}}|[[{{{link|Main_Page}}}|<span class="{{{linkclass|}}}" style="font-weight:bold; font-size:1.3rem;">Go to page</span>]]|}}</div></div> | ||
</div><span class="mw-collapsible" id="mw-customcollapsible-fliptrigger"></span></div></includeonly> | </div><span class="mw-collapsible" id="mw-customcollapsible-fliptrigger"></span></div></includeonly> | ||
Revision as of 01:16, 19 April 2022
This page was last modified on 19 April 2022, at 01:16. (11 months ago)
