https://www.detectiveconanworld.com/wiki/index.php?action=history&feed=atom&title=Template%3ASidescrollSlides 2026-08-23T19:26:28Z Revision history for this page on the wiki MediaWiki 1.45.1 https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412282&oldid=prev 2026-08-23T06:36:46Z

<p>Say hello to the new sidescroller!</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 06:36, 23 August 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</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>&lt;includeonly&gt;&lt;div class=&quot;sidescroll-container sidescroll-container-can-hover&quot; style=&quot;--slide-min-width:{{{slide-min-width}}};--control-bar-width: 60%;--button-height:{{{button-height}}};--auto-advance-delay:{{{auto-advance-delay}}}s;--scroll-transition-duration:{{{scroll-transition-duration}}}s;--progress-bar-fill-duration:{{#expr: {{{auto-advance-delay}}} + {{{scroll-transition-duration}}}}};&quot;&gt;&lt;div class=&quot;sidescroll-top-container&quot;&gt;&lt;div class=&quot;sidescroll-view-all&quot;&gt;[View all]&lt;/div&gt;&lt;!-- This would eventually become a link to a page containing all the slides. --&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-slide-container&quot;&gt;&lt;div style=&quot;overflow-x: clip;&quot;&gt;&lt;div class=&quot;sidescroll&quot; style=&quot;transition-duration: 0s;&quot;&gt;{{#if: {{{slides|}}} | {{{slides}}} | &lt;div class=&quot;error&quot;&gt;&#039;&#039;&#039;No slides were given. Insert them using [[Template:SidescrollSlides/Slide|SidescrollSlides/Slide]].&#039;&#039;&#039;&lt;/div&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-bottom-container&quot;&gt;&lt;div class=&quot;sidescroll-controls&quot; style=&quot;background: #f3f3f3; --button-border-color: #b4b4b4;&quot;&gt;&lt;div class=&quot;sidescroll-button-container&quot;&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot;&gt;&lt;div class=&quot;sidescroll-button-chevron sidescroll-button-chevron-left&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot; style=&quot;flex-basis: 50%; margin: 0 1px;&quot;&gt;&lt;div class=&quot;sidescroll-button-pause-play&quot;&gt;&lt;div class=&quot;sidescroll-button-pause-icon&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot;&gt;&lt;div class=&quot;sidescroll-button-chevron sidescroll-button-chevron-right&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-progress-bar-container&quot;&gt;&lt;div class=&quot;sidescroll-progress-bar-background&quot;&gt;&lt;div class=&quot;sidescroll-progress-bar&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&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>&lt;includeonly&gt;&lt;div class=&quot;sidescroll-container sidescroll-container-can-hover&quot; style=&quot;--slide-min-width:{{{slide-min-width}}};--control-bar-width: 60%;--button-height:{{{button-height}}};--auto-advance-delay:{{{auto-advance-delay}}}s;--scroll-transition-duration:{{{scroll-transition-duration}}}s;--progress-bar-fill-duration:{{#expr: {{{auto-advance-delay}}} + {{{scroll-transition-duration}}}}};&quot;&gt;&lt;div class=&quot;sidescroll-top-container&quot;&gt;&lt;div class=&quot;sidescroll-view-all&quot;&gt;[View all]&lt;/div&gt;&lt;!-- This would eventually become a link to a page containing all the slides. --&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-slide-container&quot;&gt;&lt;div style=&quot;overflow-x: clip;&quot;&gt;&lt;div class=&quot;sidescroll&quot; style=&quot;transition-duration: 0s;&quot;&gt;{{#if: {{{slides|}}} | {{{slides}}} | &lt;div class=&quot;error&quot;&gt;&#039;&#039;&#039;No slides were given. Insert them using [[Template:SidescrollSlides/Slide|SidescrollSlides/Slide]].&#039;&#039;&#039;&lt;/div&gt;}}&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-bottom-container&quot;&gt;&lt;div class=&quot;sidescroll-controls&quot; style=&quot;background: #f3f3f3; --button-border-color: #b4b4b4;&quot;&gt;&lt;div class=&quot;sidescroll-button-container&quot;&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot;&gt;&lt;div class=&quot;sidescroll-button-chevron sidescroll-button-chevron-left&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot; style=&quot;flex-basis: 50%; margin: 0 1px;&quot;&gt;&lt;div class=&quot;sidescroll-button-pause-play&quot;&gt;&lt;div class=&quot;sidescroll-button-pause-icon&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot;&gt;&lt;div class=&quot;sidescroll-button-chevron sidescroll-button-chevron-right&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-progress-bar-container&quot;&gt;&lt;div class=&quot;sidescroll-progress-bar-background&quot;&gt;&lt;div class=&quot;sidescroll-progress-bar&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&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;"><br></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;"><br></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>{{<del style="font-weight: bold; text-decoration: none;">User:AvidConanContributor/sandbox/Template:</del>SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=0.55|slides=</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>{{SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=0.55|slides=</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>{{<del style="font-weight: bold; text-decoration: none;">User:AvidConanContributor/sandbox/Template:</del>SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}</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>{{<del style="font-weight: bold; text-decoration: none;">User:AvidConanContributor/sandbox/Template:</del>SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}</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>{{<del style="font-weight: bold; text-decoration: none;">User:AvidConanContributor/sandbox/Template:</del>SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}}}</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}}}</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;"><br></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;"><br></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>&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>&lt;/noinclude&gt;</div></td></tr> <!-- diff cache key wkdc:diff:1.41:old-412280:rev-412282:php=table --> </table>

AvidConanContributor https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412280&oldid=prev 2026-08-23T06:36:05Z

<p>AvidConanContributor moved page <a href="/wiki/index.php?title=User:Template:SidescrollSlides&amp;action=edit&amp;redlink=1" class="new" title="User:Template:SidescrollSlides (page does not exist)">User:Template:SidescrollSlides</a> to <a href="/wiki/Template:SidescrollSlides" title="Template:SidescrollSlides">Template:SidescrollSlides</a> without leaving a redirect: Fixing erroneous move</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 06:36, 23 August 2026</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

AvidConanContributor https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412278&oldid=prev 2026-08-23T06:35:19Z

<p>AvidConanContributor moved page <a href="/wiki/index.php?title=User:AvidConanContributor/sandbox/Template:SidescrollSlides&amp;action=edit&amp;redlink=1" class="new" title="User:AvidConanContributor/sandbox/Template:SidescrollSlides (page does not exist)">User:AvidConanContributor/sandbox/Template:SidescrollSlides</a> to <a href="/wiki/index.php?title=User:Template:SidescrollSlides&amp;action=edit&amp;redlink=1" class="new" title="User:Template:SidescrollSlides (page does not exist)">User:Template:SidescrollSlides</a> without leaving a redirect: Move out of sandbox into template namespace</p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <tr class="diff-title" lang="en"> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">← Older revision</td> <td colspan="1" style="background-color: #fff; color: #202122; text-align: center;">Revision as of 06:35, 23 August 2026</td> </tr><tr><td colspan="2" class="diff-notice" lang="en"><div class="mw-diff-empty">(No difference)</div> </td></tr></table>

AvidConanContributor https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412274&oldid=prev 2026-08-23T06:28:07Z

<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 06:28, 23 August 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l3">Line 3:</td> <td colspan="2" class="diff-lineno">Line 3:</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=0.55|slides=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=0.55|slides=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026<del style="font-weight: bold; text-decoration: none;">}}</del></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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}</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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1210|The Cursed Neighbor's House|August 22, 2026}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1211|The Birdman Rally Bombing|August 29, 2026|part=1}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1212|The Birdman Rally Bombing|September 5, 2026|part=2</del>}}}}}}</div></td><td colspan="2" class="diff-side-added"></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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026<del style="font-weight: bold; text-decoration: none;">}}</del></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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}</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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1210|The Cursed Neighbor's House|August 22, 2026}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1211|The Birdman Rally Bombing|August 29, 2026|part=1}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1212|The Birdman Rally Bombing|September 5, 2026|part=2</del>}}}}}}</div></td><td colspan="2" class="diff-side-added"></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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|{{LaNe box|title=Latest episode|content=</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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026<del style="font-weight: bold; text-decoration: none;">}}</del></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>{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}}}}}}}</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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1210|The Cursed Neighbor's House|August 22, 2026}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1211|The Birdman Rally Bombing|August 29, 2026|part=1}}</del></div></td><td colspan="2" class="diff-side-added"></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><del style="font-weight: bold; text-decoration: none;">{{LaNe box/Item|DC-Anime|1212|The Birdman Rally Bombing|September 5, 2026|part=2</del>}}}}}}}}</div></td><td colspan="2" class="diff-side-added"></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;"><br></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;"><br></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>&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>&lt;/noinclude&gt;</div></td></tr> </table>

AvidConanContributor https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412273&oldid=prev 2026-08-23T06:24:06Z

<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 06:24, 23 August 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l2">Line 2:</td> <td colspan="2" class="diff-lineno">Line 2:</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;"><br></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;"><br></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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=0.55|slides=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=0.55|slides=</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|}}</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|<ins style="font-weight: bold; text-decoration: none;">{{LaNe box|title=Latest episode|content=</ins></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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|}}</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;">{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}</ins></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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|}}}}</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;">{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}</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;">{{LaNe box/Item|DC-Anime|1210|The Cursed Neighbor's House|August 22, 2026}}</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;">{{LaNe box/Item|DC-Anime|1211|The Birdman Rally Bombing|August 29, 2026|part=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;">{{LaNe box/Item|DC-Anime|1212|The Birdman Rally Bombing|September 5, 2026|part=2}}}}</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|<ins style="font-weight: bold; text-decoration: none;">{{LaNe box|title=Latest episode|content=</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;">{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}</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;">{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}</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;">{{LaNe box/Item|DC-Anime|1210|The Cursed Neighbor's House|August 22, 2026}}</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;">{{LaNe box/Item|DC-Anime|1211|The Birdman Rally Bombing|August 29, 2026|part=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;">{{LaNe box/Item|DC-Anime|1212|The Birdman Rally Bombing|September 5, 2026|part=2}}}}</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>{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|<ins style="font-weight: bold; text-decoration: none;">{{LaNe box|title=Latest episode|content=</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;">{{LaNe box/Item|DC-Anime|1208|Welcome to the Stone Age Village|July 25, 2026}}</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;">{{LaNe box/Item|DC-Anime|1209|Who's the Target?|August 1, 2026}}</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;">{{LaNe box/Item|DC-Anime|1210|The Cursed Neighbor's House|August 22, 2026}}</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;">{{LaNe box/Item|DC-Anime|1211|The Birdman Rally Bombing|August 29, 2026|part=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;">{{LaNe box/Item|DC-Anime|1212|The Birdman Rally Bombing|September 5, 2026|part=2}}}}</ins>}}}}</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;"><br></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;"><br></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>&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>&lt;/noinclude&gt;</div></td></tr> </table>

AvidConanContributor https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412269&oldid=prev 2026-08-23T06:21:08Z

<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 06:21, 23 August 2026</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Line 1:</td> <td colspan="2" class="diff-lineno">Line 1:</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;<del style="font-weight: bold; text-decoration: none;">p style="border: 1px solid black; margin-bottom: 8px;"</del>&gt;<del style="font-weight: bold; text-decoration: none;">Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere.&lt;/p&gt;</del></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>&lt;<ins style="font-weight: bold; text-decoration: none;">includeonly</ins>&gt;&lt;div class="sidescroll-container sidescroll-container-can-hover" style="--slide-<ins style="font-weight: bold; text-decoration: none;">min-width</ins>:<ins style="font-weight: bold; text-decoration: none;">{{{</ins>slide-min-width<ins style="font-weight: bold; text-decoration: none;">}}}</ins>;--control-bar-width: 60%;--button-height:<ins style="font-weight: bold; text-decoration: none;">{{{button-height}}}</ins>;--auto-advance-delay:<ins style="font-weight: bold; text-decoration: none;">{{{auto-advance-delay}}}s</ins>;--scroll-transition-duration:<ins style="font-weight: bold; text-decoration: none;">{{{scroll-transition-duration}}}s</ins>;--progress-bar-fill-duration:<ins style="font-weight: bold; text-decoration: none;">{{#expr: {{{auto-advance-delay}}} + {{{scroll-transition-duration}}}}}</ins>;"&gt;&lt;div class="sidescroll-top-container"&gt;&lt;div class="sidescroll-view-all"&gt;[View all]&lt;/div&gt;&lt;!-- This would eventually become a link to a page containing all the slides. --&gt;&lt;/div&gt;&lt;div class="sidescroll-slide-container"&gt;&lt;div style="overflow-x: clip;"&gt;&lt;div class="sidescroll" style="transition-duration: 0s;"&gt;<ins style="font-weight: bold; text-decoration: none;">{{</ins>#<ins style="font-weight: bold; text-decoration: none;">if</ins>: <ins style="font-weight: bold; text-decoration: none;">{{{slides|}}} | {{{slides}}} | </ins>&lt;<ins style="font-weight: bold; text-decoration: none;">div </ins>class="<ins style="font-weight: bold; text-decoration: none;">error</ins>"<ins style="font-weight: bold; text-decoration: none;">&gt;'''No slides were given. Insert them using [[Template</ins>:<ins style="font-weight: bold; text-decoration: none;">SidescrollSlides/Slide|SidescrollSlides</ins>/<ins style="font-weight: bold; text-decoration: none;">Slide]].''</ins>'&lt;/<ins style="font-weight: bold; text-decoration: none;">div</ins>&gt;<ins style="font-weight: bold; text-decoration: none;">}}</ins>&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-bottom-container"&gt;&lt;div class="sidescroll-controls" style="background: #f3f3f3; --button-border-color: #b4b4b4;"&gt;&lt;div class="sidescroll-button-container"&gt;&lt;div class="sidescroll-button" tabindex="0" role="button"&gt;&lt;div class="sidescroll-button-chevron sidescroll-button-chevron-left"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-button" tabindex="0" role="button" style="flex-basis: 50%; margin: 0 1px;"&gt;&lt;div class="sidescroll-button-pause-play"&gt;&lt;div class="sidescroll-button-pause-icon"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-button" tabindex="0" role="button"&gt;&lt;div class="sidescroll-button-chevron sidescroll-button-chevron-right"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-progress-bar-container"&gt;&lt;div class="sidescroll-progress-bar-background"&gt;&lt;div class="sidescroll-progress-bar"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div<ins style="font-weight: bold; text-decoration: none;">&gt;&lt;/includeonly&gt;&lt;noinclude</ins>&gt;</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;div class="sidescroll-container sidescroll-container-can-hover" style="--slide-<del style="font-weight: bold; text-decoration: none;">height</del>: <del style="font-weight: bold; text-decoration: none;">150px; --</del>slide-min-width<del style="font-weight: bold; text-decoration: none;">: 250px</del>;--control-bar-width: 60%;--button-height: <del style="font-weight: bold; text-decoration: none;">32px</del>;--auto-advance-delay: <del style="font-weight: bold; text-decoration: none;">5s</del>;--scroll-transition-duration: <del style="font-weight: bold; text-decoration: none;">0.55s</del>;--progress-bar-fill-duration: <del style="font-weight: bold; text-decoration: none;">5.55</del>;"&gt;&lt;div class="sidescroll-top-container"&gt;&lt;div class="sidescroll-view-all"&gt;[View all]&lt;/div&gt;&lt;!-- This would eventually become a link to a page containing all the slides. --&gt;&lt;/div&gt;&lt;div class="sidescroll-slide-container"&gt;&lt;div style="overflow-x: clip;"&gt;&lt;div class="sidescroll" style="transition-duration: 0s;"&gt;<del style="font-weight: bold; text-decoration: none;">&lt;span class="sidescroll-slide" style="background: </del>#<del style="font-weight: bold; text-decoration: none;">df207c; color</del>:<del style="font-weight: bold; text-decoration: none;">#fff"&gt;Hello</del>&lt;<del style="font-weight: bold; text-decoration: none;">/span&gt;&lt;span </del>class="<del style="font-weight: bold; text-decoration: none;">sidescroll-slide</del>" <del style="font-weight: bold; text-decoration: none;">style="background</del>: <del style="font-weight: bold; text-decoration: none;">#ffd036"&gt;Bonjour&lt;</del>/<del style="font-weight: bold; text-decoration: none;">span&gt;&lt;span class="sidescroll-slide" style="background: #238fe1"&gt;Kon</del>'<del style="font-weight: bold; text-decoration: none;">nichwa</del>&lt;/<del style="font-weight: bold; text-decoration: none;">span</del>&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-bottom-container"&gt;&lt;div class="sidescroll-controls" style="background: #f3f3f3; --button-border-color: #b4b4b4;"&gt;&lt;div class="sidescroll-button-container"&gt;&lt;div class="sidescroll-button" tabindex="0" role="button"&gt;&lt;div class="sidescroll-button-chevron sidescroll-button-chevron-left"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-button" tabindex="0" role="button" style="flex-basis: 50%; margin: 0 1px;"&gt;&lt;div class="sidescroll-button-pause-play"&gt;&lt;div class="sidescroll-button-pause-icon"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-button" tabindex="0" role="button"&gt;&lt;div class="sidescroll-button-chevron sidescroll-button-chevron-right"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class="sidescroll-progress-bar-container"&gt;&lt;div class="sidescroll-progress-bar-background"&gt;&lt;div class="sidescroll-progress-bar"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&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> </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><del style="font-weight: bold; text-decoration: none;">&lt;p style="border</del>: <del style="font-weight: bold; text-decoration: none;">1px solid black; margin</del>: 0<del style="font-weight: bold; text-decoration: none;">;"&gt;Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus. Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce</del>.&lt;/<del style="font-weight: bold; text-decoration: none;">p</del>&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;">{{User</ins>:<ins style="font-weight: bold; text-decoration: none;">AvidConanContributor/sandbox/Template</ins>:<ins style="font-weight: bold; text-decoration: none;">SidescrollSlides|slide-min-width=250px|button-height=32px|auto-advance-delay=5|scroll-transition-duration=</ins>0.<ins style="font-weight: bold; text-decoration: none;">55|slides=</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;">{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|}}</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;">{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|}}</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;">{{User:AvidConanContributor/sandbox/Template:SidescrollSlides/Slide|}}}}</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> </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>&lt;/<ins style="font-weight: bold; text-decoration: none;">noinclude</ins>&gt;</div></td></tr> <!-- diff cache key wkdc:diff:1.41:old-412267:rev-412269:php=table --> </table>

AvidConanContributor https://www.detectiveconanworld.com/wiki/index.php?title=Template:SidescrollSlides&diff=412267&oldid=prev 2026-08-23T05:57:48Z

<p>Testing Template:SidescrollSlides</p> <p><b>New page</b></p><div>&lt;p style=&quot;border: 1px solid black; margin-bottom: 8px;&quot;&gt;Lorem ipsum dolor sit amet consectetur adipiscing elit. Ex sapien vitae pellentesque sem placerat in id. Pretium tellus duis convallis tempus leo eu aenean. Urna tempor pulvinar vivamus fringilla lacus nec metus. Iaculis massa nisl malesuada lacinia integer nunc posuere.&lt;/p&gt;<br /> &lt;div class=&quot;sidescroll-container sidescroll-container-can-hover&quot; style=&quot;--slide-height: 150px; --slide-min-width: 250px;--control-bar-width: 60%;--button-height: 32px;--auto-advance-delay: 5s;--scroll-transition-duration: 0.55s;--progress-bar-fill-duration: 5.55;&quot;&gt;&lt;div class=&quot;sidescroll-top-container&quot;&gt;&lt;div class=&quot;sidescroll-view-all&quot;&gt;[View all]&lt;/div&gt;&lt;!-- This would eventually become a link to a page containing all the slides. --&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-slide-container&quot;&gt;&lt;div style=&quot;overflow-x: clip;&quot;&gt;&lt;div class=&quot;sidescroll&quot; style=&quot;transition-duration: 0s;&quot;&gt;&lt;span class=&quot;sidescroll-slide&quot; style=&quot;background: #df207c; color:#fff&quot;&gt;Hello&lt;/span&gt;&lt;span class=&quot;sidescroll-slide&quot; style=&quot;background: #ffd036&quot;&gt;Bonjour&lt;/span&gt;&lt;span class=&quot;sidescroll-slide&quot; style=&quot;background: #238fe1&quot;&gt;Kon&#039;nichwa&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-bottom-container&quot;&gt;&lt;div class=&quot;sidescroll-controls&quot; style=&quot;background: #f3f3f3; --button-border-color: #b4b4b4;&quot;&gt;&lt;div class=&quot;sidescroll-button-container&quot;&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot;&gt;&lt;div class=&quot;sidescroll-button-chevron sidescroll-button-chevron-left&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot; style=&quot;flex-basis: 50%; margin: 0 1px;&quot;&gt;&lt;div class=&quot;sidescroll-button-pause-play&quot;&gt;&lt;div class=&quot;sidescroll-button-pause-icon&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-button&quot; tabindex=&quot;0&quot; role=&quot;button&quot;&gt;&lt;div class=&quot;sidescroll-button-chevron sidescroll-button-chevron-right&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;sidescroll-progress-bar-container&quot;&gt;&lt;div class=&quot;sidescroll-progress-bar-background&quot;&gt;&lt;div class=&quot;sidescroll-progress-bar&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;<br /> &lt;p style=&quot;border: 1px solid black; margin: 0;&quot;&gt;Semper vel class aptent taciti sociosqu ad litora. Conubia nostra inceptos himenaeos orci varius natoque penatibus. Dis parturient montes nascetur ridiculus mus donec rhoncus. Nulla molestie mattis scelerisque maximus eget fermentum odio. Purus est efficitur laoreet mauris pharetra vestibulum fusce.&lt;/p&gt;</div>

AvidConanContributor