https://wiki.skytemple.org/index.php?action=history&feed=atom&title=Template%3AFlexstart Template:Flexstart - Revision history 2026-04-08T11:07:41Z Revision history for this page on the wiki MediaWiki 1.42.7 https://wiki.skytemple.org/index.php?title=Template:Flexstart&diff=552&oldid=prev Chesyon at 19:31, 18 January 2024 2024-01-18T19:31:12Z <p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="en"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 19:31, 18 January 2024</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l110">Line 110:</td> <td colspan="2" class="diff-lineno">Line 110:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>ending tag--&gt;&gt;&lt;/includeonly&gt;&lt;noinclude&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>ending tag--&gt;&gt;&lt;/includeonly&gt;&lt;noinclude&gt;</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Internal template. See [[Template:Flexbox]] for documentation.</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Internal template. See [[Template:Flexbox]] for documentation.</div></td></tr> <tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>&lt;/noinclude&gt;</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;templatedata&gt;</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">{</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "params": {</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "1": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "wrap": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "direction": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "justify": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "alignitems": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "alignlines": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "order": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "grow": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "shrink": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "basis": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "alignself": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "width": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "height": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "css": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "style": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "cssclass": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "class": {},</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> "id": {}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> }</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">}</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;/templatedata&gt;</ins>&lt;/noinclude&gt;</div></td></tr> <!-- diff cache key skytemplewiki:diff:1.41:old-549:rev-552:php=table --> </table> Chesyon https://wiki.skytemple.org/index.php?title=Template:Flexstart&diff=549&oldid=prev Chesyon: Created page with "<includeonly><div style="<!-- ======= type: flexbox and/or flexitem ======= //parameter: {{{1}}}, 'item' for flexitem only (not a flexbox); 'inline' or 'inlinebox' for inline-flexbox; other values for flexbox -->{{#switch:{{{1|}}}<!-- -->|inlinebox|inline=display:inline-flex;<!-- -->|item=<!-- need nothing -->|#default=display:flex;<!-- -->}}<!-- ======= parameters for flexbox ======= -->{{#ifeq:{{{1}}}|item||<!-- only if $type != item //parameter: wrap, def..." 2024-01-18T19:19:36Z <p>Created page with &quot;&lt;includeonly&gt;&lt;div style=&quot;&lt;!-- ======= type: flexbox and/or flexitem ======= //parameter: {{{1}}}, &#039;item&#039; for flexitem only (not a flexbox); &#039;inline&#039; or &#039;inlinebox&#039; for inline-flexbox; other values for flexbox --&gt;{{#switch:{{{1|}}}&lt;!-- --&gt;|inlinebox|inline=display:inline-flex;&lt;!-- --&gt;|item=&lt;!-- need nothing --&gt;|#default=display:flex;&lt;!-- --&gt;}}&lt;!-- ======= parameters for flexbox ======= --&gt;{{#ifeq:{{{1}}}|item||&lt;!-- only if $type != item //parameter: wrap, def...&quot;</p> <p><b>New page</b></p><div>&lt;includeonly&gt;&lt;div style=&quot;&lt;!-- <br /> <br /> ======= type: flexbox and/or flexitem =======<br /> <br /> //parameter: {{{1}}}, &#039;item&#039; for flexitem only (not a flexbox); &#039;inline&#039; or &#039;inlinebox&#039; for inline-flexbox; other values for flexbox<br /> --&gt;{{#switch:{{{1|}}}&lt;!-- <br /> --&gt;|inlinebox|inline=display:inline-flex;&lt;!-- <br /> --&gt;|item=&lt;!-- need nothing<br /> --&gt;|#default=display:flex;&lt;!-- <br /> --&gt;}}&lt;!-- <br /> <br /> ======= parameters for flexbox =======<br /> <br /> --&gt;{{#ifeq:{{{1}}}|item||&lt;!-- only if $type != item<br /> <br /> //parameter: wrap, default value is &#039;wrap&#039;<br /> --&gt;{{#switch:{{{wrap|}}}&lt;!-- <br /> --&gt;|no|nowrap=flex-wrap:nowrap;&lt;!-- <br /> --&gt;|#default=flex-wrap:wrap;&lt;!-- <br /> --&gt;}}&lt;!-- <br /> <br /> //paramter: direction, no need to set up default, just left blank to use css default.<br /> --&gt;{{#switch:{{{direction|}}}&lt;!-- <br /> --&gt;|=&lt;!-- Only if explicitly specified<br /> --&gt;|row-reverse=flex-direction:row-reverse;&lt;!--<br /> --&gt;|column=flex-direction:column;&lt;!--<br /> --&gt;|column-reverse=flex-direction:column-reverse;&lt;!--<br /> --&gt;|#default=flex-direction:row;&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> //paramter: justify, no need to set up default, just left blank to use css default.<br /> --&gt;{{#switch:{{{justify|}}}|&lt;!-- <br /> --&gt;|=&lt;!-- Only if explicitly specified<br /> --&gt;|left|flex-start=justify-content:flex-start;&lt;!--<br /> --&gt;|right|flex-end=justify-content:flex-end;&lt;!--<br /> --&gt;|justified|space-between=justify-content:space-between;&lt;!--<br /> --&gt;|space-around=justify-content:space-around;&lt;!--<br /> --&gt;|#default=justify-content:{{{justify|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> <br /> //paramter: alignitems, no need to set up default, just left blank to use css default.<br /> --&gt;{{#switch:{{{alignitems|}}}&lt;!-- <br /> --&gt;|=&lt;!-- Only if explicitly specified<br /> --&gt;|top|flex-start=align-items:flex-start;&lt;!--<br /> --&gt;|bottom|flex-end=align-items:flex-end;&lt;!--<br /> --&gt;|middle=align-items:center;&lt;!--<br /> --&gt;|#default=align-items:{{{alignitems|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> //paramter: alignlines, no need to set up default, just left blank to use css default.<br /> --&gt;{{#switch:{{{alignlines|}}}&lt;!-- <br /> --&gt;|=&lt;!-- Only if explicitly specified<br /> --&gt;|top|flex-start=align-content:flex-start;&lt;!--<br /> --&gt;|bottom|flex-end=align-content:flex-end;&lt;!--<br /> --&gt;|justified|space-between=align-content:space-between;&lt;!--<br /> --&gt;|#default=align-content:{{{alignlines|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> --&gt;}}&lt;!-- end if $type != item<br /> ======= parameters for flexitem =======<br /> <br /> //parameter: order<br /> --&gt;{{#if:{{{order|}}}|&lt;!-- <br /> --&gt;order:{{{order|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> //parameter: grow<br /> --&gt;{{#if:{{{grow|}}}|&lt;!-- <br /> --&gt;flex-grow:{{{grow|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> //parameter: shrink<br /> --&gt;{{#if:{{{shrink|}}}|&lt;!-- <br /> --&gt;flex-shrink:{{{shrink|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> //parameter: basis<br /> --&gt;{{#if:{{{basis|}}}|&lt;!-- <br /> --&gt;flex-basis:{{{basis|}}};&lt;!--<br /> --&gt;}}&lt;!-- <br /> <br /> <br /> //paramter: alignself, no need to set up default, just left blank to use css default.<br /> --&gt;{{#switch:{{{alignself|}}}&lt;!-- <br /> --&gt;|=&lt;!-- Only if explicitly specified<br /> --&gt;|top|flex-start=align-self:flex-start;&lt;!--<br /> --&gt;|bottom|flex-end=align-self:flex-end;&lt;!--<br /> --&gt;|middle=align-self:center;&lt;!--<br /> --&gt;|#default=align-self:{{{alignself|}}};&lt;!--<br /> --&gt;}}&lt;!--<br /> <br /> ======= parameters for general css property or html attribute =======<br /> <br /> //parameter: width<br /> --&gt;{{#if:{{{width|}}}|width:{{{width|}}};}}&lt;!-- <br /> <br /> //parameter: height<br /> --&gt;{{#if:{{{height|}}}|height:{{{height|}}};}}&lt;!-- <br /> <br /> //paramter: css / style<br /> --&gt;{{#if:{{{css|{{{style|}}}}}}|{{{css|{{{style|}}}}}};}}&lt;!-- <br /> <br /> //parameter: class arrtibute<br /> --&gt;&quot;{{#if:{{{cssclass|{{{class|}}}}}}|&lt;nowiki/&gt; class=&quot;{{{cssclass|{{{class|}}}}}}&quot;}}&lt;!-- <br /> <br /> //parameter: id arrtibute<br /> --&gt;{{#if:{{{id|}}}|&lt;nowiki/&gt; id=&quot;{{{id|}}}&quot;}}&lt;!-- <br /> <br /> ending tag--&gt;&gt;&lt;/includeonly&gt;&lt;noinclude&gt;<br /> Internal template. See [[Template:Flexbox]] for documentation.<br /> &lt;/noinclude&gt;</div> Chesyon