Template:Collapse top: Difference between revisions

From Path of Exile Wiki
Jump to navigation Jump to search
>TheFrz
mNo edit summary
m (minor background color adjustment, to be a bit more visible.)
 
(13 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<div style="margin-left:{{{indent|0px}}}"><!-- NOTE: width renders incorrectly if added to main STYLE section -->
<div class="mw-customtoggle-{{{2|CollapsibleB}}}" style="cursor:pointer; position:relative; width:{{{width|90}}}%; left:8px; background: linear-gradient(#593a22, #392414); display:inline-block; border-radius: 2px; padding:0px 0px; line-height:24px; color:#dcd1ad; font-size:15px; font-weight:bold"><div align="{{{align|center}}}"> {{{1|<noinclude>Extended content</noinclude>}}} <span style="position:absolute;left:5px;">&#9662;</span>
{| <!-- Template:Collapse top --> class="mw-collapsible {{{{{|safesubst:}}}#if:{{{expand|}}}||mw-collapsed}}" style="background: {{{bg1|transparent}}}; text-align: left; border: {{{border|1px}}} solid {{{b-color|#A38D6D}}}; margin: 1em auto; width:{{{{{|safesubst:}}}#if:{{{width|}}}|{{{width}}}|100%}}; clear: {{{clear|both}}}; padding: 0; border-spacing: 0" cellspacing="0"
<span style="position:absolute;right:5px;"><span style="font-size:14px;font-weight:400">[Expand]</span> &#9662;</span></div></div>
|-
<div id="mw-customcollapsible-{{{2|CollapsibleB}}}" class="mw-collapsible {{#if:{{{expand|}}}||mw-collapsed}}" style="display:flow-root;">
! style="background: {{{bg|#{{main other|332F24|332F24}}}}}; font-size:87%; padding:0.2em 0.3em; text-align:{{{{{|safesubst:}}}#if:{{{left|}}}|left|center}}; color:{{{fc|#DFCF99}}};" | <span style="font-size:115%">{{{1|{{{title|{{{reason|{{{header|{{{heading|Extended content}}} }}} }}} }}} }}}</span>  
<div class="mw-collapsible-content" style=" position:relative;width:{{{width|88.22}}}%; left:8px; border: 1px solid #342214; padding:{{{padding-content|0 1em}}}; background:{{{bg-content|transparent}}}; text-align:left; box-sizing:content-box;">
{{{{{|safesubst:}}}#if:{{{warning|{{{2|}}}}}}
<noinclude>
|{{{{{|safesubst:}}}!}}-
{{{{{|safesubst:}}}!}} style="text-align:center; font-style:italic;" {{{{{|safesubst:}}}!}} {{{2|The following is a closed debate. {{strongbad|Please do not modify it.}} }}} }}
|-
| style="border: solid {{{border2|1px #211F18}}}; padding: {{{padding|8px}}}; background: {{{bg2|#0f0f0f}}};" {{{{{|safesubst:}}}!}}<noinclude>
Lorem ipsum
Lorem ipsum
{{collapse bottom}}
{{collapse bottom}}
{{documentation}}
{{documentation}}
</noinclude>
</noinclude>

Latest revision as of 08:35, 16 May 2022

Extended content [Expand]

Lorem ipsum

Template documentation[view] [edit] [history] [purge]


Shortcut

The {{collapse top}} template (or {{cot}}), and its paired template {{collapse bottom}} (or {{cob}}), are used for placing a collapse box around a talk page discussion, especially when the content contains complex wikimarkup such as tables. For very simple content, the one-piece template {{collapse}} can be used instead.

Usage

Place {{collapse top}} (or {{cot}}), and {{collapse bottom}} (or {{cob}}), around the text to be collapsed. For example:

{{collapse top|This is the title text|OptionalIDToMakeThatEachColapsibleCollapseAndExpandSeparately}}
Sample contents text
{{collapse bottom}}

produces:

This is the title text [Expand]

Sample contents text