Template:Spoiler: Difference between revisions

Latest revision as of 13:54, 8 June 2025

This content has {{#var:spoilers}} for {{{2}}}. To view it, click the button below.

View

{{{1}}}

Hide

{{#vardefine: base page |

   Template:Spoiler

}}{{#vardefine: current page | Template:Spoiler}}{{#vardefine: doc page |

 {{#var: base page}}/doc

}}{{#vardefine: namespace |

 Template

}}{{#vardefine: preload |

 Template:Documentation/preload&summary=Create+%2Fdoc+subpage+for+%5B%5B%7B%7B%23var%3A+base+page%7D%7D%5D%5D&editintro=Template:Documentation/editintro-doc

}}{{#vardefine: preload-sandbox |

 Template:Documentation/preload-sandbox&summary=Create+sandbox+subpage+for+experimenting+on+template+%5B%5B%7B%7B%23var%3A+base+page%7D%7D%5D%5D

}}{{#vardefine: sandbox |

 {{#var: base page}}/sandbox

}}{{#vardefine: page text |

 page

}}{{#vardefine: doc image |

}}

{{#var: doc image }}{{#var: page text}} Documentation[[[[:Template:Fullurl:]] create] | [[Special:Purge/{{#var: current page}}|purge]]]

The documentation for this {{#var: page text}} does not exist. Create it at [[[:Template:Fullurl:]] {{#var: doc page}}].

[[[:Template:Fullurl:]] Create documentation] for this template.
Editors can experiment in this {{#var: page text}}'s sandbox ([[[:Template:Fullurl:]] create] | [[[:Template:Fullurl:]] mirror]) page.
[[Special:PrefixIndex/{{#var: current page}}|Subpages of this {{#var: page text}}]].

@@ Line 2: / Line 2: @@
 --><div class="mw-collapsible" id="mw-customcollapsible-HideSpoiler"><!-- warning & unhide button
 ---><div style="display:flex;background: linear-gradient(to left,#6F468533, #350DCE33); box-shadow: 0 4px 6px rgba(0, 0, 0, .4); margin: 10px 5px 15px 5px; text-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .25); border-radius: 20px; padding: 12px;border: 5px solid #6F468577"><!-- element style
-----><div style="float:left">[[File:Cannot.png|center|100px|link=]]</div><!--
+----><div style="float:left; align-content: center">[[File:Cannot.png|center|100px|link=]]</div><!--
 ----><div style="flex-direction:column;align-items: stretch; justify-content: center;width:100%;text-align:center"><!-- flexbox
------><p>'''The following content has {{#var:spoilers}} for {{{2}}}. To unhide ALL spoilers, click the button below.'''</p><!--
+-----><p>'''This content has {{#var:spoilers}} for {{{2}}}. To view it, click the button below.'''</p><!--
 -----><div style="display:flex"><!-- button wrapper
-------><span class="mw-customtoggle-ToggleSpoilers mw-customtoggle-HideSpoiler wds-button" style="width: 50px;background:rgba(0,0,0,.3);padding:12px 25px;border: 5px solid #6F468577;border-radius:12px;background-color:rgba(var(--theme-accent-color--rgb),0.1);color:#fff;margin:auto;font-size:100%">Unhide</span><!--
+------><span class="mw-customtoggle-ToggleSpoilers mw-customtoggle-HideSpoiler wds-button" style="background:rgba(0,0,0,.3);padding:12px 25px;border: 5px solid #6F468577;border-radius:12px;background-color:rgba(var(--theme-accent-color--rgb),0.1);color:#fff;margin:auto;font-size:100%">View</span><!--
 -----></div><!-- button wrapper
 ----></div><!-- flexbox
@@ Line 14: / Line 14: @@
 ---><div style="display:flex; background: linear-gradient(to left,#6F468533, #350DCE33); box-shadow: 0 4px 6px rgba(0, 0, 0, .4); margin: 10px 5px 15px 5px; text-shadow: 0 2px 4px rgba(0, 0, 0, .16), 0 2px 4px rgba(0, 0, 0, .25); border-radius: 20px; padding: 12px;border: 5px solid #6F468577"><!-- element style
 ----><div style="width:100%">{{{1}}}</div><!-- main text
-----><span class="mw-customtoggle-ToggleSpoilers mw-customtoggle-HideSpoiler wds-button" style="width: 50px; height: 20px;background:rgba(0,0,0,.3);padding:12px 25px;border: 5px solid #6F468577;border-radius:12px;background-color:rgba(var(--theme-accent-color--rgb),0.1);color:#fff;float:right;margin:5px;font-size:100%">Hide</span><!--
+----><span class="mw-customtoggle-ToggleSpoilers mw-customtoggle-HideSpoiler wds-button" style="background:rgba(0,0,0,.3);padding:12px 25px;border: 5px solid #6F468577;border-radius:12px;background-color:rgba(var(--theme-accent-color--rgb),0.1);color:#fff;float:right;margin:5px;font-size:100%">Hide</span><!--
 ---></div><!--
 --></div><!--