https://www.detectiveconanworld.com/wiki/index.php?action=history&feed=atom&title=User%3AR0o0di%2FSandbox%2FMain_Page
User:R0o0di/Sandbox/Main Page - Revision history
2026-04-11T18:30:21Z
Revision history for this page on the wiki
MediaWiki 1.31.1
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389376&oldid=prev
R0o0di at 17:54, 6 July 2025
2025-07-06T17:54:04Z
<p></p>
<table class="diff diff-contentalign-left" 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: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 17:54, 6 July 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15" >Line 15:</td>
<td colspan="2" class="diff-lineno">Line 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>         'didyouknow GFDL';</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>         'didyouknow GFDL';</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>       padding: 10px;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>       padding: 10px;</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; 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;">      place-self: center;</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>     }</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>     }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
</table>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389375&oldid=prev
R0o0di at 17:49, 6 July 2025
2025-07-06T17:49:46Z
<p></p>
<table class="diff diff-contentalign-left" 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: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 17:49, 6 July 2025</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l15" >Line 15:</td>
<td colspan="2" class="diff-lineno">Line 15:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>         'didyouknow GFDL';</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>         'didyouknow GFDL';</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>       padding: 10px;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>       padding: 10px;</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">      place-self: center;</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>     }</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>     }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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;"></td></tr>
<!-- diff cache key dcw_wiki-wkdc_:diff::1.12:old-389374:rev-389375 -->
</table>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389374&oldid=prev
R0o0di at 17:45, 6 July 2025
2025-07-06T17:45:29Z
<p></p>
<table class="diff diff-contentalign-left" 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: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 17:45, 6 July 2025</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="color: #222; 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;">''' for wtv reason, the styles are not being applied. you can copy whatever is in the <code>css=</code> parameter and paste it in the inspector inside <style> tags to see how itd look like'''</del></div></td><td colspan="2"> </td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{{code</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{{code</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|html=</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|html=</div></td></tr>
<!-- diff cache key dcw_wiki-wkdc_:diff::1.12:old-389373:rev-389374 -->
</table>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389373&oldid=prev
R0o0di at 17:45, 6 July 2025
2025-07-06T17:45:17Z
<p></p>
<a href="https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389373&oldid=389372">Show changes</a>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389372&oldid=prev
R0o0di at 17:32, 6 July 2025
2025-07-06T17:32:24Z
<p></p>
<table class="diff diff-contentalign-left" 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: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 17:32, 6 July 2025</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="color: #222; 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>''' for wtv reason, the styles are not being applied. you can copy whatever is in the <code>css=</code> parameter and paste it in the <del class="diffchange diffchange-inline">console </del>inside <style> tags to see how itd look like'''</div></td><td class='diff-marker'>+</td><td style="color: #222; 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>''' for wtv reason, the styles are not being applied. you can copy whatever is in the <code>css=</code> parameter and paste it in the <ins class="diffchange diffchange-inline">inspector </ins>inside <style> tags to see how itd look like'''</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{{code</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{{code</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|html=</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|html=</div></td></tr>
<!-- diff cache key dcw_wiki-wkdc_:diff::1.12:old-389371:rev-389372 -->
</table>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389371&oldid=prev
R0o0di at 17:31, 6 July 2025
2025-07-06T17:31:44Z
<p></p>
<table class="diff diff-contentalign-left" 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: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 17:31, 6 July 2025</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 colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; 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;">''' for wtv reason, the styles are not being applied. you can copy whatever is in the <code>css=</code> parameter and paste it in the console inside <style> tags to see how itd look like'''</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{{code</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>{{code</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|html=</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; 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>|html=</div></td></tr>
<!-- diff cache key dcw_wiki-wkdc_:diff::1.12:old-389370:rev-389371 -->
</table>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389370&oldid=prev
R0o0di: Undo revision 389369 by R0o0di (talk)
2025-07-06T17:27:41Z
<p>Undo revision 389369 by <a href="/wiki/Special:Contributions/R0o0di" title="Special:Contributions/R0o0di">R0o0di</a> (<a href="/wiki/User_talk:R0o0di" title="User talk:R0o0di">talk</a>)</p>
<a href="https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389370&oldid=389369">Show changes</a>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389369&oldid=prev
R0o0di at 17:27, 6 July 2025
2025-07-06T17:27:17Z
<p></p>
<a href="https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389369&oldid=389368">Show changes</a>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389368&oldid=prev
R0o0di at 17:26, 6 July 2025
2025-07-06T17:26:05Z
<p></p>
<a href="https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389368&oldid=389367">Show changes</a>
R0o0di
https://www.detectiveconanworld.com/wiki/index.php?title=User:R0o0di/Sandbox/Main_Page&diff=389367&oldid=prev
R0o0di: test
2025-07-06T17:21:58Z
<p>test</p>
<p><b>New page</b></p><div>{{code<br />
|html=<br />
%20%20%3Cdiv%20class%3D%22main-grid%22%3E%0A%20%20%20%20%3Cdiv%20class%3D%22box%20contribution%22%3E%0A%0A%20%20%20%20%20%20%3Cp%3EWelcome%20to%20the%20Detective%20Conan%20Wiki!%20We%20strive%20to%20become%20the%20number%20one%20source%20of%20all%20things%20Detective%20Conan%0A%20%20%20%20%20%20%20%20related%2C%20but%20not%20without%20your%20help!%20If%20you%20need%20to%20contact%20a%20moderator%20or%20an%20admin%2C%20please%20consult%20the%20following%0A%20%20%20%20%20%20%20%20%3Ca%20href%3D%22%2Fwiki%2FDetective_Conan_Wiki%3AModerators%22%20title%3D%22Detective%20Conan%20Wiki%3AModerators%22%3Elist%3C%2Fa%3E.%3Cbr%3E%0A%20%20%20%20%20%20%20%20%3Ci%3EYou%20need%20to%20register%20before%20making%20any%20edits.%3C%2Fi%3E%3Cbr%3E%3Cbr%3E%0A%20%20%20%20%20%20%20%20%3Cspan%20style%3D%22color%3Agreen%22%3E%3Cb%3E%C2%BB%20You%20want%20to%20help%20out%20but%20don%27t%20know%20how%20or%20where%20to%20start%3F%20Here%27s%20a%20list%20of%20easy%0A%20%20%20%20%20%20%20%20%20%20%20%20tasks%3A%20%3Ca%20href%3D%22%2Fwiki%2FDetective_Conan_Wiki%3AContributing%22%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20title%3D%22Detective%20Conan%20Wiki%3AContributing%22%3EContributing%3C%2Fa%3E%3C%2Fb%3E%3C%2Fspan%3E%0A%20%20%20%20%20%20%3C%2Fp%3E%0A%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22box%20latest-episode%22%3ELatest%20Episode%2FChapter%2FOther%20Series%20Episode%3C%2Fdiv%3E%0A%20%20%20%20%3Cdiv%20class%3D%22box%20article%22%3EArticle%20of%20the%20Month%20%3Cbr%3E%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20At%0A%20%20%20%20%20%20dignissimos%20cupiditate%20reprehenderit%20ullam%20omnis%20alias%20rem%20asperiores!%20Consequatur%20laborum%20quia%20corporis%20quaerat%0A%20%20%20%20%20%20dolorum%20nisi%20quidem%3F%20Saepe%20tenetur%20harum%20debitis%20voluptate!%20Ducimus%20pariatur%20inventore%20itaque%20delectus%20harum%20amet%0A%20%20%20%20%20%20atque%20corporis%20quam%2C%20cum%20facilis%20obcaecati%20sed%20qui%20dolorem%20quaerat%20optio!%20Eligendi%20ipsam%20reprehenderit%20odit%20autem%0A%20%20%20%20%20%20voluptatibus%20quae%20tempore%20aut%20exercitationem%20magni%20error%20cumque%20voluptate%20atque%20architecto%20laborum%20id%20natus%0A%20%20%20%20%20%20quaerat%20corrupti%2C%20ratione%20cupiditate%20nam%20assumenda.%20Placeat%20delectus%2C%20atque%20ex%20corrupti%20accusamus%20optio%20in%20sit%2C%0A%20%20%20%20%20%20rem%2C%20animi%20quia%20suscipit%20iste.%20Totam%20eligendi%20nam%20fugit%20beatae%2C%20aut%20aperiam%2C%20dolore%20velit%20distinctio%20voluptas%20ex%0A%20%20%20%20%20%20non%20laudantium%20iste%20in%20inventore%20at%20necessitatibus%20incidunt%20nostrum%2C%20consequatur%20omnis%20assumenda%20sunt.%20Molestias%0A%20%20%20%20%20%20natus%20ad%20perspiciatis%20voluptas%20in%20soluta%20culpa%20nobis%20omnis.%20Expedita%20vero%20quaerat%20fugit%20ea%20ipsa%20qui%20obcaecati%0A%20%20%20%20%20%20nesciunt.%20Recusandae%20consectetur%20debitis%20incidunt%20in%20odio%20quod%20amet%2C%20cupiditate%20ipsum%20similique%20ipsam%20adipisci%20aut%0A%20%20%20%20%20%20quos%20autem%20cumque%20quidem%2C%20molestias%20magni%20nostrum%20quas.%20Aperiam%20asperiores%20ipsam%20laborum%20a%20eveniet%20natus%2C%20dolore%0A%20%20%20%20%20%20optio%20illo%20sequi%20distinctio%20unde%20eius%20mollitia%20eaque%20non%20beatae%20exercitationem%20illum%20minima%20sapiente%20consectetur%0A%20%20%20%20%20%20nulla%20nihil.%20Aspernatur%20corrupti%20in%20nobis%20id%20iusto%20tempora%20illum%20atque%20porro%20consectetur%20tenetur%20quo%20beatae%2C%0A%20%20%20%20%20%20deserunt%20debitis%20voluptatum%20quis%20libero%2C%20ratione%20quae%20maxime%20praesentium%20nisi%20repudiandae%20fugiat%20sequi%20autem.%0A%20%20%20%20%20%20Accusantium%2C%20porro%20consequuntur%20deserunt%20iste%20numquam%20molestiae%20laborum%20voluptatem%20aperiam%20natus%2C%20nisi%20odit%0A%20%20%20%20%20%20officia%20harum%20voluptatum%3F%3C%2Fdiv%3E%0A%0A%20%20%20%20%3Clabel%20class%3D%22expandable-box%22%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20class%3D%22expand-box%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22box%20general-topics%22%3E%0A%20%20%20%20%20%20%20%20%3Cstrong%3EGeneral%20topics%3C%2Fstrong%3E%20%3Cbr%3E%0A%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Eligendi%2C%20cupiditate!%20Facilis%20ipsa%20nostrum%20libero%2C%0A%20%20%20%20%20%20%20%20officiis%20mollitia%20veritatis%20repudiandae%20asperiores%20numquam%2C%20illo%20aperiam%20molestiae%20quis%20voluptate%20blanditiis.%0A%20%20%20%20%20%20%20%20Sint%20doloribus%20error%20accusamus%20velit%20magnam%20nisi.%20Nostrum%20itaque%20voluptas%20vel.%20Magnam%20magni%20cupiditate%0A%20%20%20%20%20%20%20%20blanditiis%20cum%20aut%20earum%20dolor%20dolorum%20porro%20itaque%20aliquid!%20Error%2C%20corporis%20eaque!%20Assumenda%20fuga%20blanditiis%0A%20%20%20%20%20%20%20%20ducimus%20non%20a%20dolor%20eaque%2C%20rem%20iusto%20quasi%20iste%20quis%20commodi%20distinctio%20quibusdam%20iure%20neque%20cumque%20voluptas%0A%20%20%20%20%20%20%20%20nostrum.%20Dolorem%20aut%20veritatis%20consectetur%20ullam%20exercitationem%20amet%20at%20aliquam%20odio%20repellat.%20Officia%20error%0A%20%20%20%20%20%20%20%20provident%20blanditiis%20et%20inventore%20ipsam%20cum%2C%20similique%20perferendis%20ex%20fugit%20at%20amet%20veniam%20ratione%20quas%20sequi%0A%20%20%20%20%20%20%20%20neque%20iure%2C%20voluptatem%20odit.%20Repudiandae%20ipsum%20voluptatum%20cumque%20et%20praesentium%2C%20nesciunt%20explicabo%20magni%20eum%0A%20%20%20%20%20%20%20%20provident%20temporibus%20ipsam%20maxime%20dolore%20quibusdam%20nam%20officiis%20deleniti%20minus%20veritatis%20ullam%20quos!%20Fugiat%0A%20%20%20%20%20%20%20%20ducimus%20fuga%20minus%20dolor%20in%20a%2C%20harum%20eaque.%20Excepturi%20ducimus%20exercitationem%20quibusdam%20laborum%20aperiam%20veniam%0A%20%20%20%20%20%20%20%20repudiandae%20sed%20dolor%20asperiores%20quia.%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Flabel%3E%0A%0A%20%20%20%20%3Clabel%20class%3D%22expandable-box%22%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20class%3D%22expand-box%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22box%20specific-topics%22%3E%0A%20%20%20%20%20%20%20%20%3Cstrong%3ESpecific%20topics%3C%2Fstrong%3E%20%3Cbr%3E%0A%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Incidunt%20assumenda%20ipsa%20eaque%20necessitatibus%20dolore%0A%20%20%20%20%20%20%20%20soluta%20eius%20voluptas%2C%20fugit%20dolores%20dolorum%20natus%20eos%20mollitia%20minus%2C%20autem%20ea%2C%20quas%20illo.%20Dolores%20dolorem%0A%20%20%20%20%20%20%20%20corrupti%20recusandae%20quasi%20repudiandae%20cum%20quo%20ipsa%20ea%20eveniet%20aliquam%20molestiae%20hic%20molestias%20impedit%2C%0A%20%20%20%20%20%20%20%20laudantium%0A%20%20%20%20%20%20%20%20consectetur%20ut%20voluptates%2C%20delectus%20tenetur%20id%20illum.%20Harum%20rem%20iusto%20debitis%20expedita%20quas%20vero%20vitae%0A%20%20%20%20%20%20%20%20distinctio%0A%20%20%20%20%20%20%20%20temporibus%20delectus%20incidunt%20dolorum%20autem%20earum%20sint%20quasi%2C%20ipsam%20doloremque%20sunt%20corporis%20deserunt%20reiciendis.%0A%20%20%20%20%20%20%20%20Nemo%20laudantium%20quos%20tempore%20recusandae%20laboriosam%20modi%20quaerat%20ipsam%2C%20perspiciatis%20quod%20accusamus%20quam%20at%0A%20%20%20%20%20%20%20%20corrupti.%20Asperiores%20aspernatur%20qui%20voluptates%20ad%20provident%2C%20laudantium%20sint%20dolorum%20non%20perferendis%20pariatur%0A%20%20%20%20%20%20%20%20explicabo%20error%20voluptatum%20ipsum%20nemo%20velit%20harum%20facilis%20quod%20sapiente%2C%20corporis%20totam!%20Voluptatum%2C%20neque%2C%0A%20%20%20%20%20%20%20%20ducimus%20laboriosam%20harum%20magnam%20ab%2C%20nesciunt%20voluptatem%20error%20rem%20sed%20soluta%20molestiae%20fugiat%20consequuntur.%0A%20%20%20%20%20%20%20%20Voluptatibus%20ratione%20doloremque%20vel%20enim%20ad%20ut%20reprehenderit%20quidem%2C%20doloribus%20dignissimos%20perspiciatis%20quam%0A%20%20%20%20%20%20%20%20quia%0A%20%20%20%20%20%20%20%20voluptate%20omnis%20accusantium%20modi%20voluptates%20totam.%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Flabel%3E%0A%0A%20%20%20%20%3Clabel%20class%3D%22expandable-box%22%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20class%3D%22expand-box%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22box%20latest-news%22%3ELatest%20News%3Cbr%3E%0A%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Vero%20omnis%20ullam%20voluptate%20asperiores%20quo%20provident%0A%20%20%20%20%20%20%20%20fugiat%20harum!%20Eaque%20atque%20obcaecati%20quam.%20Maxime%2C%20rerum%20cumque%20tempora%20temporibus%20quam%20inventore%20incidunt%0A%20%20%20%20%20%20%20%20doloribus%20excepturi%20officiis%20dolore%20quibusdam.%20Repellendus%20ex%20incidunt%20sit%20soluta%20excepturi%20quaerat%20molestias%0A%20%20%20%20%20%20%20%20quos%0A%20%20%20%20%20%20%20%20laborum%20asperiores%20dolor%20dolorem%20consequuntur%20quod%20commodi%20nemo%2C%20cumque%20labore%20sunt%3F%20Eveniet%20facilis%20iusto%0A%20%20%20%20%20%20%20%20corrupti%20quis%20odit%20minima%2C%20tempora%20laudantium%2C%20doloribus%20velit%20mollitia%20a%20architecto%20tenetur%20repellendus%20totam.%0A%20%20%20%20%20%20%20%20Recusandae%2C%20debitis.%20Nulla%20vitae%20laboriosam%2C%20consequuntur%20ipsum%20fugit%20incidunt%20placeat%20voluptate%20qui%20enim%0A%20%20%20%20%20%20%20%20repellat%0A%20%20%20%20%20%20%20%20voluptates%20illum%20temporibus%20quam%20eaque%20aut%20eum!%20Ea%2C%20odit%20fuga%20natus%20numquam%20tempore%20error%20maxime%20aliquid%2C%20nemo%0A%20%20%20%20%20%20%20%20incidunt%20consequatur%20esse%20rem%20minima%20pariatur%20inventore%20quam!%20Debitis%2C%20fugiat%20in%2C%20hic%20illum%20cumque%20commodi%0A%20%20%20%20%20%20%20%20numquam%0A%20%20%20%20%20%20%20%20obcaecati%2C%20voluptatibus%20ipsum%20assumenda%20magni%20inventore%20corporis%20soluta%20sequi%20quae%20incidunt%20eum%20veritatis%20nulla%3F%0A%20%20%20%20%20%20%20%20Optio%20excepturi%20voluptates%2C%20sint%20harum%20vitae%20veritatis%20vel%20eveniet%20fuga%2C%20ratione%20quia%20iusto%20animi%20aut%20omnis%0A%20%20%20%20%20%20%20%20nostrum%20architecto%20quasi%20ipsum%20expedita%20repellendus%20magnam%20explicabo%20pariatur%20assumenda%20quod.%20Maiores%20unde%0A%20%20%20%20%20%20%20%20cumque%0A%20%20%20%20%20%20%20%20perspiciatis%20eligendi%20fugiat.%20Iste%20aspernatur%20hic%20qui%20quia%20maxime%20sint%20dignissimos%20non%20dicta%20iure%20explicabo%2C%0A%20%20%20%20%20%20%20%20aliquid%20quae%20ipsum%20similique%20eligendi%20in%20perferendis.%20Eligendi%20ea%20nam%20veniam%20ullam%20eum%20accusamus%20quisquam%0A%20%20%20%20%20%20%20%20delectus%0A%20%20%20%20%20%20%20%20error%20vel%20esse%20odio%20neque%20amet%20numquam%2C%20officia%2C%20reprehenderit%20asperiores%20molestiae%20quis%3F%20Cupiditate%20quisquam%0A%20%20%20%20%20%20%20%20quaerat%20vero%2C%20quis%20quas%20facere%20error%20voluptatum%20excepturi%20rerum%20modi%20voluptas.%20Rerum%20at%20minus%2C%20cum%20error%20ab%0A%20%20%20%20%20%20%20%20numquam%20ipsam%20temporibus%20voluptate%3F%20Nulla%20quam%20voluptate%20consectetur%20animi%20nostrum%20expedita%20at%20qui%20voluptates%0A%20%20%20%20%20%20%20%20cumque%20quas%20voluptas%20veritatis%2C%20ducimus%20odio%20libero%20magnam%20aspernatur%20distinctio%20quasi%20sapiente%2C%20minima%20ab%3F%20Unde%0A%20%20%20%20%20%20%20%20laudantium%20quis%20esse%20earum%20consectetur%20veritatis%20officiis%20libero%2C%20pariatur%20ex%20commodi%3F%20Odio%2C%20est%20soluta%20facere%0A%20%20%20%20%20%20%20%20aut%0A%20%20%20%20%20%20%20%20magnam%20asperiores%20ipsam%20nisi%20quod%20commodi%20laboriosam%20dignissimos%20odit%20eligendi%20qui%20unde%20consequuntur%20accusantium%0A%20%20%20%20%20%20%20%20animi%20error!%20Iure%20ut%20error%20natus%20ipsam%20ipsa%20alias%20fugiat%20similique%20quibusdam%20necessitatibus.%20Consequatur%0A%20%20%20%20%20%20%20%20perferendis%20vitae%20in%20tempora%2C%20mollitia%20nam!%20Quasi%20quae%20tempore%20repellat%20voluptas!%20Alias%2C%20architecto%2C%0A%20%20%20%20%20%20%20%20voluptatibus%0A%20%20%20%20%20%20%20%20dolor%20exercitationem%20sint%20nisi%20quibusdam%20quod%20saepe%20debitis%20nam%20ullam%2C%20veritatis%20autem%20itaque%20soluta%20voluptate%0A%20%20%20%20%20%20%20%20quis%20iure%20quasi%20vero!%20Inventore%2C%20omnis%20delectus.%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Flabel%3E%0A%0A%20%20%20%20%3Clabel%20class%3D%22expandable-box%22%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20class%3D%22expand-box%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22box%20release-news%22%3ERelease%20News%3Cbr%3E%0A%0A%20%20%20%20%20%20%20%20Lorem%2C%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Porro%20rem%20odit%20praesentium%20corrupti%20excepturi%2C%20esse%2C%0A%20%20%20%20%20%20%20%20ratione%20necessitatibus%20commodi%20cum%20perferendis%20ipsum%20quas%20deserunt%20suscipit%20enim%20illo%20ipsa%20voluptatibus!%20Rem%0A%20%20%20%20%20%20%20%20consectetur%20facilis%20iste%20sunt%20mollitia.%20Quisquam%20nisi%20voluptates%20nam%20deleniti%20sunt%20fugit%20nihil%20reiciendis%20eaque%2C%0A%20%20%20%20%20%20%20%20iure%20recusandae%20rem%20iste%20quidem%20assumenda%20ea%20facilis%20delectus%20repellat%20necessitatibus%20consequuntur%20sed%2C%0A%20%20%20%20%20%20%20%20voluptatum%0A%20%20%20%20%20%20%20%20molestiae%20optio.%20Reiciendis%20aut%20explicabo%20inventore%20qui.%20Totam%20suscipit%20voluptas%20delectus%20quas%20minima%0A%20%20%20%20%20%20%20%20voluptatibus%0A%20%20%20%20%20%20%20%20maxime%2C%20libero%20asperiores%20facere%20consequatur%20ex%20quasi%20eos%20deserunt%20at%3F%20Ullam%20voluptatem%20cum%20provident%0A%20%20%20%20%20%20%20%20consequuntur%0A%20%20%20%20%20%20%20%20officiis%2C%20praesentium%20dolor%3F%20Libero%20exercitationem%20autem%20maiores%20voluptatum%2C%20nostrum%20dolorem%20tempore%20maxime%20rem%2C%0A%20%20%20%20%20%20%20%20nulla%2C%20sequi%20impedit%20quos%20laudantium%20ea%3F%20Cumque%2C%20sed%3F%20Impedit%20veniam%20officia%20fugit.%20Quod%20facere%2C%20architecto%0A%20%20%20%20%20%20%20%20alias%0A%20%20%20%20%20%20%20%20iure%20suscipit%20nostrum%20tenetur%20explicabo%20minus%20ducimus%20deserunt%20neque%20rerum%20amet%20quidem%20veritatis%20qui%20nemo%0A%20%20%20%20%20%20%20%20accusantium%20obcaecati%20eius%20totam%20quam%20numquam!%20Accusamus%20hic%20necessitatibus%20voluptas%20ratione%20ea%20ex%0A%20%20%20%20%20%20%20%20exercitationem%0A%20%20%20%20%20%20%20%20deserunt%20voluptates%20laudantium%2C%20fugiat%20recusandae%2C%20ullam%20blanditiis%20vitae%20dolor%20repellendus%2C%20quas%20odio%20atque%0A%20%20%20%20%20%20%20%20dolorum%20nemo!%20Sint%2C%20deleniti%20sequi%20nisi%20exercitationem%20ea%20fuga%20obcaecati%20alias%20earum%20repudiandae%20fugit!%20Eum%0A%20%20%20%20%20%20%20%20possimus%20quae%20voluptatum.%20Quae%20odit%20itaque%20sed%20explicabo%20pariatur%2C%20ab%20expedita%20vitae%20sequi%20ipsam%20deleniti%0A%20%20%20%20%20%20%20%20maiores%0A%20%20%20%20%20%20%20%20tempore%20enim%20rerum%20provident%20officiis%20magnam%20iusto%20error%2C%20quibusdam%20officia%20consectetur%20distinctio%2C%20sint%20sunt%0A%20%20%20%20%20%20%20%20minus!%20Eius%20pariatur%20doloribus%20nobis%20amet%20veniam%20corporis%20voluptate%20eveniet%20suscipit%20commodi%20veritatis%2C%20quam%0A%20%20%20%20%20%20%20%20animi%0A%20%20%20%20%20%20%20%20inventore%20soluta%20optio%20incidunt!%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Flabel%3E%0A%0A%20%20%20%20%3Clabel%20class%3D%22expandable-box%22%3E%0A%20%20%20%20%20%20%3Cinput%20type%3D%22checkbox%22%20class%3D%22expand-box%22%3E%0A%20%20%20%20%20%20%3Cdiv%20class%3D%22box%20did-you-know%22%3EDid%20you%20know%E2%80%A6%3Cbr%3E%0A%0A%20%20%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Soluta%20ducimus%20tempora%20molestias%20libero.%20Animi%20itaque%0A%20%20%20%20%20%20%20%20nihil%20nam%20facilis%20ut%20repudiandae%20quas%20eligendi%20sint%20inventore%2C%20tempora%20ea%20deserunt%20fugit%20sit.%20Ab%20dicta%20harum%0A%20%20%20%20%20%20%20%20illum%0A%20%20%20%20%20%20%20%20suscipit%20itaque%20incidunt%2C%20debitis%20cum%2C%20reiciendis%20at%20eum%20laudantium%20quidem%20dignissimos%20voluptate%3F%20Eum%20earum%0A%20%20%20%20%20%20%20%20placeat%20animi%20dignissimos%20architecto%20error%20numquam%20doloribus%20cupiditate%20id%2C%20nihil%20impedit%20tenetur%20est%20dolores%0A%20%20%20%20%20%20%20%20neque%20molestiae%20sequi%20debitis%2C%20assumenda%20voluptas%20dolorem%20itaque%20laboriosam.%20Porro%20nesciunt%20aperiam%20facilis%2C%20cum%0A%20%20%20%20%20%20%20%20aliquam%20optio%2C%20rerum%20numquam%20voluptatum%20qui%20pariatur%20ad%20itaque%20illum%20sapiente!%20Quibusdam%20tempora%20doloribus%20rerum%0A%20%20%20%20%20%20%20%20provident%20voluptas%20accusantium%20ipsam%2C%20quisquam%20nisi!%20Exercitationem%20nisi%20enim%20temporibus%20maxime%20et%20aspernatur%0A%20%20%20%20%20%20%20%20incidunt%20quia%20doloremque%20rerum!%20Natus%20sequi%20qui%20enim%20blanditiis%20atque%20repellendus%20asperiores%20incidunt%20aut%0A%20%20%20%20%20%20%20%20perferendis%20animi%20earum%20ullam%20recusandae%20consequuntur%20quas%2C%20saepe%20itaque%20quos%20nobis%20repudiandae%20aliquam%3F%0A%20%20%20%20%20%20%20%20Aspernatur%20repellendus%20illo%20placeat%20odio%20deleniti%20consequuntur%20quae%20ex!%20Ullam%20perferendis%20inventore%20nihil!%0A%20%20%20%20%20%20%20%20Soluta%0A%20%20%20%20%20%20%20%20illo%20quibusdam%20quisquam%20quasi%20debitis%20dolores.%0A%0A%0A%20%20%20%20%20%20%3C%2Fdiv%3E%0A%20%20%20%20%3C%2Flabel%3E%0A%0A%0A%20%20%20%20%3Cdiv%20class%3D%22box%20GFDL%22%3E%E2%93%98%20Note%20that%20many%20pages...%20Wikipedia.%3Cbr%3E%0A%0A%20%20%20%20%20%20Lorem%20ipsum%20dolor%20sit%20amet%20consectetur%20adipisicing%20elit.%20Ad%2C%20molestias%20corporis%20velit%20mollitia%20eius%20unde%20ipsum%20ut%0A%20%20%20%20%20%20vero%20facere%20similique%20nobis%20placeat%20aspernatur%20debitis%20culpa%20rerum%20facilis%20nam%20alias%20porro%20iste%20fugiat%20voluptate%0A%20%20%20%20%20%20quod%20officia%20aliquid%3F%20In%20illum%20cum%2C%20deserunt%20dolorum%20tenetur%20voluptatum%20incidunt%20officia%20odio%20sit%20accusamus%20a%0A%20%20%20%20%20%20repellendus%20sunt%20placeat%20laboriosam%20expedita%20iure%20maiores%20quibusdam%20libero%20saepe%20aperiam.%20Nisi%20adipisci%20itaque%0A%20%20%20%20%20%20tenetur%20enim%20delectus%20aliquid%2C%20necessitatibus%20rerum%20ad%20ullam%20unde%20officia%20vero%20odio%20labore%20repudiandae%20iusto%20eaque%0A%20%20%20%20%20%20laudantium%20commodi%20tempora%20sequi%20sint%20pariatur%20sit%20numquam%20dolore%20quidem!%20Inventore%2C%20incidunt%20ipsum.%20Ducimus%20iure%0A%20%20%20%20%20%20sed%20possimus%20quidem%20voluptates%20autem%20pariatur!%0A%0A%0A%20%20%20%20%3C%2Fdiv%3E%0A%20%20%3C%2Fdiv%3E<br />
|css=<br />
.main-grid {<br />
display: grid;<br />
gap: 10px;<br />
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));<br />
max-width: 1219px;<br />
grid-template-areas:<br />
"contribution latest-episode"<br />
"article article"<br />
"general specific"<br />
"latest-news release-news"<br />
"didyouknow GFDL";<br />
padding: 10px;<br />
}<br />
<br />
.box {<br />
border: 2px solid #000;<br />
padding: 10px;<br />
background: #fff;<br />
cursor: auto;<br />
}<br />
<br />
.contribution {<br />
grid-area: contribution;<br />
}<br />
<br />
.latest-episode {<br />
grid-area: latest-episode;<br />
border-color: #00aaff;<br />
color: #00aaff;<br />
font-weight: bold;<br />
text-align: center;<br />
}<br />
<br />
.article {<br />
grid-area: article;<br />
font-weight: bold;<br />
color: #666;<br />
}<br />
<br />
.general-topics {<br />
grid-area: general;<br />
}<br />
<br />
.specific-topics {<br />
grid-area: specific;<br />
}<br />
<br />
.latest-news {<br />
grid-area: latest-news;<br />
border-color: #00cc66;<br />
color: #00cc66;<br />
font-weight: bold;<br />
}<br />
<br />
.release-news {<br />
grid-area: release-news;<br />
border-color: #00cc66;<br />
color: #00cc66;<br />
font-weight: bold;<br />
}<br />
<br />
.did-you-know {<br />
grid-area: didyouknow;<br />
color: #999;<br />
}<br />
<br />
.GFDL {<br />
grid-area: GFDL;<br />
font-size: 12px;<br />
background: #eef;<br />
border-color: #ccd;<br />
}<br />
<br />
/* hide checkboxes */<br />
.expand-box {<br />
display: none;<br />
}<br />
<br />
/* <br />
@media (min-width: 1100px) {<br />
.main-grid {<br />
grid-template-areas:<br />
"article latest-episode latest-episode"<br />
"article latest-news latest-news"<br />
"article release-news release-news"<br />
"general specific didyouknow"<br />
"general specific GFDL";<br />
}<br />
} */<br />
<br />
/* change layout on mobile by displaying all boxes virtically */<br />
@media (max-width: 860px) {<br />
.main-grid {<br />
grid-template-areas:<br />
"contribution"<br />
"latest-episode"<br />
"article"<br />
"general"<br />
"specific"<br />
"latest-news"<br />
"release-news"<br />
"didyouknow"<br />
"GFDL";<br />
}<br />
<br />
.expandable-box .box {<br />
max-height: 100px;<br />
overflow: hidden;<br />
position: relative;<br />
cursor: pointer;<br />
-webkit-tap-highlight-color: transparent;<br />
}<br />
<br />
/* fade-out text after a few lines */<br />
.expandable-box .box::after {<br />
content: "";<br />
position: absolute;<br />
bottom: 0;<br />
left: 0;<br />
right: 0;<br />
height: 60px;<br />
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);<br />
}<br />
<br />
/* when box is clicked, expand to show full text */<br />
.expand-box:checked+.box {<br />
max-height: none;<br />
overflow: visible;<br />
}<br />
<br />
/* remove the fade-out effect when expanded */<br />
.expand-box:checked+.box::after {<br />
display: none;<br />
}<br />
}<br />
}}</div>
R0o0di