Template:Flip card: Difference between revisions

Line 46:

</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; border-radius:5px; 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; 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;}}</div>

<div style="overflow:clip; padding:5px 10px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); position:absolute; top:0; left:0; background:inherit; box-shadow:~~inset 0px 0px 0px~~ 3px ~~#8b0024~~; border-radius:5px; height:calc(100% - 10px);" class="flip-card-back"><p style="{{#if: {{{link|}}}|height:80%;|}} overflow:clip;">{{{content|}}}</p>{{#if: {{{link|}}}|<div style="height:20%; overflow:clip; display:flex; flex-direction:column; justify-content:center; text-align:center;">[[{{{link|Main_Page}}}|<span class="{{{linkclass|}}}" style="font-weight:bold; font-size:1.3rem;">Go to page</span>]]</div>|}}</div>

<div style="overflow:clip; padding:5px 10px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); position:absolute; top:0; left:0; background:inherit; box-shadow:0 2px 3px rgba(85,85,85,0.45),0 0 10px rgba(85,85,85,0.45); border-radius:5px; height:calc(100% - 10px);" class="flip-card-back"><p style="{{#if: {{{link|}}}|height:80%;|}} overflow:clip;">{{{content|}}}</p>{{#if: {{{link|}}}|<div style="height:20%; overflow:clip; display:flex; flex-direction:column; justify-content:center; text-align:center;">[[{{{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>

@@ Line 46: / Line 46: @@
 </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; border-radius:5px; 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; 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;}}</div>
-<div style="overflow:clip; padding:5px 10px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); position:absolute; top:0; left:0; background:inherit; box-shadow:inset 0px 0px 0px 3px #8b0024; border-radius:5px; height:calc(100% - 10px);" class="flip-card-back"><p style="{{#if: {{{link|}}}|height:80%;|}} overflow:clip;">{{{content|}}}</p>{{#if: {{{link|}}}|<div style="height:20%; overflow:clip; display:flex; flex-direction:column; justify-content:center; text-align:center;">[[{{{link|Main_Page}}}|<span class="{{{linkclass|}}}" style="font-weight:bold; font-size:1.3rem;">Go to page</span>]]</div>|}}</div>
+<div style="overflow:clip; padding:5px 10px; -webkit-backface-visibility:hidden; backface-visibility:hidden; transform:rotateY(180deg); position:absolute; top:0; left:0; background:inherit; box-shadow:0 2px 3px rgba(85,85,85,0.45),0 0 10px rgba(85,85,85,0.45); border-radius:5px; height:calc(100% - 10px);" class="flip-card-back"><p style="{{#if: {{{link|}}}|height:80%;|}} overflow:clip;">{{{content|}}}</p>{{#if: {{{link|}}}|<div style="height:20%; overflow:clip; display:flex; flex-direction:column; justify-content:center; text-align:center;">[[{{{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>

Template

Flip card

Revision as of 00:56, 25 June 2022